/* =========================================================
   Project: Shree Shudh Masala Website
   Company: Westonik
   Website: https://westonik.com/

   Developed By: Westonik Team
   Author: Westonik

   Description:
   This stylesheet contains custom UI/UX styling including
   header, banner, category, product, gallery, and responsive
   design elements for the website.

   Note:
   - Uses Lexend font system
   - Optimized for modern responsive UI
   - Do not modify core structure without review

   © 2026 Westonik. All rights reserved.
========================================================= */

/* Apply Lexend font globally */
* {
	font-family: 'Lexend', sans-serif;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
button,
input,
textarea {
	font-family: 'Lexend', sans-serif !important;
}


/* Header */

.main-bar {
	background-color: transparent !important;
}

.header-nav .nav>li>a {
	border-right: none !important;
	padding: 15px 20px;
	color: #fff;
}

.header-nav .nav>li:first-child>a {
	border-left: none !important;
}

.header-nav .nav>li>a:hover {
	background-color: transparent !important;
	color: #fff !important;
}

.header-nav .nav i {
	font-size: 13px !important;
	margin-left: 3px;
	margin-top: 0px !important;
	vertical-align: middle;
}

.logo-header {
	width: 150px;
	height: 60px;
	padding: 8px !important;
}

.clearfix {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .header-nav .nav>li.active>a,
.header .header-nav .nav>li:hover>a {
	color: #fff;
	background: #74332C;
}

.header-nav .nav>li .sub-menu {
	background-color: #fff;
	border: 1px solid #74332C;
	width: 200px;
}

.header-nav .nav>li .sub-menu li:hover>a {
	color: #74332C
}

@media screen and (max-width: 767px) {
	.topheadertext {
		font-size: 10px !important;
		line-height: 16px !important;
	}
}

/* Top Header Bar */
.top-header {
	background: #74332C;
	color: #fff;
	font-size: 13px;
	padding: 8px 0px 8px 0 !important;
	position: relative;

}

.is-fixed .main-bar {
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	height: 70px;
	background: #000 !important;
	color: #fff !important;
}

/* Top Header Bar */
.top-header {
	background: #74332C;
	color: #fff;
	font-size: 13px;
	padding: 8px 0px 8px 0;
	position: relative;
}

/* Close Button */
.top-header .close-btn {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.is-fixed ul.nav.navbar-nav a {
	color: white;
}

.is-fixed ul.nav.navbar-nav a:hover {
	color: white !important;
}


.owl-slider .owl-nav .owl-next,
.owl-slider .owl-nav .owl-prev {
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	font-size: 14px;
	margin: 0 20px;
	border-radius: 80px;
	opacity: .5;
	background: #74332C;
	color: #fff;
}

.owl-slider .owl-nav .owl-next:hover,
.owl-slider .owl-nav .owl-prev:hover {
	opacity: 1;
	background: #dedede;
}

@media only screen and (max-width: 991px) {
	.header-nav .logo-header a {
		display: block;
		width: 100%;
		text-align: left;
	}
}

/* --- Section Spacing --- */
.section-full {
	padding: 60px 0;
}


.eyebrow-text {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #9f4103;
	margin-bottom: 10px;
	display: block;
}

.title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 30px;
	color: #000;
}

@media(max-width:767px) {
	.title {
		font-size: 28px !important;
		margin-bottom: 18px !important;
	}

	.eyebrow-text {
		font-size: 12px !important;
	}

	.custom-btn {
		padding: 10px 22px !important;
	}

	.btn {
		font-size: 10px !important;
	}

	.custom-btn .arrow-icon {
		font-size: 12px !important;
	}

	.btnstart {
		justify-content: start !important;
	}
}

/* Tablet View (768px to 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
	.title {
		font-size: 30px !important;
		margin-bottom: 20px !important;
	}
}


.custom-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 30px;
	background-color: #9F4103;
	/* Your theme color */
	color: #fff;
	font-weight: 500;
	border-radius: 30px;
	overflow: hidden;
	transition: all 0.3s ease;
}

/* Arrow initially hidden */
.custom-btn .arrow-icon {
	font-size: 18px;
}

/* Hover effect */
.custom-btn:hover {
	padding-right: 30px;
	background-color: #9F4103;
	color: #fff !important;
}


/**********************Index.php*************************/


/**banner section**/
/* UI Polish for the Banner */
.banner-swiper {
	width: 100%;
	position: relative;
}

.slide-item-img img {
	width: 100%;
	display: block;
	object-fit: cover;
	/* Keeps images looking good without distorting ratio */
	height: fit-content;
}

/* Beautiful Navigation Arrows */
.banner-swiper .swiper-button-next,
.banner-swiper .swiper-button-prev {
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(4px);
	/* Modern blur effect */
	width: 25px;
	height: 25px;
	border-radius: 50%;
	color: #333;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease-in-out;
}

/* Hover effect for Arrows */
.banner-swiper .swiper-button-next:hover,
.banner-swiper .swiper-button-prev:hover {
	background: rgba(255, 255, 255, 1);
	color: #000;
	transform: scale(1.1);
	/* Slight zoom on hover */
}

/* Make the arrow icons smaller and bolder */
.banner-swiper .swiper-button-next::after,
.banner-swiper .swiper-button-prev::after {
	font-size: 12px;
	font-weight: 800;
}

/* Arrow Positioning */
.banner-swiper .swiper-button-prev {
	left: 15px;
}

.banner-swiper .swiper-button-next {
	right: 15px;
}

@media(max-width:767px) {

	.banner-swiper .swiper-button-next,
	.banner-swiper .swiper-button-prev {
		display: none;
	}

	.section-full {
		padding: 30px 0 !important;
	}
}


/**category section**/


/* Home */
.home-category-section .page-content {
	padding-bottom: 0px !important;
}

/* ------------------------------------------------- */
/* DESKTOP CAROUSEL CSS */
/* ------------------------------------------------- */

.home-category-section .courses-bx .title:after {
	display: none !important;
}

.home-category-section .courses-bx {
	height: 230px;
	padding: 20px;
	box-shadow: none !important;
	border: 2px dotted #dedede;
	text-align: center;
}

.home-category-section .courses-bx .title {
	margin: 0;
	font-size: 17px;
	font-weight: 400;
	color: #000;
	padding-top: 0px;
	position: relative;
	line-height: 24px;
}

.home-category-section .owl-carousel .owl-item .courses-bx img {
	width: 130px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.home-category-section .owl-btn-3 .owl-next,
.home-category-section .owl-btn-3 .owl-prev {
	font-size: 24px !important;
}

/* ------------------------------------------------- */
/* CUSTOM GRID MOBILE & TABLET */
/* ------------------------------------------------- */

.home-category-section .mobile-grid {
	display: none;
}

.home-category-section .custom-mobile-card {
	background: #fff !important;
	border: 2px dotted #dedede !important;
	border-radius: 4px !important;
	padding: 10px !important;
	margin: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	min-height: 140px !important;
	height: 100% !important;
	box-sizing: border-box !important;
}

.home-category-section .custom-mobile-card img {
	max-width: 100% !important;
	height: auto !important;
	margin: 0 auto 10px auto !important;
	padding: 0 !important;
	display: block !important;
	box-shadow: none !important;
}

.home-category-section .custom-mobile-card .mobile-card-title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #000 !important;
	line-height: 1.3 !important;
	word-wrap: break-word !important;
	letter-spacing: 0px !important;
}

.home-category-section .custom-mobile-card .mobile-card-title:after,
.home-category-section .custom-mobile-card .mobile-card-title:before {
	display: none !important;
}

/* ------------------------------------------------- */
/* MEDIA QUERIES */
/* ------------------------------------------------- */

@media(max-width:767px) {

	.home-category-section .mobile-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
		padding: 0 10px !important;
		margin-top: 10px !important;
	}

}

@media (min-width: 768px) and (max-width: 1023px) {

	.home-category-section .mobile-grid {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 15px !important;
		margin-top: 15px !important;
	}

	.home-category-section .custom-mobile-card {
		padding: 15px !important;
		min-height: 180px !important;
	}

	.home-category-section .custom-mobile-card img {
		width: 100px !important;
		margin-bottom: 15px !important;
	}

	.home-category-section .custom-mobile-card .mobile-card-title {
		font-size: 15px !important;
	}

}

@media (max-width: 1023px) {

	.home-category-section .desktop-carousel {
		display: none !important;
	}

}


/**about section**/

/* Image Overlay Box */
.home .image-overlay-box {
	position: relative;
	padding-right: 30px;
	padding-bottom: 30px;
}

.home .image-border-radius {
	border-radius: 8px;
}

.home .image-overlay-box img:first-child {
	width: 85%;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.home .image-overlay-box img:last-child {
	position: absolute;
	bottom: -60px;
	right: 0;
	width: 55%;
	border: 8px solid #fff;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* Title */
.home .about-box .title {
	line-height: 1.2;
}

/* Experience Number */
.home .experience-row h2 {
	font-size: 80px;
	font-weight: 700;
	line-height: 1;
}

/* Experience Text */
.home .experience-row h6 {
	line-height: 1.4;
	font-size: 18px;
}

/* Dotted Divider */
.home .about-divider {
	border-top: 2px dotted #e1e1e1;
	margin-bottom: 20px;
}

/* Description Text */
.home .about-box p {
	line-height: 1.8 !important;
	font-size: 18px !important;
}

/* Button Styling */
.home .about-box .btn-primary {
	background-color: #ff5e14;
	border-color: #ff5e14;
	padding: 12px 30px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
}

/* --- SPLASH ICON STYLES --- */

.home .feature-item {
	text-align: center;
	margin-bottom: 30px;
	padding: 10px;
}

/* The Base Splash Shape Container */
.home .splash-icon {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px auto;
	color: white;
	transition: transform 0.3s ease;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}

/* Hover Effect: Pulse */
.home .splash-icon:hover {
	transform: scale(1.1) rotate(5deg);
}

/* Icon Font Size */
.home .splash-icon i {
	font-size: 32px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

/* --- SPICE COLORS & BLOB SHAPES --- */

.home .splash-green {
	background: linear-gradient(135deg, #66bb6a 0%, #43a047 100%);
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.home .splash-red {
	background: linear-gradient(135deg, #ef5350 0%, #d32f2f 100%);
	border-radius: 58% 42% 75% 25% / 44% 45% 55% 56%;
}

.home .splash-yellow {
	background: linear-gradient(135deg, #fdd835 0%, #fbc02d 100%);
	border-radius: 46% 54% 38% 62% / 60% 36% 64% 40%;
	color: #fff !important;
}

.home .splash-orange {
	background: linear-gradient(135deg, #ffa726 0%, #f57c00 100%);
	border-radius: 73% 27% 59% 41% / 57% 59% 41% 43%;
}

.home .splash-teal {
	background: linear-gradient(135deg, #26a69a 0%, #00897b 100%);
	border-radius: 39% 61% 70% 30% / 65% 38% 62% 35%;
}

/* --- Label Typography --- */
.home .feature-label {
	font-weight: 600;
	color: #333;
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 10px;
}

/* --- Divider & Text --- */
.home .dotted-divider {
	border-top: 2px dotted #e1e1e1;
	margin-bottom: 30px;
	width: 100%;
}

.home .about-desc {
	color: #6c757d;
	line-height: 1.8;
	margin-bottom: 30px;
}


/**marquee section**/

.marquee-section {
	background-color: #9f4103;
	color: #ffffff;
	padding: 0.8rem 0;
	/* Adjust height padding */
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	position: relative;
}

.marquee-track {
	display: inline-block;
	/* Adjust the '15s' to make the scroll faster or slower */
	animation: scroll-marquee 15s linear infinite;
}

/* Optional: Pause the scrolling when hovering over it */
.marquee-section:hover .marquee-track {
	animation-play-state: paused;
}

.marquee-text {
	font-size: 1.8rem;
	/* Large text size */
	display: inline-block;
}

.heart-icon {
	font-size: 1.2rem;
	/* Scaled down heart */
	vertical-align: middle;
	margin: 0 2rem;
	/* Spacing around the heart */
	position: relative;
	top: -6px;
	/* Optical adjustment to center it with text */
}

/* Keyframes for smooth infinite scrolling */
@keyframes scroll-marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		/* Moves the track left by exactly half its width to loop seamlessly */
		transform: translateX(-50%);
	}
}


/**product section**/

/* MAIN CARD CONTAINER */
.home .tea-card-flip {
	position: relative;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 10px;
	height: 480px;
	transition: all 0.3s ease;
	border: 1px solid #dedede;
}

/* --- IMAGE SYSTEM --- */
.home .image-box {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Front Image */
.home .img-front {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 220px !important;
	height: auto;
	z-index: 2;
	transition: opacity 0.3s ease, transform 0.5s ease;
}

/* Back Image */
.home .img-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.4s ease;
}

/* --- TEXT STYLING --- */
.home .tea-cat {
	font-size: 14px;
	color: #999;
	display: block;
	margin-bottom: 5px;
}

.home .tea-title {
	font-size: 22px;
	color: #222;
	font-weight: 400;
	margin-bottom: 8px;
}

.home .tea-cat1 {
	font-size: 14px;
	color: #999;
	display: block;
	margin-bottom: 5px;
}

.home .tea-title1 {
	font-size: 22px;
	color: #222;
	font-weight: 400;
	margin-bottom: 8px;
}

/* --- DEFAULT CONTENT --- */
.home .default-content {
	position: absolute;
	bottom: 40px;
	width: 100%;
	text-align: center;
	z-index: 3;
	transition: opacity 0.3s ease;
	padding: 0 15px;
}

/* --- HOVER BOX --- */
.home .hover-box {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	background: #fff;
	z-index: 10;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.4s ease;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.home .hover-inner {
	padding: 25px 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

/* --- ACTION BAR --- */
.home .action-bar {
	border-top: 1px solid #eee;
	margin-top: 4px;
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.home .add-btn {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
}

.home .add-btn:hover {
	color: #9F4103 !important;
	text-decoration: none;
}

.home .action-icons {
	display: flex;
	align-items: center;
}

.home .action-icons a {
	color: #333;
	font-size: 16px;
	margin-left: 15px;
	transition: 0.3s;
}

.home .action-icons a:hover {
	color: #8bc34a;
}

/* --- HOVER EFFECTS --- */
.home .tea-card-flip:hover .img-back {
	opacity: 1;
}

.home .tea-card-flip:hover .img-front {
	opacity: 0;
	transform: translateX(-50%) scale(0.9);
}

.home .tea-card-flip:hover .default-content {
	opacity: 0;
}

.home .tea-card-flip:hover .hover-box {
	opacity: 1;
	transform: translateY(0);
}

/* --- MOBILE --- */
@media (max-width: 478px) {

	.home .img-front {
		top: 0;
		width: 100% !important;
	}

	.home .tea-cat {
		color: #fff !important;
	}

	.home .tea-title {
		color: #fff !important;
	}
}

/**why choose us**/

/* Main Wrapper */
.home .spice-section {
	width: 100%;
	padding: 60px 0px;
}

/* The Dark Card Container */
.home .custom-card-cta {
	background-color: #000;
	border-radius: 30px;
	padding: 0px 40px 50px;
	margin-top: 80px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* The Circle Wrapper */
.home .img-circle-wrapper {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	margin: 0 auto 30px auto;
	margin-top: -70px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

/* Specific Circle Colors */
.home .bg-yellow-circle {
	background-color: #FF9901;
}

.home .bg-red-circle {
	background-color: #FF9901;
}

.home .bg-green-circle {
	background-color: #FF9901;
}

/* Images inside circles */
.home .img-circle-wrapper img {
	height: auto;
	object-fit: contain;
	filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
}

/* Typography */
.home .card-title-cta {
	color: #ffffff;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 6px;
}

.home .card-text-cta {
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
	max-width: 280px;
	margin: 0 auto;
	font-weight: 300;
}

/* Responsive Fixes */
@media (max-width: 767px) {

	.home .custom-card-cta {
		padding-bottom: 40px;
		margin-top: 0px !important;
	}

	.home .img-circle-wrapper {
		margin-top: 40px !important;
	}

	/* Add spacing between stacked items on mobile */
	.home .spice-col {
		margin-bottom: 10px;
	}

	.home .spice-col:last-child {
		margin-bottom: 0;
	}

	.home .overview-content {
		text-align: left !important;
	}
}

/**gallery**/

/* --- GALLERY LAYOUT STYLES --- */
.home .gallery-section {
	padding: 30px 0 80px;
	background-color: #fff;
}

/* Container adjustment for gutters */
.home .gallery-row {
	margin-right: -10px;
	margin-left: -10px;
}

.home .gallery-col {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
}

/* --- IMAGES & CONTAINERS --- */
.home .gallery-item {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	width: 100%;
}

.home .gallery-img {
	width: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

/* Hover Zoom Effect */
.home .gallery-item:hover .gallery-img {
	transform: scale(1.05);
}

/* --- HEIGHTS FOR MASONRY LAYOUT --- */
@media (min-width: 992px) {
	.home .h-tall {
		height: 540px;
	}

	.home .h-short {
		height: 260px;
		margin-bottom: 20px;
	}

	.home .h-short:last-child {
		margin-bottom: 0;
	}
}

/* Mobile/Tablet */
@media (max-width: 991px) {

	.home .h-tall,
	.home .h-short {
		margin-bottom: 20px;
	}
}

.home .btn-gallery {
	border: 1px solid #fff;
	color: #fff;
	padding: 8px 25px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	border-radius: 30px;
	background: transparent;
	transition: all 0.3s ease;
	text-decoration: none;
}

.home .btn-gallery:hover {
	background: #ff5e14;
	border-color: #ff5e14;
	color: #fff;
	text-decoration: none;
}


/**cta**/

.home .spice-hero-section {
	position: relative;
	padding: 100px 0;
	min-height: 450px;
	display: flex;
	align-items: center;
	color: #fff;
	overflow: hidden;

	background-image: url('../images/garam_masala_banner2.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.home .hero-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	z-index: 1;
}

.home .spice-hero-section .container {
	position: relative;
	z-index: 2;
}

.home .hero-content {
	max-width: 560px;
}

.home .hero-title {
	font-size: 46px;
	font-weight: 800;
	line-height: 1.1;
	color: #fff;
	margin-bottom: 25px;
}

.home .highlight-text {
	color: #FCA43A;
}

.home .hero-desc {
	font-size: 18px;
	line-height: 1.7;
	margin-bottom: 35px;
	max-width: 450px;
	color: #f1f1f1;
}

.home .custom-hero-btn {
	background-color: #FCA43A !important;
	border-color: #FCA43A !important;
	color: #fff !important;
	padding: 14px 35px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	border-radius: 6px !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	box-shadow: 0 8px 20px rgba(252, 164, 58, 0.25);
}

.home .custom-hero-btn:hover {
	background-color: #e38e2d !important;
	border-color: #e38e2d !important;
	color: #fff !important;
	transform: translateY(-2px);
}

@media (max-width: 991px) {
	.home .spice-hero-section {
		padding: 80px 0;
		min-height: 400px;
		background-attachment: scroll;
	}

	.home .hero-title {
		font-size: 44px;
	}
}

@media (max-width: 768px) {
	.home .spice-hero-section {
		padding: 60px 0;
		min-height: 350px;
		text-align: center;
		background-attachment: scroll;
	}

	.home .hero-title {
		font-size: 36px;
	}

	.home .hero-desc {
		font-size: 16px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 480px) {
	.home .hero-title {
		font-size: 30px;
	}

	.home .custom-hero-btn {
		padding: 12px 28px !important;
		font-size: 14px !important;
	}
}

/******************************* Product.php / product-list.php***************************************/

.product-page-list-sub-nav-wrapper {
	position: sticky;
	top: 70px;
	z-index: 999;
	background: #fff;
	border-bottom: 1px solid #eee;
	padding: 12px 0;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
	overflow-x: auto;
	scrollbar-width: none;
	display: block;
	white-space: nowrap;
}

a:hover {
	color: #fff !important;
}

.product-page-list-sub-nav-wrapper::-webkit-scrollbar {
	display: none;
}

.product-page-list-sub-nav-ul {
	display: inline-flex;
	justify-content: center;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0 20px;
	min-width: 100%;
}

.product-page-list-sub-nav-ul li {
	display: inline-block;
}

.product-page-list-sub-nav-ul li a {
	color: #555;
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.5px;
	transition: 0.3s;
	padding: 8px 15px;
	border-radius: 25px;
	display: block;
	border: 1px solid transparent;
}

.product-page-list-sub-nav-ul li a:hover,
.product-page-list-sub-nav-ul li a.active {
	color: #fff !important;
	background: var(--brand-orange) !important;
	border-color: var(--brand-orange);
}

.product-page-list-section {
	padding: 100px 0;
	border-bottom: 1px solid #f9f9f9;
	scroll-margin-top: 130px;
}

.product-page-list-section:nth-child(even) {
	background-color: #fafafa;
}

.product-page-list-highlight {
	display: inline-block;
	background-color: var(--brand-orange);
	padding: 12px 35px;
	margin-bottom: 25px;
	box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.product-page-list-highlight h2 {
	margin: 0;
	font-size: 30px;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
}

.product-page-list-desc {
	font-size: 16px;
	line-height: 1.8;
	color: #444;
	margin-bottom: 20px;
	max-width: 550px;
	text-align: justify;
}

.product-page-list-btn-view-detail {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 30px;
	background-color: var(--brand-orange);
	color: #fff !important;
	font-weight: 600;
	font-size: 14px;
	border-radius: 50px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	transition: all 0.3s ease;
	margin-top: 10px;
}

.product-page-list-btn-view-detail:hover {
	color: #fff !important;
}

.product-page-list-img-wrap {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 0;
}

.product-page-list-stack {
	position: relative;
	width: 260px;
	height: 350px;
}

.product-page-list-stack img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
	filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.15));
	opacity: 0;
}

.product-page-list-img-center {
	z-index: 3;
	opacity: 1 !important;
	transform: scale(1);
}

.product-page-list-img-left {
	z-index: 2;
	transform: scale(0.85) translateX(0);
}

.product-page-list-img-right {
	z-index: 1;
	transform: scale(0.85) translateX(0);
}

.product-page-list-img-wrap:hover .product-page-list-img-left,
.product-page-list-img-wrap.is-animated .product-page-list-img-left {
	transform: scale(0.85) translateX(-65%) rotate(-5deg);
	opacity: 1;
}

.product-page-list-img-wrap:hover .product-page-list-img-right,
.product-page-list-img-wrap.is-animated .product-page-list-img-right {
	transform: scale(0.85) translateX(65%) rotate(5deg);
	opacity: 1;
}

.product-page-list-img-wrap:hover .product-page-list-img-center,
.product-page-list-img-wrap.is-animated .product-page-list-img-center {
	transform: scale(1.05);
	filter: drop-shadow(0px 20px 25px rgba(0, 0, 0, 0.25));
}

@media (max-width: 768px) {
	.product-page-list-sub-nav-wrapper {
		top: 74px;
		padding: 8px 0;
	}

	.product-page-list-section {
		padding: 0px 0;
		text-align: center;
	}

	.product-page-list-highlight {
		margin: 0 auto 25px auto;
		padding: 8px 25px;
	}

	.product-page-list-highlight h2 {
		font-size: 18px;
	}

	.product-page-list-desc {
		margin: 0 auto 20px auto;
	}

	.product-page-list-stack {
		width: 180px;
		height: 250px;
	}

	.product-page-list-content-block {
		padding-bottom: 20px;
	}

	.product-page-list-btn-view-detail {
		margin-bottom: 30px;
	}

	.product-page-list-img-wrap:hover .product-page-list-img-left,
	.product-page-list-img-wrap.is-animated .product-page-list-img-left {
		transform: scale(0.85) translateX(-50%) rotate(-5deg);
	}

	.product-page-list-img-wrap:hover .product-page-list-img-right,
	.product-page-list-img-wrap.is-animated .product-page-list-img-right {
		transform: scale(0.85) translateX(50%) rotate(5deg);
	}
}


/******************************* about.php***************************************/

/* --- 1. GLOBAL SETTINGS --- */
.about-us {
	--primary-red: #9f4103;
	--dark-text: #1a1a1a;
	--grey-text: #666;
	--line-color: #e0e0e0;
	--bg-light: #fdfdfd;
	--theme-orange: #9F4103;

	font-family: 'lexend', sans-serif;
	color: var(--dark-text);
}

.about-us h1,
.about-us h2,
.about-us h3,
.about-us h4 {
	font-family: 'lexend', sans-serif;
	color: #000 !important;
	font-weight: 700;
}

.about-us .eyebrow-text {
	font-family: 'lexend', sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--primary-red);
	margin-bottom: 10px;
	display: block;
}

.about-us .section-head .title {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
}

/* --- 2. PRO STICKY NAV (Horizontal Scroll + Sticky) --- */
.about-us .sub-nav-wrapper {
	position: sticky;
	top: 70px !important;
	z-index: 999;
	background: rgba(255, 255, 255, 0.98);
	border-bottom: 1px solid #f0f0f0;
	padding: 10px 0;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);

	/* Magic for Horizontal Scroll */
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	/* Smooth scroll on mobile */
	scrollbar-width: none;
	/* Firefox hide scrollbar */
}

/* Hide scrollbar for Chrome/Safari */
.about-us .sub-nav-wrapper::-webkit-scrollbar {
	display: none;
}

.about-us .sub-nav-ul {
	display: inline-flex;
	/* Keeps items in one line */
	gap: 15px;
	list-style: none;
	margin: 0;
	padding: 0 20px;
	min-width: 100%;
	justify-content: flex-start;
	/* Starts from left */
}

/* Center the nav content on desktop if space allows */
@media(min-width: 992px) {
	.about-us .sub-nav-ul {
		justify-content: center;
	}
}

.about-us .sub-nav-ul li a {
	color: #555;
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-decoration: none;
	padding: 8px 16px;
	border-radius: 30px;
	display: block;
	transition: all 0.3s ease;
	border: 1px solid transparent;
}

/* Active State - Red Pill Style */
.about-us .sub-nav-ul li a:hover,
.about-us .sub-nav-ul li a.active {
	color: #fff !important;
	background: var(--primary-red) !important;
	box-shadow: 0 4px 10px rgba(225, 39, 43, 0.2);
}

/* --- 3. COMMON SECTION STYLING --- */
.about-us .section-pad {
	padding: 60px 0;
}

/* Scroll Margin Correction for pure CSS anchor linking */
.about-us .section-spy {
	scroll-margin-top: 150px;
}

/* --- 4. OTHER STYLES --- */
.about-us .image-overlay-box {
	position: relative;
	padding-right: 30px;
	padding-bottom: 30px;
}

.about-us .image-border-radius {
	border-radius: 8px;
}

.about-us .image-overlay-box img:first-child {
	width: 85%;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.about-us .image-overlay-box img:last-child {
	position: absolute;
	bottom: -60px;
	right: 0;
	width: 55%;
	border: 8px solid #fff;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.about-us .splash-icon {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px auto;
	color: white;
	transition: 0.3s;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}

.about-us .splash-icon:hover {
	transform: scale(1.1) rotate(5deg);
}

.about-us .splash-green {
	background: linear-gradient(135deg, #66bb6a, #43a047);
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.about-us .splash-red {
	background: linear-gradient(135deg, #ef5350, #d32f2f);
	border-radius: 58% 42% 75% 25% / 44% 45% 55% 56%;
}

.about-us .splash-yellow {
	background: linear-gradient(135deg, #fdd835, #fbc02d);
	border-radius: 46% 54% 38% 62% / 60% 36% 64% 40%;
}

.about-us .splash-orange {
	background: linear-gradient(135deg, #ffa726, #f57c00);
	border-radius: 73% 27% 59% 41% / 57% 59% 41% 43%;
}

.about-us .about-divider {
	border-top: 2px dotted #e1e1e1;
	margin-bottom: 20px;
}

.about-us .founder-card {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
	padding: 60px;
	border: 1px solid #f5f5f5;
}

.about-us .founder-img-box img {
	width: 100%;
	border-radius: 15px;
}

.about-us .mission-box {
	padding: 30px;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #eee;
	transition: 0.3s;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.about-us .mission-box:hover {
	border-color: var(--primary-red);
	transform: translateY(-5px);
}

.about-us .mission-icon {
	font-size: 40px;
	color: var(--primary-red);
	margin-bottom: 15px;
}

.about-us .product-grid-container {
	display: grid;
	gap: 20px;
	width: 100%;
	grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 450px) {
	.about-us .product-grid-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 768px) {
	.about-us .product-grid-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1024px) {
	.about-us .product-grid-container {
		grid-template-columns: repeat(5, 1fr);
	}
}

.about-us .prod-card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 15px;
	padding: 15px;
	text-align: center;
	transition: 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.about-us .prod-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.about-us .prod-card img {
	width: 100%;
	height: 140px;
	object-fit: contain;
	margin-bottom: 10px;
}

.about-us .prod-card h6 {
	font-size: 14px;
	margin-bottom: 0;
	font-weight: 600;
}

.about-us .mission-grid-container {
	display: grid;
	gap: 20px;
	width: 100%;
	grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 450px) {
	.about-us .mission-grid-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 768px) {
	.about-us .mission-grid-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1024px) {
	.about-us .mission-grid-container {
		grid-template-columns: repeat(4, 1fr);
	}
}

.about-us .model-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 25px;
}

.about-us .model-icon {
	background: var(--primary-red);
	color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 24px;
}

.about-us .impact-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 25px;
}

.about-us .impact-icon-box {
	background: #fff;
	color: var(--primary-red);
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 26px;
	box-shadow: 0 8px 15px rgba(225, 39, 43, 0.1);
	border: 1px solid #f0f0f0;
}

@media (max-width: 991px) {
	.about-us .sub-nav-wrapper {
		top: 74px;
	}

	.about-us .section-head .title {
		font-size: 34px;
	}
}

@media (max-width: 768px) {
	.about-us .sub-nav-wrapper {
		padding: 8px 0;
	}

	.about-us .founder-card {
		padding: 30px 20px;
		text-align: center;
	}

	.about-us .image-overlay-box {
		margin-bottom: 60px;
	}
}

.about-us .splash-icon i {
	font-size: 32px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}


/******************************* Product-category.php ***************************************/

/* --- 1. GLOBAL SETTINGS (PREFIXED) --- */
:root {
	--product-cat-brand-orange: #9f4103;
	--product-cat-dark-text: #1a1a1a;
	--product-cat-lexend-font: 'Lexend', sans-serif;
}

.product-cat-wrapper {
	font-family: var(--product-cat-lexend-font);
	color: var(--product-cat-dark-text);
	background-color: #ffffff;
	overflow-x: hidden;
}

.product-cat-wrapper h1,
.product-cat-wrapper h2,
.product-cat-wrapper h3,
.product-cat-wrapper h4,
.product-cat-wrapper h5,
.product-cat-wrapper h6,
.product-cat-wrapper p,
.product-cat-wrapper a,
.product-cat-wrapper li {
	font-family: var(--product-cat-lexend-font) !important;
}

/* ------------------------------------------------- */
/* ALL CATEGORY GRID CSS                             */
/* ------------------------------------------------- */

.product-cat-page-content {
	padding-bottom: 0px !important;
}

.product-cat-eyebrow-text {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--product-cat-brand-orange);
	margin-bottom: 5px;
	display: block;
}

.product-cat-title {
	font-weight: 800;
	color: #333;
	font-size: 42px;
	margin-bottom: 0;
	text-transform: capitalize;
	line-height: 1.2;
}

/* Grid Container */
.product-cat-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	/* Desktop: 5 columns */
	gap: 20px;
	margin-top: 20px;
}

/* Individual Category Card */
.product-cat-card {
	background: #fff;
	border: 2px dotted #dedede;
	border-radius: 8px;
	padding: 20px 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 180px;
	transition: all 0.3s ease-in-out;
	text-decoration: none !important;
}

.product-cat-card:hover {
	border-color: var(--product-cat-brand-orange);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
	transform: translateY(-5px);
}

.product-cat-card img {
	max-width: 100%;
	height: 90px;
	object-fit: contain;
	margin-bottom: 15px;
	display: block;
}

.product-cat-card .product-cat-card-title {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	line-height: 1.3;
	word-wrap: break-word;
	transition: color 0.3s ease;
}

.product-cat-card:hover .product-cat-card-title {
	color: var(--product-cat-brand-orange);
}

/* Media Queries for Responsiveness */

/* Tablet View (768px to 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
	.product-cat-title {
		font-size: 32px !important;
	}

	.product-cat-grid {
		grid-template-columns: repeat(3, 1fr);
		/* Tablet: 3 columns */
		gap: 15px;
	}
}

/* Mobile View (Below 768px) */
@media (max-width: 767px) {
	.product-cat-title {
		font-size: 26px !important;
		margin-bottom: 15px !important;
		text-align: center;
	}

	.product-cat-eyebrow-text {
		font-size: 12px !important;
		text-align: center;
	}

	.product-cat-overview-content {
		text-align: center;
	}

	.product-cat-grid {
		grid-template-columns: repeat(2, 1fr);
		/* Mobile: 2 columns */
		gap: 10px;
		padding: 0 5px;
	}

	.product-cat-card {
		padding: 15px 10px;
		min-height: 140px;
		border-radius: 6px;
	}

	.product-cat-card img {
		height: 70px;
		margin-bottom: 10px;
	}

	.product-cat-card .product-cat-card-title {
		font-size: 13px;
	}
}


/*********************gallery.php********************/

/* Scope all gallery variables and styles inside .image-gallery class */
.image-gallery {
	--gallery-dy-primary: #74332C;
	--gallery-dy-bg: #ffffff;
	--gallery-dy-text: #1a1a1a;
}

.image-gallery .gallery-dy-wrapper {
	padding: 80px 0;
	background: var(--gallery-dy-bg);
}

.image-gallery .gallery-dy-header {
	text-align: center;
	margin-bottom: 50px;
}

.image-gallery .gallery-dy-header h2 {
	font-size: 38px;
	font-weight: 700;
	color: var(--gallery-dy-text);
}

.image-gallery .gallery-dy-header p {
	color: #666;
	max-width: 600px;
	margin: 10px auto;
}

/* Grid Layout */
.image-gallery .gallery-dy-grid {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}

.image-gallery .gallery-dy-col {
	width: 50%;
	padding: 10px;
}

@media (min-width: 768px) {
	.image-gallery .gallery-dy-col {
		width: 33.33%;
	}
}

@media (min-width: 992px) {
	.image-gallery .gallery-dy-col {
		width: 20%;
	}
}

.image-gallery .gallery-dy-card {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	border: 1px solid #eee;
	display: block;
	background: #f8f8f8;
}

.image-gallery .gallery-dy-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.image-gallery .gallery-dy-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(116, 51, 44, 0.85);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.4s ease;
	padding: 15px;
	text-align: center;
}

.image-gallery .gallery-dy-card:hover .gallery-dy-overlay {
	opacity: 1;
}

.image-gallery .gallery-dy-card:hover img {
	transform: scale(1.1);
}

.image-gallery .gallery-dy-icon-circle {
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--gallery-dy-primary);
	font-size: 22px;
	margin-bottom: 8px;
	transform: translateY(20px);
	transition: 0.4s ease;
}

.image-gallery .gallery-dy-card:hover .gallery-dy-icon-circle {
	transform: translateY(0);
}

.image-gallery .gallery-dy-title-text {
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	opacity: 0;
	transform: translateY(10px);
	transition: 0.4s ease 0.1s;
}

.image-gallery .gallery-dy-card:hover .gallery-dy-title-text {
	opacity: 1;
	transform: translateY(0);
}

/* Pagination */
.image-gallery .gallery-dy-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 60px;
}

.image-gallery .gallery-dy-page-link {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
	border-radius: 8px;
	text-decoration: none !important;
	color: #333;
	font-weight: 600;
	transition: 0.3s;
}

.image-gallery .gallery-dy-page-link:hover,
.image-gallery .gallery-dy-page-link.active {
	background: var(--gallery-dy-primary);
	color: #fff !important;
	border-color: var(--gallery-dy-primary);
}

.image-gallery .gallery-dy-page-link.disabled {
	pointer-events: none;
	opacity: 0.4;
	background: #f8f8f8;
}

/*********************video.php********************/
:root {
	--video-st-primary: #74332C;
	--video-st-bg: #ffffff;
}

.video-st-wrapper {
	padding: 80px 0;
	background: var(--video-st-bg);
}

.video-st-header {
	text-align: center;
	margin-bottom: 50px;
}

.video-st-header h2 {
	font-size: 38px;
	font-weight: 700;
	color: #1a1a1a;
}

.video-st-grid {
	display: flex;
	flex-wrap: wrap;
	margin: -15px;
}

.video-st-col {
	width: 100%;
	padding: 15px;
}

@media (min-width: 768px) {
	.video-st-col {
		width: 50%;
	}
}

@media (min-width: 992px) {
	.video-st-col {
		width: 33.33%;
	}
}

.video-st-card {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	background: #000;
	cursor: pointer;
	display: block;
}

.video-st-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.8;
	transition: 0.5s ease;
}

.video-st-card:hover img {
	transform: scale(1.05);
	opacity: 0.6;
}

.video-st-play-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.video-st-play-btn {
	width: 65px;
	height: 65px;
	background: #fff;
	color: var(--video-st-primary);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	transition: 0.4s ease;
	padding-left: 5px;
}

.video-st-card:hover .video-st-play-btn {
	background: var(--video-st-primary);
	color: #fff;
	transform: scale(1.15);
}

.video-st-title {
	margin-top: 15px;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	text-align: center;
}

.video-st-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin-top: 60px;
}

.video-st-page-link {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
	border-radius: 8px;
	text-decoration: none !important;
	color: #333;
	font-weight: 600;
	transition: 0.3s;
}

.video-st-page-link:hover,
.video-st-page-link.active {
	background: var(--video-st-primary);
	color: #fff !important;
	border-color: var(--video-st-primary);
}

.video-st-page-link.disabled {
	pointer-events: none;
	opacity: 0.4;
}


/********************* blogdetail.php********************/

.blog-detail-content-wrapper {
	padding: 60px 0;
}

.blog-detail-container {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	border: 1px solid #eee;
	padding: 40px;
}

.blog-detail-main-image {
	margin-bottom: 35px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.blog-detail-main-image img {
	width: 100%;
	height: auto;
	display: block;
}

.blog-detail-post-title {
	font-size: 38px;
	font-weight: 800;
	line-height: 1.3;
	margin-bottom: 20px;
	color: #000;
}

.blog-detail-meta-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	list-style: none;
	padding: 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 20px;
}

.blog-detail-meta-list li {
	font-size: 14px;
	color: #666;
	display: flex;
	align-items: center;
	gap: 7px;
}

.blog-detail-meta-list li i {
	color: var(--brand-orange);
	font-size: 18px;
}

.blog-detail-author-name {
	color: var(--brand-orange);
	font-weight: 600;
	text-decoration: none;
}

.blog-detail-body-text {
	font-size: 17px;
	color: #444;
	text-align: justify;
}

.blog-detail-body-text p {
	margin-bottom: 25px;
}

.blog-detail-body-text img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 20px 0;
}

@media (max-width: 991px) {
	.blog-detail-container {
		padding: 30px;
	}

	.blog-detail-post-title {
		font-size: 30px;
	}
}

@media (max-width: 768px) {
	.blog-detail-content-wrapper {
		padding: 40px 0;
	}

	.blog-detail-container {
		padding: 20px;
	}

	.blog-detail-post-title {
		font-size: 24px;
	}

	.blog-detail-body-text {
		font-size: 16px;
	}
}


/*********************single-product.php********************/


/* --- TYPOGRAPHY & COLORS --- */
.product-detail-page .single-product-title {
	font-size: 36px;
	color: #222;
	font-weight: 700;
	margin-bottom: 25px;
	letter-spacing: 0.5px;
}

.product-detail-page .product-desc {
	font-size: 15px;
	color: #555;
	line-height: 1.7;
	margin-bottom: 0;
}

.product-detail-page .product-desc p {
	margin-bottom: 15px;
}

.product-detail-page .section-subtitle {
	font-size: 18px;
	color: #222;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 10px;
}

.product-detail-page .custom-divider {
	border: 0;
	border-top: 1px solid #e0e0e0;
	margin: 25px 0;
}

/* --- IMAGE GALLERY STYLES --- */
.product-detail-page .product-gallery {
	align-items: flex-start;
}

/* Thumbnails */
.product-detail-page .gallery-thumbnails {
	width: 100%;
}

.product-detail-page .thumb-img {
	width: 80px;
	height: 100px;
	object-fit: contain;
	border: 2px solid #eee;
	padding: 5px;
	cursor: pointer;
	transition: all 0.3s ease;
	background: #fff;
	border-radius: 4px;
}

/* Active and Hover States */
.product-detail-page .thumb-img:hover,
.product-detail-page .thumb-img.active {
	border-color: #9F4103;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Main Image Box */
.product-detail-page .gallery-main {
	background: #fff;
	padding: 20px;
	border: 1px solid #f5f5f5;
	border-radius: 4px;
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-detail-page .gallery-main img {
	max-width: 100%;
	max-height: 450px;
	object-fit: contain;
	transition: opacity 0.3s ease;
}

/* --- STICKY IMAGE EFFECT (Desktop Only) --- */
@media (min-width: 992px) {
	.product-detail-page .sticky-image-container {
		position: -webkit-sticky;
		position: sticky;
		top: 120px;
		z-index: 10;
		align-self: flex-start;
	}

	.product-detail-page .gallery-thumbnails {
		width: 90px;
		flex-direction: column !important;
		gap: 10px;
	}
}

/* --- RESPONSIVE DESIGN --- */
@media (max-width: 991px) {

	.product-detail-page .single-product-title {
		font-size: 28px;
		margin-top: 30px;
	}

	.product-detail-page .gallery-main {
		min-height: 300px;
	}

	.product-detail-page .pl-lg-4 {
		padding-left: 0 !important;
	}

	.product-detail-page .gallery-thumbnails {
		flex-direction: row !important;
		overflow-x: auto;
		padding-bottom: 10px;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin-top: 20px;
		gap: 16px;
	}

	.product-detail-page .gallery-thumbnails::-webkit-scrollbar {
		display: none;
	}

	.product-detail-page .thumb-img {
		width: 70px;
		height: 85px;
		flex-shrink: 0;
	}
}

/* --- ORDER ONLINE DROPDOWN WRAPPER --- */
.product-detail-page .order-dropdown-wrapper {
	position: relative;
	display: inline-block;
	margin-top: 15px;
}

/* --- DROPDOWN MENU --- */
.product-detail-page .order-dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 15px;
	width: 350px;
	background: #ffffff;
	border: 1px solid #eaeaea;
	border-radius: 6px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	padding: 20px;
	z-index: 100;

	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 0.3s ease;
}

/* --- TRIANGLE ARROW --- */
.product-detail-page .order-dropdown-menu::before {
	content: '';
	position: absolute;
	top: -8px;
	left: 30px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ffffff;
	filter: drop-shadow(0 -2px 1px rgba(0, 0, 0, 0.05));
}

/* --- HOVER EFFECT --- */
.product-detail-page .order-dropdown-wrapper:hover .order-dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* --- GRID SYSTEM --- */
.product-detail-page .store-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

/* --- STORE ITEM --- */
.product-detail-page .store-item {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #dddddd;
	border-radius: 4px;
	padding: 10px;
	height: 60px;
	background: #fff;
	transition: all 0.2s ease;
}

.product-detail-page .store-item img {
	max-width: 100%;
	max-height: 50px;
	object-fit: contain;
}

.product-detail-page .store-item:hover {
	border-color: #9F4103;
	box-shadow: 0 2px 8px rgba(159, 65, 3, 0.1);
}

/* --- MOBILE --- */
@media (max-width: 480px) {

	.product-detail-page .order-dropdown-menu {
		width: 280px;
		padding: 15px;
		left: 90%;
		transform: translateX(-50%) translateY(15px);
	}

	.product-detail-page .order-dropdown-wrapper:hover .order-dropdown-menu,
	.product-detail-page .order-dropdown-wrapper:focus-within .order-dropdown-menu {
		transform: translateX(-50%) translateY(0);
	}

	.product-detail-page .order-dropdown-menu::before {
		left: 10%;
		transform: translateX(-50%);
	}
}


/* MAIN CARD CONTAINER */
.product-detail-page .tea-card-flip {
	position: relative;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 10px;
	height: 480px;
	transition: all 0.3s ease;
	border: 1px solid #dedede;
}

/* --- IMAGE SYSTEM --- */
.product-detail-page .image-box {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Front Image */
.product-detail-page .img-front {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 220px !important;
	height: auto;
	z-index: 2;
	transition: opacity 0.3s ease, transform 0.5s ease;
}

/* Back Image */
.product-detail-page .img-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.4s ease;
}

/* --- TEXT STYLING --- */
.product-detail-page .tea-cat {
	font-size: 14px;
	color: #999;
	display: block;
	margin-bottom: 5px;
}

.product-detail-page .tea-title {
	font-size: 22px;
	color: #222;
	font-weight: 400;
	margin-bottom: 8px;
}

.product-detail-page .tea-cat1 {
	font-size: 14px;
	color: #999;
	display: block;
	margin-bottom: 5px;
}

.product-detail-page .tea-title1 {
	font-size: 22px;
	color: #222;
	font-weight: 400;
	margin-bottom: 8px;
}

/* --- DEFAULT CONTENT --- */
.product-detail-page .default-content {
	position: absolute;
	bottom: 40px;
	width: 100%;
	text-align: center;
	z-index: 3;
	transition: opacity 0.3s ease;
	padding: 0 15px;
}

/* --- HOVER BOX --- */
.product-detail-page .hover-box {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	background: #fff;
	z-index: 10;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.4s ease;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.product-detail-page .hover-inner {
	padding: 25px 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

/* --- ACTION BAR --- */
.product-detail-page .action-bar {
	border-top: 1px solid #eee;
	margin-top: 4px;
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-detail-page .add-btn {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
}

.product-detail-page .add-btn:hover {
	color: #9F4103 !important;
	text-decoration: none;
}

.product-detail-page .action-icons {
	display: flex;
	align-items: center;
}

.product-detail-page .action-icons a {
	color: #333;
	font-size: 16px;
	margin-left: 15px;
	transition: 0.3s;
}

.product-detail-page .action-icons a:hover {
	color: #8bc34a;
}

/* --- HOVER EFFECTS --- */
.product-detail-page .tea-card-flip:hover .img-back {
	opacity: 1;
}

.product-detail-page .tea-card-flip:hover .img-front {
	opacity: 0;
	transform: translateX(-50%) scale(0.9);
}

.product-detail-page .tea-card-flip:hover .default-content {
	opacity: 0;
}

.product-detail-page .tea-card-flip:hover .hover-box {
	opacity: 1;
	transform: translateY(0);
}

/* MOBILE */
@media (max-width: 478px) {

	.product-detail-page .img-front {
		top: 0;
		width: 100% !important;
	}

	.product-detail-page .tea-cat {
		color: #fff !important;
	}

	.product-detail-page .tea-title {
		color: #fff !important;
	}
}

/***********************blog****************************/

/* --- Blog Card Styles --- */
.blog-card {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 30px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	/* Subtle shadow */
	transition: all 0.3s ease;
	border: 1px solid #eee;
}

.blog-card:hover {
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	/* Float up effect */
}

/* Image Wrapper */
.dlab-post-media {
	position: relative;
	overflow: hidden;
	height: 240px;
	/* Fixed height for consistency */
}

.dlab-post-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Date Badge */
.post-date {
	position: absolute;
	top: 20px;
	left: 20px;
	background: #9f4103;
	/* Brand Orange */
	color: #fff;
	padding: 8px 15px;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0 5px 15px rgba(255, 94, 20, 0.4);
	z-index: 2;
}

.post-date strong {
	display: block;
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
}

.post-date span {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

/* Content Area */
.dlab-post-info {
	padding: 20px;
}

.dlab-post-meta ul {
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}

.dlab-post-meta li {
	display: inline-block;
	margin-right: 15px;
	font-size: 13px !important;
	color: #333 !important;
}

.dlab-post-meta li i {
	color: #9f4103;
	margin-right: 5px;
}

.dlab-post-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* number of lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dlab-post-title a {
	color: #212529;
	text-decoration: none;
	transition: color 0.3s;
}

.dlab-post-title a:hover {
	color: #9f4103 !important;
}

.post-text {
	color: #666;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* number of lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Read More Button */
.read-more-btn {
	color: #9f4103;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}

.read-more-btn i {
	margin-left: 5px;
	transition: margin-left 0.3s;
}

.read-more-btn:hover {
	color: #9f4103 !important;
	text-decoration: none;
}

.read-more-btn:hover i {
	margin-left: 10px;
	/* Arrow slide effect */
}

.dlab-post-meta li:after {
	display: none;
}


/*********************blog-list.php********************/

.blog-list-section-full {
	padding: 80px 0;
}

.blog-list-eyebrow-text {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--brand-orange);
	margin-bottom: 5px;
	display: block;
}

.blog-list-section-title {
	font-weight: 800;
	color: #333;
	font-size: 42px;
	margin-bottom: 0;
	text-transform: capitalize;
	line-height: 1.2;
}

.blog-list-card {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 30px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	border: 1px solid #eee;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.3s ease;
}

.blog-list-card:hover {
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.blog-list-post-media {
	position: relative;
	overflow: hidden;
	height: 240px;
}

.blog-list-post-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-list-post-date {
	position: absolute;
	top: 20px;
	left: 20px;
	background: var(--brand-orange);
	color: #fff;
	padding: 8px 15px;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0 5px 15px rgba(159, 65, 3, 0.4);
	z-index: 2;
}

.blog-list-post-date strong {
	display: block;
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
}

.blog-list-post-date span {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.blog-list-post-info {
	padding: 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.blog-list-post-title {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 15px;
	margin-top: 10px;
}

.blog-list-post-title a {
	color: #212529;
	text-decoration: none;
	transition: color 0.3s;
}

.blog-list-post-title a:hover {
	color: var(--brand-orange) !important;
}

.blog-list-post-text {
	color: #666;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-list-read-more-btn {
	color: var(--brand-orange);
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	margin-top: auto;
	gap: 8px;
}

.blog-list-read-more-btn:hover {
	color: var(--brand-orange) !important;
	text-decoration: none;
}

.blog-list-pagination-custom {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
	gap: 10px;
	margin-top: 40px;
}

.blog-list-pagination-custom li a {
	width: 45px;
	height: 45px;
	border: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	color: #333;
	text-decoration: none;
	font-weight: 600;
	transition: 0.3s;
}

.blog-list-pagination-custom li.active a {
	background: var(--brand-orange);
	color: #fff;
	border-color: var(--brand-orange);
}

.blog-list-pagination-custom li a:hover:not(.active) {
	border-color: var(--brand-orange);
	color: var(--brand-orange);
}

@media (max-width: 991px) {
	.blog-list-section-title {
		font-size: 32px;
	}
}

@media (max-width: 768px) {
	.blog-list-section-full {
		padding: 50px 0;
	}

	.blog-list-section-title {
		font-size: 28px !important;
	}

	.blog-list-post-media {
		height: 200px;
	}
}


/********************Contact us**************************/

:root {
	/* Prefix added to CSS Variables */
	--contact-us-primary-red: #9f4103;
	--contact-us-sidebar-bg: #9F4103;
	--contact-us-bg-light: #f9f9f9;
	--contact-us-text-dark: #1a1a1a;
}


/* --- CONTACT WRAPPER (The Split Card) --- */
.contact-us-wrapper {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-wrap: wrap;
	margin-top: 80px;
	position: relative;
	z-index: 10;
	margin-bottom: 80px;
}

/* --- LEFT SIDEBAR (Info) --- */
.contact-us-sidebar {
	width: 35%;
	background: var(--contact-us-sidebar-bg);
	color: #fff;
	padding: 50px 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
}

.contact-us-sidebar::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('images/pattern/pt1.png');
	opacity: 0.1;
	pointer-events: none;
}

.contact-us-sidebar-head h3 {
	color: #fff;
	font-size: 32px;
	margin-bottom: 15px;
}

.contact-us-sidebar-head p {
	font-size: 15px;
	opacity: 0.9;
	line-height: 1.6;
	margin-bottom: 40px;
}

.contact-us-info-box {
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 10px;
	padding: 25px;
	margin-bottom: 20px;
	transition: 0.3s;
	background: rgba(255, 255, 255, 0.05);
}

.contact-us-info-box:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.6);
}

.contact-us-info-icon {
	font-size: 28px;
	margin-bottom: 10px;
	display: block;
}

.contact-us-info-title {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 8px;
	display: block;
}

.contact-us-info-desc {
	font-size: 14px;
	opacity: 0.9;
	line-height: 1.5;
	margin: 0;
}

/* --- RIGHT SIDE (Form) --- */
.contact-us-form-area {
	width: 65%;
	background: #fff;
	padding: 50px;
	border: 1px solid #eee;
	border-radius: 0px 20px 20px 0px;
}

.contact-us-form-head h3 {
	color: var(--contact-us-primary-red);
	font-size: 32px;
	margin-bottom: 30px;
}

.contact-us-form-label {
	font-weight: 500;
	font-size: 14px;
	color: #555;
	margin-bottom: 8px;
	display: block;
}

.contact-us-form-control {
	width: 100%;
	height: 50px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 10px 15px;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	background: #fdfdfd;
	transition: 0.3s;
}

.contact-us-form-control:focus {
	border-color: var(--contact-us-primary-red);
	outline: none;
	box-shadow: 0 4px 10px rgba(116, 51, 44, 0.1);
}

textarea.contact-us-form-control {
	height: 120px;
	resize: none;
	padding-top: 15px;
}

.contact-us-btn-submit {
	background: var(--contact-us-primary-red);
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 35px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.3s;
	letter-spacing: 1px;
	margin-top: 10px;
}

.contact-us-btn-submit:hover {
	background: #000;
}

/* --- MAP SECTION --- */
.contact-us-map-section {
	width: 100%;
	height: 500px;
	background: #eee;
}

.contact-us-map-section iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

@media (max-width: 991px) {
	.contact-us-wrapper {
		flex-direction: column;
		margin-top: 40px;
	}

	.contact-us-sidebar,
	.contact-us-form-area {
		width: 100%;
	}

	.contact-us-sidebar {
		padding: 40px 30px;
	}

	.contact-us-form-area {
		padding: 40px 30px;
	}
}


/**********************404.php*************************/
.error404-page {
	padding-top: 120px;
	padding-bottom: 120px;
}

.error404-page .ree-btn0 {
	line-height: 48px !important;
}

.error404-page .ree-btn:hover {
	background: #000;
	color: #fff;
}

.error404-page h1 {
	font-size: 45px;
	line-height: 57px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 15px;
}

.error404-page p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 25px;
}

.error404-page .ree-btn2 {
	font-size: 18px;
	color: #fff;
	border-radius: 14px;
	display: inline-block;
	line-height: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
}

.error404-page .ree-btn {
	font-weight: 500;
	font-size: 17px;
	color: #fff;
	border-radius: 4px;
	padding: 17px 48px 17px 30px;
	display: inline-block;
	white-space: nowrap;
	background-color: #6080f7;
	background-image: linear-gradient(90deg, #6080f7 0%, #245ee1 100%);
	text-decoration: none;
	transition: all 0.3s ease;
}

.error404-page .ree-btn-round {
	border-radius: 100%;
	width: 60px;
	height: 60px;
	text-align: center;
	padding: 0;
}

.error404-page .ree-btn-grdt1:hover {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}

.error404-page .ree-btn-grdt1 {
	border: 1px solid #007bff;
	background: #007bff;
	-webkit-box-shadow: 0 19px 40px -10px #ffe0d2;
	box-shadow: 0 19px 40px -10px #ffe0d2;
}

.error404-page .ree-btn-grdt2:hover {
	background: #000;
	color: #fff;
}

.error404-page .ree-btn-grdt2 {
	background: #fff;
	color: #007bff;
	border: 1px solid #007bff;
}

.error404-page .container {
	position: relative;
	z-index: 1;
}

.error404-page .row {
	align-items: center;
	justify-content: center;
}

.error404-page .text-center {
	text-align: center;
}

.error404-page .mt40 {
	margin-top: 40px;
}

.error404-page .mt30 {
	margin-top: 30px;
}

.error404-page .mb30 {
	margin-bottom: 30px;
}

.error404-page .mw-80 {
	min-width: 180px;
}

.error404-page .no-shadows {
	box-shadow: none !important;
}

.error404-page .img-fluid {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.error404-page i.fa-btn {
	margin-right: 8px;
}


/***************footer******************/


.footerlogo-width img {
	width: 140px !important;
}

/* Footer Background */
.site-footer {
	background-color: #1a1a1a;
	background-image: url('../images/banner/footer-img.png');
	background-size: cover;
	background-position: center;
}

/* Footer Overlay */
.footer-top {
	background: rgba(0, 0, 0, 0.8);
	padding-top: 60px;
}

.footer-top .widget {
	margin-bottom: 20px;
}

/* Footer Titles */
.footer-title {
	color: #ff9900 !important;
}

/* Footer Bottom */
.footer-bottom {
	background: rgba(0, 0, 0, 0.9);
	border-top: 1px solid #333;
}

/* Scroll Top Button */
.scroltop {
	color: #ff9900 !important;
	background: #ffffff !important;
	border: 2px solid #9F4103 !important;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

footer li {
	font-size: 15px;
	line-height: 40px;
}

.footer li a:hover {
	color: #ff9900 !important;
}

.payment-icons i {
	font-size: 28px;
	color: #ffffff;
	transition: 0.3s ease;
}

.payment-icons i:hover {
	color: #ff9900;
}

.footer-bottom {
	padding: 16px 0;
}

.iconfont {
	font-size: 20px !important;
	padding: 10px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.iconfont:hover {
	background-color: #ff9900;
	color: #fff !important;
	border: 1px solid #ff9900;
}

.payment-img {
	height: 28px;
	width: auto;
}