/******************************************************************
  Template Name: Ashion
  Description: Ashion ecommerce template
  Author: Colorib
  Author URI: https://colorlib.com/
  Version: 1.0
  Created: Colorib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Categories Section
5.  Product Section
6.  Banner Section
7.  Countdown Section
8.  Instagram
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Montserrat", sans-serif;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	max-width: 100vw;
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box;
} 

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
	color: #666666;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 45px;
}

.section-title h4 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

.section-title h4:after {
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 2px;
	width: 70px;
	background: #ca1515;
	content: "";
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 12px 30px 10px;
	color: #ffffff;
	background: #ca1515;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	background: #ca1515;
	font-weight: 600;
	border: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 30px;
	border-radius: 50px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #ffffff;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}

	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}

	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #ffffff;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #dddddd;
	background: 0 0;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*---------------------
  Header
-----------------------*/
*--------------------- Header -----------------------*/ .header {
	background: #ffffff;
	-webkit-box-shadow: 0px 5px 10px rgba(91, 91, 91, 0.1);
	box-shadow: 0px 5px 10px rgba(91, 91, 91, 0.1);
	width: 1200px;
}

.header__logo {
	padding: 26px 0;
}

.header__logo a {
	display: inline-block;
}


.header__menu-right {
	display: flex;
	align-items: center;
	/* Vertically centers the items */
	justify-content: space-between;
	/* Pushes the menu and login link to opposite sides */
	width: 100%;
}

.header__menu {
	/* This container is now responsible for centering its child <ul> */
	display: flex;
	justify-content: center;
	width: 100%;

	/* ADD THIS LINE to shift the entire menu container to the left */
	margin-left: -155px;
	/* Adjust this value (e.g., -20px, -70px) until it looks right */

	/* Keep the vertical margin as 0 */
	margin-top: 0;
	margin-bottom: 0;

}

.header__menu ul {
	display: flex;
	gap: 35px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.header__right {
	/* This will align the login/register text to the right side of its container */
	text-align: right;
	/* Adjust padding to align vertically with the menu */
	padding: 30px 0 27px;
}

/* Update the existing CSS for a horizontal layout */
.header__right {
	display: flex;
	align-items: center;
	gap: 20px;
	/* Adds space between the icons and login/register area */
}

/* The rest of your CSS remains the same */
.header__icons {
	display: flex;
	align-items: center;
	gap: 10px;
	/* Space between the wishlist and cart icons */
}

.header__icon {
	position: relative;
	color: #444;
	font-size: 20px;
}

.header__icon:hover {
	color: #000;
}

.header__icon .icon-count {
	position: absolute;
	top: -8px;
	right: -10px;

	color: #fff;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
	font-weight: bold;
}

.header__menu ul li {
	position: relative;
}

.header__menu ul li.active a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover .dropdown {
	top: 27px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 56px;
	width: 150px;
	background: #111111;
	text-align: left;
	padding: 2px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	padding: 8px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 15px;
	text-transform: uppercase;
	color: #111111;
	font-weight: 500;
	display: block;
	padding: 2px 0;
	position: relative;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #ca1515;
	content: "";
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.header__right {
	text-align: right;
	padding: 30px 0 27px;
}

.header_right_auth {
	display: inline-block;
	margin-right: 5px;
}


.header_right_auth a {
	font-size: 12px;
	color: #070707;
	position: relative;
	margin-right: 8px;
}

.header_right_auth a:last-child {
	margin-right: 0;
}

.header_right_auth a:last-child:after {
	display: none;
}

.header_right_auth a:after {
	position: absolute;
	right: -8px;
	top: -2px;
	content: "/";
	font-size: 13px;
}

.header_right_widget {
	display: inline-block;
}

.header_right_widget li {
	list-style: none;
	display: inline-block;
	font-size: 18px;
	color: #111111;
	margin-right: 20px;
	cursor: pointer;
}

.header_right_widget li:last-child {
	margin-right: 0;
}

.header_right_widget li a {
	font-size: 18px;
	color: #111111;
	position: relative;
}

.header_right_widget li a .tip {
	position: absolute;
	right: -12px;
	top: -11px;
	height: 18px;
	width: 18px;
	background: #111111;
	font-size: 10px;
	font-weight: 500;
	color: #ffffff;
	line-height: 18px;
	text-align: center;
	border-radius: 50%;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}


/*---- login registration----------------- */
.login-register {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 100px;
	/* Increased font size for text */
	color: #999;
	text-decoration: none;
	transition: color 0.3s ease;
}

.login-register:hover {
	color: #000;
}

.login-register i.fa-user-circle {
	font-size: 28px;
	/* Increased icon size */
	color: #444;
	/* Optional: adjust icon color */
}

/*-------------------------------------


/*---------------------
  Banner
-----------------------*/

.banner {
	height: 500px;
}

.banner__text span {
	font-size: 18px;
	color: #292828;
	text-transform: uppercase;
}

.banner__text h1 {
	font-size: 50px;
	color: #9e0a0a;
	/*font-family: "Cookie", cursive;*/
	margin-bottom: 15px;
}

.banner__text h2 {
	font-size: 26px;
	color: #af2a2a;
	/*font-family: "Cookie", cursive;*/
	margin-bottom: 15px;
}

.banner__text a {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding: 0 0 3px;
	display: inline-block;
}

.banner__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #ca1515;
	content: "";
}

.banner__slider {
	text-align: center;
	padding: 150px 0 0;
}

.banner__slider.owl-carousel .owl-dots {
	position: absolute;
	left: 0;
	top: 430px;
	width: 100%;
	text-align: center;
}

.banner__slider.owl-carousel .owl-dots button {
	height: 12px;
	width: 12px;
	background: #a1a1a1;
	border-radius: 50%;
	margin-right: 10px;
}

.banner__slider.owl-carousel .owl-dots button.active {
	background: #ca1515;
}

.banner__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

/*---------------------
  Trend
-----------------------*/

.trend {
	padding-top: 80px;
	padding-bottom: 50px;
}

.trend__content .section-title h4 {
	font-size: 20px;
}

.trend__content .section-title h4:after {
	bottom: -6px;
}

.trend__item {
	overflow: hidden;
	margin-bottom: 35px;
}

.trend__item__pic {
	float: left;
	margin-right: 25px;
}

.trend__item__text {
	overflow: hidden;
}

.trend__item__text h6 {
	font-size: 16px;
	font-weight: 600;
	color: #111111;
	margin-bottom: 5px;
}



.trend__item__text .rating {
	line-height: 18px;
	margin-bottom: 6px;
}

.trend__item__text .rating i {
	font-size: 10px;
	color: #e3c01c;
	margin-right: -4px;
}

.trend__item__text .rating i:last-child {
	margin-right: 0;
}

.trend__item__text .product__price {
	color: #111111;
	font-weight: 600;
}

.trend__item__text .product__price span {
	font-size: 14px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 4px;
}

/*---------------------
  Discount
-----------------------*/

.discount__pic img {
	min-width: 100%;
	height: 100%;
}

.discount__text {
	background: #f4f4f4;
	height: 390px;
	padding: 75px 90px 50px;
	text-align: center;
}

.discount__text a {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding: 0 0 3px;
	display: inline-block;
}

.discount__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #ca1515;
	content: "";
}

.discount__text__title {
	text-align: center;
	position: relative;
	z-index: 1;
	margin-bottom: 60px;
}

.discount__text__title:after {
	position: absolute;
	left: 50%;
	top: -38px;
	height: 183px;
	width: 183px;
	background: #ffffff;
	content: "";
	border-radius: 50%;
	z-index: -1;
	margin-left: -91.5px;
}

.discount__text__title span {
	font-size: 12px;
	color: #111111;
	font-weight: 500;
	text-transform: uppercase;
}

.discount__text__title h2 {
	font-size: 60px;
	color: #ca1515;
	font-family: "Cookie", cursive;
	line-height: 46px;
	margin-bottom: 10px;
}

.discount__text__title h5 {
	color: #ca1515;
	font-weight: 700;
}

.discount__text__title h5 span {
	font-size: 14px;
	color: #111111;
	margin-right: 4px;
}

.discount__countdown {
	text-align: center;
	margin-bottom: 10px;
}

.countdown__item {
	margin-bottom: 15px;
	float: left;
	width: 25%;
}

.countdown__item:last-child {
	margin-right: 0;
}

.countdown__item span {
	font-size: 30px;
	font-weight: 600;
	color: #111111;
	display: inline-block;
}

.countdown__item p {
	color: #111111;
	margin-bottom: 0;
	display: inline-block;
	font-weight: 500;
}

/*---------------------
  Services
-----------------------*/

.services {
	padding-top: 80px;
	padding-bottom: 50px;
}

.services__item {
	padding-left: 65px;
	position: relative;
	margin-bottom: 20px;
}

.service-icon {
	width: 40px;
	color: #ca1515;
	position: absolute;
	left: 0;
	top: 4px;
}

.services__item h6 {
	color: #b82222;
	font-weight: 300;
	margin-bottom: 5px;
	white-space: nowrap;
	/* Add this line */
	font-size: 12px;
}

.services__item p {
	color: #141212;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 300;
}

/*.service-icon {
  width: 40px;   /* adjust size 
  height: auto;
  display: block;
  margin: 0 auto 10px; /* center + space below 
}
*/
.row {
	display: flex;
	justify-content: space-between;
}

/*---------------------
  Instagram
-----------------------*/

.instagram__item {
	height: 320px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.instagram__item:hover:after {
	opacity: 1;
}

.instagram__item:hover .instagram__text {
	opacity: 1;
	visibility: visible;
}

.instagram__item:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	content: "";
	opacity: 0;
	z-index: -1;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.instagram__text {
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.instagram__text i {
	font-size: 30px;
	color: #0d0d0d;
}

.instagram__text a {
	font-size: 16px;
	color: #0d0d0d;
	font-weight: 500;
	display: block;
	margin-top: 10px;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	padding-top: 50px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #f8f8f8;
	/* light grey shade for footer background */
}


/*.footer::before {
    content: "";
    position: absolute;
    top: 10px;
	bottom:30px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #f1e6e6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}*/
.footer__about {
	margin-bottom: 30px;
}

.footer__about p {
	margin-bottom: 20px;
}

.footer__logo {
	margin-bottom: 20px;
}

.footer__payment a {
	margin-right: 6px;
	margin-bottom: 10px;
	display: inline-block;
}

.footer__payment a:last-child {
	margin-right: 0;
}

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.footer__newslatter {
	margin-bottom: 30px;
}

.footer__newslatter h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.footer__newslatter form {
	position: relative;
	margin-bottom: 30px;
}

.footer__newslatter form input {
	height: 52px;
	width: 100%;
	border: 1px solid #e1e1e1;
	border-radius: 50px;
	padding-left: 30px;
	font-size: 14px;
	color: #666666;
}

.footer__newslatter form input::-webkit-input-placeholder {
	color: #666666;
}

.footer__newslatter form input::-moz-placeholder {
	color: #666666;
}

.footer__newslatter form input:-ms-input-placeholder {
	color: #666666;
}

.footer__newslatter form input::-ms-input-placeholder {
	color: #666666;
}

.footer__newslatter form input::placeholder {
	color: #666666;
}

.footer__newslatter form button {
	position: absolute;
	right: 4px;
	top: 4px;
}

.footer__social a {
	display: inline-block;
	height: 40px;
	width: 40px;
	background: #e1e1e1;
	font-size: 15px;
	color: #111111;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	margin-right: 6px;
	margin-bottom: 8px;
	margin-top: 50px;
	margin-left: 10px;

}

.footer__social a:last-child {
	margin-right: 0;
}

.footer_copyright_text {

	padding: 18px 0 25px;
	text-align: center;
	margin-top: 10px;

}

.footer_copyright_text p {
	margin-bottom: 0;
}

.footer_copyright_text a {
	color: #e20f0f;
}

.footer_copyright_text i {
	color: #ca1515;
}

.footer_copyright_text a:hover {
	color: #ca1515;
}

/*---------------------


/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding-top: 35px;
}

.breadcrumb__links a {
	font-size: 15px;
	font-weight: 500;
	color: #111111;
	margin-right: 18px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -14px;
	top: 0;
	content: "";
	font-family: "FontAwesome";
}

.breadcrumb__links a i {
	margin-right: 5px;
}

.breadcrumb__links span {
	font-size: 15px;
	font-weight: 500;
	color: #888888;
	display: inline-block;
}

/*---------------------
  Categories
-----------------------*/

.categories {
	overflow: hidden;
	margin-top: 10px;
}

.categories .container-fluid {
	padding-right: 5px;
}

.categories__item {
	height: 314px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 30px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.categories__item.categories__large__item {
	height: 638px;
	padding-left: 70px;
}

.categories__item.categories__large__item .categories__text {
	max-width: 480px;
}

.categories__item.categories__large__item .categories__text p {
	margin-bottom: 15px;
}

.categories__text h3 {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	color: #111111;
	margin-bottom: 5px;
	font-size: large;
}

.categories__text h4 {
	color: #111111;
	font-weight: 700;
	font-size: larger;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.categories__text h2 {
	margin-bottom: 10px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-size: xx-large;
}

.categories__text h1 {
	margin-bottom: 10px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-size: xx-large;

}

.categories__text a {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	padding: 0 0 3px;
	display: inline-block;
}

.categories__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #ca1515;
}


/* created by me*/
.categories__text {
	max-width: 400px;
	font-family: "Poppins", Arial, sans-serif;
	color: #333;
	line-height: 1;
}

.categories__text h2 {
	margin: 0 0 20px;
	line-height: 1.1;
	font-weight: 400;
	line-height: 1;
}

.categories__text h2 .small {
	font-size: 25px;
	font-weight: 400;
	color: #333;
	letter-spacing: 1px;
	line-height: 0.5;
}

.categories__text h2 .highlight {
	font-size: 48px;
	font-weight: 400;
	color: #222;
	display: block;
	line-height: 1;
}

.categories__text h2 .normal {
	font-size: 32px;
	font-weight: 400;
	color: #222;
	display: block;
	padding: 0;
}

.categories__text p {
	font-size: 16px;
	line-height: 1.6;
	color: #444;
	margin-bottom: 15px;
	line-height: 1.8;
	font-family: "Poppins", Arial, Arial, Helvetica, sans-serif
}

.categories__text .read-more {
	font-size: 14px;
	font-weight: 600;
	color: #444;
	text-decoration: none;
	border-bottom: 1px solid #b22222;
	padding-bottom: 2px;
	transition: 0.3s;
	line-height: 1;
}

.categories__text .read-more:hover {
	color: #000;
	border-color: #000;
	line-height: 1;
}



/*---------------------
  Product
-----------------------*/

.product {
	padding-top: 60px;
	padding-bottom: 50px;
}

.filter__controls {
	text-align: right;
	margin-bottom: 50px;
}

.filter__controls li {
	font-size: 14px;
	list-style: none;
	display: inline-block;
	color: #111111;
	margin-right: 35px;
	position: relative;
	cursor: pointer;
}

.filter__controls li.active:after {
	opacity: 1;
}

.filter__controls li:after {
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 2px;
	width: 100%;
	background: #ca1515;
	content: "";
	opacity: 0;
}

.filter__controls li:last-child {
	margin-right: 0;
}

.product__item {
	margin-bottom: 35px;
}

.product__item:hover .product__hover li {
	opacity: 1;
	top: 0;
}

.product__item.sale .product__item__pic .label {
	background: #ca1515;
}

.product__item.sale .product__item__text .product__price {
	color: #ca1515;
}

.product__item__pic {
	height: 360px;
	position: relative;
	overflow: hidden;
}

.product__item__pic .label {
	font-size: 12px;
	color: #ffffff;
	font-weight: 500;
	display: inline-block;
	padding: 2px 8px;
	text-transform: uppercase;
	position: absolute;
	left: 10px;
	top: 10px;
}

.product__item__pic .label.new {
	background: #36a300;
}

.product__item__pic .label.stockout {
	background: #111111;
}

.product__item__pic .label.stockblue {
	background: #0066bd !important;
}

.product__item__pic .label.sale {
	background: #ca1515;
}

.product__hover {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 30px;
	text-align: center;
}

.product__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 100px;
	opacity: 0;
}

.product__hover li:nth-child(1) {
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	transition: all 0.4s ease 0.1s;
}

.product__hover li:nth-child(2) {
	-webkit-transition: all 0.4s ease 0.15s;
	-o-transition: all 0.4s ease 0.15s;
	transition: all 0.4s ease 0.15s;
}

.product__hover li:nth-child(3) {
	-webkit-transition: all 0.4s ease 0.2s;
	-o-transition: all 0.4s ease 0.2s;
	transition: all 0.4s ease 0.2s;
}

.product__hover li:last-child {
	margin-right: 0;
}

.product__hover li:hover a {
	background: #ca1515;
}

.product__hover li:hover a span {
	color: #ffffff;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.product__hover li a {
	font-size: 18px;
	color: #111111;
	display: block;
	height: 45px;
	width: 45px;
	background: #ffffff;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__hover li a span {
	position: relative;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	display: inline-block;
}

.product__item__text {
	text-align: center;
	padding-top: 22px;
}

.product__item__text h6 a {
	font-size: 18px;
	font-weight: 500;
	color: #111111;
}

.product__item__text .rating {
	line-height: 18px;
	margin-bottom: 5px;
}

.product__item__text .rating i {
	font-size: 10px;
	color: #e3c01c;
	margin-right: -4px;
}

.product__item__text .rating i:last-child {
	margin-right: 0;
}

.product__item__text .product__price {
	color: #111111;
	font-weight: 600;
}

.product__item__text .product__price span {
	font-size: 14px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 4px;
}

/*---------------------
 Shop or Brands
-----------------------*/

.shop {
	padding-top: 70px;
	padding-bottom: 80px;
}

.sidebar__categories {
	margin-bottom: 50px;
}

.sidebar__categories .section-title {
	margin-bottom: 35px;
}

.sidebar__categories .section-title h4 {
	font-size: 18px;
}

.categories__accordion .card {
	border: none;
	border-radius: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #f2f2f2 !important;
	margin-bottom: 12px;
}

.categories__accordion .card:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none !important;
}

.categories__accordion .card-heading {
	cursor: pointer;
}

.categories__accordion .card-heading a {
	font-size: 14px;
	font-weight: 500;
	color: #111111;
	display: block;
}

.categories__accordion .card-body {
	padding-left: 0;
	padding-top: 6px;
	padding-bottom: 0;
}

.categories__accordion .card-body li {
	list-style: none;
	position: relative;
	padding-left: 16px;
}

.categories__accordion .card-body li:before {
	position: absolute;
	left: 4px;
	top: 14px;
	height: 1px;
	width: 4px;
	background: #666666;
	content: "";
}

.categories__accordion .card-body li a {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.categories__accordion .card-heading a:after,
.categories__accordion .card-heading>a.active[aria-expanded=false]:after {
	content: "";
	font-size: 14px;
	font-family: "FontAwesome";
	color: #666666;
	position: absolute;
	right: 30px;
	top: 0px;
}

.categories__accordion .card-heading.active a:after {
	content: "";
	font-size: 14px;
	font-family: "FontAwesome";
	color: #666666;
	position: absolute;
	right: 30px;
	top: -1px;
}

.categories__accordion .card-heading a[aria-expanded=true]:after,
.categories__accordion .card-heading>a.active:after {
	content: "";
	font-size: 14px;
	font-family: "FontAwesome";
	color: #666666;
	position: absolute;
	right: 30px;
	top: -1px;
}

.sidebar__filter {
	position: relative;
	margin-bottom: 60px;
}

.sidebar__filter .section-title {
	margin-bottom: 50px;
}

.sidebar__filter .section-title h4 {
	font-size: 18px;
}

.sidebar__filter a {
	font-size: 14px;
	color: #0d0d0d;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	display: inline-block;
	padding: 5px 16px 5px 24px;
	border: 2px solid #ff0000;
	position: absolute;
	right: 0;
	bottom: -5px;
	border-radius: 2px;
}

.filter-range-wrap .range-slider .price-input {
	position: relative;
}

.filter-range-wrap .range-slider .price-input p {
	font-size: 16px;
	color: #0d0d0d;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 0;
}

.filter-range-wrap .range-slider .price-input:after {
	position: absolute;
	left: 81px;
	top: 12px;
	height: 1px;
	width: 5px;
	background: #0d0d0d;
	content: "";
}

.filter-range-wrap .range-slider .price-input input {
	font-size: 16px;
	color: #0d0d0d;
	max-width: 16%;
	border: none;
}

.filter-range-wrap .range-slider .price-input input:nth-child(1) {
	margin-right: 28px;
}

.filter-range-wrap .price-range {
	border-radius: 0;
	margin-bottom: 28px;
}

.filter-range-wrap .price-range.ui-widget-content {
	border: none;
	background: rgba(0, 0, 0, 0.1);
	height: 5px;
}

.filter-range-wrap .price-range.ui-widget-content .ui-slider-handle {
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background: #ca1515;
	border: none;
	outline: none;
	cursor: pointer;
}

.filter-range-wrap .price-range .ui-slider-range {
	background: #ca1515;
	border-radius: 0;
}

.sidebar__sizes,
.sidebar__color {
	margin-bottom: 40px;
}

.sidebar__sizes .section-title,
.sidebar__color .section-title {
	margin-bottom: 35px;
}

.sidebar__sizes .section-title h4,
.sidebar__color .section-title h4 {
	font-size: 18px;
}

.sidebar__sizes .size__list label,
.sidebar__color .size__list label {
	display: block;
	padding-left: 20px;
	font-size: 14px;
	text-transform: uppercase;
	color: #444444;
	position: relative;
	cursor: pointer;
}

.sidebar__sizes .size__list label input,
.sidebar__color .size__list label input {
	position: absolute;
	visibility: hidden;
}

.sidebar__sizes .size__list label input:checked~.checkmark,
.sidebar__color .size__list label input:checked~.checkmark {
	border-color: #ca1515;
}

.sidebar__sizes .size__list label input:checked~.checkmark:after,
.sidebar__color .size__list label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.sidebar__sizes .size__list label .checkmark,
.sidebar__color .size__list label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.sidebar__sizes .size__list label .checkmark:after,
.sidebar__color .size__list label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.sidebar__color .color__list label {
	text-transform: capitalize;
}

.pagination__option a {
	display: inline-block;
	height: 40px;
	width: 40px;
	border: 1px solid #f2f2f2;
	border-radius: 50%;
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 6px;
}

.pagination__option a:last-child {
	margin-right: 0;
}

.pagination__option a i {
	font-weight: 600;
}

.pagination__option a:hover {
	background: #0d0d0d;
	border-color: #0d0d0d;
	color: #ffffff;
}

/*---------------------
  Product Details
-----------------------*/



.product-details {
	padding-top: 70px;
	padding-bottom: 50px;
}

/* .product_details_pic {
	overflow: hidden;
} */




/*  */

.product__details__pic {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 5470px;
	/* exactly same width as 3 thumbnails + gaps */
	margin: 0 auto;
}

.product__details__pic img {
	width: 100%;
	/* fills container (same as thumbs row) */
	height: auto;
	/* keep aspect ratio */
	object-fit: contain;
	/* avoids cropping */
}


/*  */


.product_detailspic_left {
	width: 22%;
	max-height: 574px;
	float: left;
	overflow-y: auto;
}

.product_detailspic_left .pt {
	display: block;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative;
}

.product_detailspic_left .pt::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.product_detailspic_left .pt.active::after {
	opacity: 0.3;
}

.product_detailspic_left .pt:last-child {
	margin-bottom: 0;
}

.product_detailspic_left .pt img {
	min-width: 100%;
}




/* Thumbnails under main image */
.product__details__pic__thumbs {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin-top: 15px;

	width: 100%;
	max-width: 450px;
	/* Limit maximum width */
	flex-wrap: nowrap;

}

.product__details__pic__thumbs .pt {
	flex: 1;
	display: flex;
	justify-content: center;

}

.product__details__pic__thumbs .pt img {
	width: 150px;
	height: 140px;
	cursor: pointer;
	/* border: 1px solid; */
	transition: 0.3s;
	object-fit: cover;
	border-radius: 6px;
}

.product__details__pic__thumbs .pt.active img {
	border-color: #000;
}

/* .product__details__slider__content {
	width: calc(78% - 20px);
	float: left;
	margin-left: 20px;
} */
.product__details__slider__content {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	margin-bottom: -5px;

}

.product__details__pic__slider img {
	max-width: 100%;
	/* control width of image */
	width: 100%;
	height: auto;
	/* keep proportions */
	object-fit: contain;
	border-radius: 8px;
}

.product__details__pic__slider.owl-carousel .owl-nav button {
	position: absolute;
	/* left: 10px; */
	top: 50%;
	font-size: 22px;
	color: #111111;
	width: 35px;
	height: 35px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	line-height: 35px;
	text-align: center;
	margin-top: -18px;
	z-index: 10;
}

.product__details__pic__slider.owl-carousel .owl-nav button.owl-next {
	/* left: auto; */
	right: 10px;
}

.product__details__pic__slider.owl-carousel .owl-nav button.owl-prev {
	left: 10px;
	/* closer to left edge of image */
}

/* Optional: Add responsive behavior */
@media (max-width: 768px) {
	.product__details__slider__content {
		width: 90%;
		margin-left: 5%;
	}

	.product__details__pic__thumbs {
		width: 90%;
		margin-left: 5%;
		justify-content: center;
	}
}

.product__details__text {
	padding-left: 30px;
	/* Add left padding for desktop */
	width: 100%;
	box-sizing: border-box;
}

.product__details__text h2 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
	font-size: 28px;
	/* Make title more prominent */
	line-height: 1.3;
}

.product__details__text h3 span {
	display: block;
	font-size: 14px;
	color: #444444;
	text-transform: none;
	font-weight: 400;
	margin-top: 5px;
}

.product__details__text .rating {
	margin-bottom: 16px;
}

.product__details__text .rating i {
	font-size: 12px;
	color: #e3c01c;
	margin-right: -4px;
}

.product__details__text .rating span {
	font-size: 12px;
	color: #666666;
	margin-left: 5px;
}

.product__details__text p {
	color: #444444;
	margin-bottom: 28px;
}

.product__details__content {
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.8;
	text-align: justify;
	box-sizing: border-box;
}


.product__details__content p {
	text-align: justify;
	text-justify: inter-word;
	line-height: 1.8;
	word-spacing: 0.3px;
	letter-spacing: 0.1px;
	margin: 15px 0;
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	text-align-last: left;
	font-size: 14px;
	color: #555;
	max-width: none;
	width: 100%;
	padding: 0;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	/* keeps last line aligned neatly */
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.product__details__content p {
		font-size: 13px;
		line-height: 1.7;
		margin: 12px 0;
	}
}

@media (max-width: 576px) {
	.product__details__content p {
		font-size: 12px;
		line-height: 1.6;
		margin: 10px 0;
	}
}


/* Existing rule (keep as-is) */
 .product__details__price {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
	text-align: justify;
}

.product__details__price span {
	font-size: 18px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 10px;
	display: inline-block;
} 



.quantity {
	margin-right: 10px;
	margin-bottom: 10px;
}

.quantity>span {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	float: left;
	margin-top: 14px;
	margin-right: 15px;
}

.pro-qty {
	height: 50px;
	width: 150px;
	border: 1px solid #ebebeb;
	border-radius: 50px;
	padding: 0 20px;
	overflow: hidden;
	display: inline-block;
}

.pro-qty .qtybtn {
	font-size: 14px;
	color: #666666;
	cursor: pointer;
	float: left;
	width: 12px;
	line-height: 46px;
}

.pro-qty input {
	font-size: 14px;
	color: #666666;
	font-weight: 500;
	border: none;
	float: left;
	width: 84px;
	text-align: center;
	height: 48px;
}

.product__details__button {
	overflow: hidden;
	margin-bottom: 25px;
}

.product__details__button .cart-btn {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	background: #ca1515;
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 30px 15px;
	border-radius: 50px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.product__details__button ul {
	float: left;
}

.product__details__button ul li {
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}

.product__details__button ul li:last-child {
	margin-right: 0;
}

.product__details__button ul li a {
	display: inline-block;
	height: 50px;
	width: 50px;
	border: 1px solid #ebebeb;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	padding-top: 1px;
}

.product__details__button ul li a span {
	font-size: 18px;
	color: #666666;
}

.product__details__widget {
	border-top: 1px solid #ebebeb;
	padding-top: 35px;
}

.product__details__widget ul li {
	list-style: none;
	margin-bottom: 10px;
}

.product__details__widget ul li:last-child {
	margin-bottom: 0;
}

.product__details__widget ul li span {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #111111;
	width: 150px;
	float: left;
}

.product__details__widget ul li .stock__checkbox {
	overflow: hidden;
}

.product__details__widget ul li .stock__checkbox label {
	display: block;
	padding-left: 20px;
	font-size: 14px;
	color: #666666;
	position: relative;
	cursor: pointer;
}

.product__details__widget ul li .stock__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.product__details__widget ul li .stock__checkbox label input:checked~.checkmark {
	border-color: #ca1515;
}

.product__details__widget ul li .stock__checkbox label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.product__details__widget ul li .stock__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 5px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.product__details__widget ul li .stock__checkbox label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.product__details__widget ul li .color__checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-right: 20px;
}

.product__details__widget ul li .color__checkbox label.active input~.checkmark:after {
	border-color: #ffffff;
	opacity: 1;
}

.product__details__widget ul li .color__checkbox label:last-child {
	margin-right: 0;
}

.product__details__widget ul li .color__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.product__details__widget ul li .color__checkbox label input:checked~.checkmark:after {
	border-color: #ffffff;
	opacity: 1;
}

.product__details__widget ul li .color__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: -10px;
	height: 20px;
	width: 20px;
	background: #e31e2f;
	border-radius: 50%;
	content: "";
}

.product__details__widget ul li .color__checkbox label .checkmark.black-bg {
	background: #111111;
}

.product__details__widget ul li .color__checkbox label .checkmark.grey-bg {
	background: #e4aa8b;
}

.product__details__widget ul li .color__checkbox label .checkmark:after {
	position: absolute;
	left: 3px;
	top: 5px;
	width: 13px;
	height: 6px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.product__details__widget ul li .size__btn label {
	font-size: 14px;
	color: #666666;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 0;
}

.product__details__widget ul li .size__btn label:last-child {
	margin-right: 0;
}

.product__details__widget ul li .size__btn label.active {
	color: #ca1515;
}

.product__details__widget ul li .size__btn label input {
	position: absolute;
	visibility: hidden;
}

.product__details__widget ul li p {
	margin-bottom: 0;
	color: #666666;
}

.product__details__tab {
	padding-top: 80px;
	margin-bottom: 65px;
}

.nav {
	border-bottom: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	margin-bottom: 40px;
}

.nav::before {
	position: absolute;
	left: 0;
	top: 13px;
	height: 1px;
	width: 335px;
	background: #e1e1e1;
	content: "";
}

.nav::after {
	position: absolute;
	right: 0;
	top: 13px;
	height: 1px;
	width: 335px;
	background: #e1e1e1;
	content: "";
}

.nav-item {
	margin-right: 46px;
}

.nav-item:last-child {
	margin-right: 0;
}

.nav-item .nav-link {
	font-size: 18px;
	color: #666666;
	font-weight: 600;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
}

.nav-item .nav-link.active {
	color: #111111;
}

.tab-content .tab-pane h6 {
	color: #666666;
	font-weight: 600;
	margin-bottom: 24px;
}

.tab-content .tab-pane p:last-child {
	margin-bottom: 0;
}

/* ---------------------
   Common Section Titles
----------------------- */
.section-title {
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*---------------------
 ingredients
/* ----------------------- */
.product-ingredients {

	padding: 20px;
	border-radius: 8px;
	margin-bottom: 30px;
	margin-left: -20px;
	margin-top: 30px;
	text-align: left;
}

/* separate margin-left rule and apply to all sections */
*/ .product-ingredients,
.nutrition-info-section,
.product-packaging,
.product-key-features {
	margin-left: -20px;
	/* Apply consistent left margin to all sections */
}



.ingredients-text p {
	line-height: 1.5;
	margin: 0;
	font-size: 14px;

	text-align: justify;
}

.no-ingredients {
	font-style: italic;
	color: #6c757d;
	font-size: 14px;
}


/*---------------------
 nutrition table
-----------------------*/
.nutrition-info-section {
	margin-top: 30px;
	margin-bottom: 30px;
}

.nutrition-label {

	font-family: Arial, sans-serif;
	max-width: 100%;
	margin: 0 auto;
}

.nutrition-header {
	padding: 15px;

}



/* .approximate-values {
	text-align: center;
	font-size: 13px;
	margin: 0 0 10px 0;
	color: #333;
	font-style: italic;
} */

/* .header-line {
	border: none;
	border-top: 1px solid #000;
	margin: 8px 0;
} */

.serving-size {
	font-size: 13px;
	margin: 8px 0;
	color: #333;
	text-align: left;
}

.nutrition-facts-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}

.nutrition-facts-table thead tr {
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
}

.nutrition-facts-table th {
	padding: 10px 8px;
	text-align: left;
	font-weight: bold;
	color: #000;
	background: white;
}

.nutrition-facts-table th:not(:first-child) {
	text-align: left;
	padding-left: 15px;
}

.nutrition-facts-table tbody tr {
	border-bottom: 1px solid #ccc;
}

/* .nutrition-facts-table tbody tr:nth-child(even) {
	background-color: #f9f9f9;
} */



*/ .nutrition-facts-table td {
	padding: 8px 8px;
	color: #333;
}

.nutrient-name {
	font-weight: 500;
	text-align: left;
}

.nutrient-value {
	text-align: right;
	font-weight: normal;
}

.nutrient-valuetable {
	text-align: left;
	font-weight: normal;
	padding-left: 15px;
}


/*---------------------
  Packaging
-----------------------*/
.product-packaging {
	margin: 30px 0;
}


.packaging-text {
	color: #666;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	font-weight: normal;
}

.no-packaging {
	color: #6c757d;
	font-style: italic;
	font-size: 14px;
}

/*---------------------
  Key Features
-----------------------*/
.product-key-features {
	margin: 30px 0;
}



.key-feature-list {
	list-style-type: disc;
	padding-left: 20px;
	margin: 0;
}

.key-feature-list li {
	margin-bottom: 12px;
	color: #555;
	font-size: 14px;
	line-height: 1.6;
}

.key-feature-list li strong {
	color: #333;
	font-weight: 600;
}

.key-feature-list li span {
	color: #666;
}

.no-features {
	color: #6c757d;
	font-style: italic;
	font-size: 14px;
}


/* ===================== RESPONSIVE ===================== */

/* Tablet and 
 Responsive */
@media (max-width: 768px) {

	/* Common adjustments */
	.section-title {
		font-size: 14px;
		margin-bottom: 12px;
	}

	/* All sections alignment for mobile */
	.product-ingredients,
	.nutrition-info-section,
	.product-packaging,
	.product-key-features {
		margin-left: -10px;
		/* Reduce left margin for mobile */
	}

	/* Ingredients responsive */
	.product-ingredients {
		padding: 15px;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.ingredients-text p {
		font-size: 13px;
	}

	/* Nutrition table responsive */
	.nutrition-info-section {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.nutrition-label {
		border: 1px solid #000;
	}

	.nutrition-header {
		padding: 10px;
	}

	.nutrition-facts-table {
		font-size: 11px;
	}

	.nutrition-facts-table th,
	.nutrition-facts-table td {
		padding: 6px 4px;
	}

	/* Packaging responsive */
	.product-packaging {
		margin: 20px 0;
	}

	.packaging-text {
		font-size: 13px;
	}

	/* Key features responsive */
	.product-key-features {
		margin: 20px 0;
	}

	.key-feature-list {
		padding-left: 15px;
	}

	.key-feature-list li {
		font-size: 13px;
		margin-bottom: 10px;
	}
}

/* Mobile Small Screens */
@media (max-width: 576px) {

	/* Further reduce margins and padding */
	.product-ingredients,
	.nutrition-info-section,
	.product-packaging,
	.product-key-features {
		margin-left: -5px;
	}

	.section-title {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.product-ingredients {
		padding: 10px;
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.ingredients-text p {
		font-size: 12px;
	}

	.nutrition-info-section {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.nutrition-facts-table {
		font-size: 10px;
	}

	.nutrition-facts-table th,
	.nutrition-facts-table td {
		padding: 5px 3px;
	}

	.product-packaging {
		margin: 15px 0;
	}

	.packaging-text {
		font-size: 12px;
	}

	.product-key-features {
		margin: 15px 0;
	}

	.key-feature-list {
		padding-left: 12px;
	}

	.key-feature-list li {
		font-size: 12px;
		margin-bottom: 8px;
	}
}

/* Extra Small Screens */
@media (max-width: 480px) {
	.nutrition-facts-table {
		font-size: 9px;
	}

	.nutrition-facts-table th,
	.nutrition-facts-table td {
		padding: 4px 2px;
	}

	.section-title {
		font-size: 12px;
		letter-spacing: 0.5px;
	}

	.ingredients-text p,
	.packaging-text,
	.key-feature-list li {
		font-size: 11px;
	}
}


/*---------------------
  Related Products
/* ----------------------- */
.related-products-section {
	margin-top: 300px;
	padding: 20px 0;
	border-top: 1px solid #f0f0f0;
}

.related-products-header {
	margin-bottom: 30px;
	text-align: left;
}

.related-products-header h5 {
	font-size: 16px;
	color: #444;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
}

.related-products-header h5:after {
	display: none;
}

/* grid  layout */
.related-products-grid {
	display: flex;
	gap: 25px;
	flex-direction: column;
	align-items: flex-start;
}

/* grid item */
.related-product-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	cursor: pointer;
	transition: transform 0.2s ease;
	max-width: 200px;
	width: 100%;
}

.related-product-item:hover {
	transform: translateY(-4px);
}

.product-image {
	width: 200px;
	height: 240px;
	border: none;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 10px;
	/* transition: border-color 0.3s ease; */
}



.product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-label {
	width: 100%;
}

.product-label span {
	font-size: 12px;
	color: #666;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	line-height: 1.4;
	display: block;
}

/* Responsive */
@media (max-width: 992px) {
	.product-image {
		width: 160px;
		height: 190px;
	}

	.related-product-item {
		max-width: 220px;
	}

	.product-label span {
		font-size: 11px;
	}
}

@media (max-width: 576px) {
	.product-image {
		width: 130px;
		height: 160px;
	}

	.related-product-item {
		max-width: 180px;
	}

	.product-label span {
		font-size: 10px;
	}
}





/*---------------------
  Shop Cart
-----------------------*/

.shop-cart {
	padding-top: 70px;
	padding-bottom: 90px;
}

.shop__cart__table {
	margin-bottom: 30px;
}

.shop__cart__table table {
	width: 100%;
}

.shop__cart__table thead {
	border-bottom: 1px solid #f2f2f2;
}

.shop__cart__table thead th {
	font-size: 18px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.shop__cart__table tbody tr {
	border-bottom: 1px solid #f2f2f2;
}

.shop__cart__table tbody tr td {
	padding: 30px 0;
}

.shop__cart__table tbody tr .cart__product__item {
	overflow: hidden;
	width: 585px;
}

.shop__cart__table tbody tr .cart__product__item img {
	float: left;
	margin-right: 25px;
}

.shop__cart__table tbody tr .cart__product__item .cart__product__item__title {
	overflow: hidden;
	padding-top: 23px;
}

.shop__cart__table tbody tr .cart__product__item .cart__product__item__title h6 {
	color: #111111;
	font-weight: 600;
}

.shop__cart__table tbody tr .cart__product__item .cart__product__item__title .rating i {
	font-size: 10px;
	color: #e3c01c;
	margin-right: -4px;
}

.shop__cart__table tbody tr .cart__price {
	font-size: 16px;
	color: #ca1515;
	font-weight: 600;
	width: 190px;
}

.shop__cart__table tbody tr .cart__quantity {
	width: 190px;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty {
	border: none;
	padding: 0;
	width: 110px;
	border-radius: 0;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty input {
	color: #444444;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty .qtybtn {
	font-size: 16px;
	color: #444444;
}

.shop__cart__table tbody tr .cart__total {
	font-size: 16px;
	color: #ca1515;
	font-weight: 600;
	width: 150px;
}

.shop__cart__table tbody tr .cart__close {
	text-align: right;
}

.shop__cart__table tbody tr .cart__close span {
	height: 45px;
	width: 45px;
	background: #f2f2f2;
	border-radius: 50%;
	font-size: 18px;
	color: #111111;
	line-height: 44px;
	text-align: center;
	display: inline-block;
	font-weight: 600;
	cursor: pointer;
}

.cart__btn {
	margin-bottom: 50px;
}

.cart__btn.update__btn {
	text-align: right;
}

.cart__btn a {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	padding: 14px 30px 12px;
	background: #f5f5f5;
}

.cart__btn a span {
	color: #ca1515;
	font-size: 14px;
	margin-right: 5px;
}

.discount__content h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 30px;
}

.discount__content form {
	position: relative;
	width: 370px;
	display: inline-block;
}

.discount__content form input {
	height: 52px;
	width: 100%;
	border: 1px solid #444444;
	border-radius: 50px;
	padding-left: 30px;
	padding-right: 115px;
	font-size: 14px;
	color: #444444;
}

.discount__content form input::-webkit-input-placeholder {
	color: #444444;
}

.discount__content form input::-moz-placeholder {
	color: #444444;
}

.discount__content form input:-ms-input-placeholder {
	color: #444444;
}

.discount__content form input::-ms-input-placeholder {
	color: #444444;
}

.discount__content form input::placeholder {
	color: #444444;
}

.discount__content form button {
	position: absolute;
	right: 4px;
	top: 4px;
}

.cart__total__procced {
	background: #f5f5f5;
	padding: 40px;
}

.cart__total__procced h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.cart__total__procced ul {
	margin-bottom: 25px;
}

.cart__total__procced ul li {
	list-style: none;
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	overflow: hidden;
	line-height: 40px;
}

.cart__total__procced ul li span {
	color: #ca1515;
	float: right;
}

.cart__total__procced .primary-btn {
	display: block;
	border-radius: 50px;
	text-align: center;
	padding: 12px 0 10px;
}

/*---------------------
  Checkout
-----------------------*/

.checkout {
	padding-top: 80px;
	padding-bottom: 70px;
}

.coupon__link {
	font-size: 14px;
	color: #444444;
	padding: 14px 0;
	background: #f5f5f5;
	border-top: 2px solid #ca1515;
	text-align: center;
	margin-bottom: 50px;
}

.coupon__link a {
	font-size: 14px;
	color: #444444;
}

.coupon__link span {
	font-size: 14px;
	color: #ca1515;
}

.checkout__form h5 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.checkout__form .checkout__form__input p {
	color: #444444;
	font-weight: 500;
	margin-bottom: 10px;
}

.checkout__form .checkout__form__input p span {
	color: #ca1515;
}

.checkout__form .checkout__form__input input {
	height: 50px;
	width: 100%;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	margin-bottom: 25px;
	font-size: 14px;
	padding-left: 20px;
	color: #666666;
}

.checkout__form .checkout__form__input input::-webkit-input-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input::-moz-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input:-ms-input-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input::-ms-input-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input::placeholder {
	color: #666666;
}

.checkout__form .checkout__form__checkbox {
	margin-bottom: 20px;
}

.checkout__form .checkout__form__checkbox label {
	display: block;
	padding-left: 24px;
	font-size: 14px;
	color: #444444;
	font-weight: 500;
	position: relative;
	cursor: pointer;
	margin-bottom: 16px;
}

.checkout__form .checkout__form__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.checkout__form .checkout__form__checkbox label input:checked~.checkmark {
	border-color: #ca1515;
}

.checkout__form .checkout__form__checkbox label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.checkout__form .checkout__form__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.checkout__form .checkout__form__checkbox label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.checkout__form .checkout__form__checkbox p {
	margin-bottom: 0;
}

.checkout__order {
	background: #f5f5f5;
	padding: 30px;
}

.checkout__order h5 {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 18px;
}

.checkout__order .site-btn {
	width: 100%;
}

.checkout__order__product {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 22px;
}

.checkout__order__product ul li {
	list-style: none;
	font-size: 14px;
	color: #444444;
	font-weight: 500;
	overflow: hidden;
	margin-bottom: 14px;
	line-height: 24px;
}

.checkout__order__product ul li:last-child {
	margin-bottom: 0;
}

.checkout__order__product ul li span {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	float: right;
}

.checkout__order__product ul li .top__text {
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	float: left;
}

.checkout__order__product ul li .top__text__right {
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	float: right;
}

.checkout__order__total {
	padding-top: 12px;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

.checkout__order__total ul li {
	list-style: none;
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	overflow: hidden;
	line-height: 40px;
}

.checkout__order__total ul li span {
	color: #ca1515;
	float: right;
}

.checkout__order__widget {
	padding-bottom: 10px;
}

.checkout__order__widget label {
	display: block;
	padding-left: 25px;
	font-size: 14px;
	font-weight: 500;
	color: #111111;
	position: relative;
	cursor: pointer;
	margin-bottom: 14px;
}

.checkout__order__widget label input {
	position: absolute;
	visibility: hidden;
}

.checkout__order__widget label input:checked~.checkmark {
	border-color: #ca1515;
}

.checkout__order__widget label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.checkout__order__widget label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.checkout__order__widget label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

/*---------------------
    Blog 
-----------------------*/

.blog {
	padding-top: 70px;
	padding-bottom: 80px;
}

.blog__item {
	margin-bottom: 35px;
}

.blog__item__pic {
	height: 240px;
}

.blog__item__pic.large__item {
	height: 540px;
}

.blog__item__text {
	padding: 25px 20px 0 0;
	margin-right: 30px;
	background: #ffffff;
	margin-top: -54px;
}

.blog__item__text h6 {
	margin-bottom: 6px;
}

.blog__item__text h6 a {
	color: #111111;
	font-weight: 600;
	line-height: 21px;
}

.blog__item__text ul li {
	font-size: 12px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 25px;
	position: relative;
}

.blog__item__text ul li span {
	color: #111111;
}

.blog__item__text ul li:after {
	position: absolute;
	right: -17px;
	top: 0px;
	content: "|";
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text ul li:last-child:after {
	display: none;
}

.primary-btn.load-btn {
	color: #111111;
	background: #f2f2f2;
	padding: 12px 85px 10px;
	border-radius: 50px;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
	padding-left: 40px;
}

.blog__sidebar__item {
	margin-bottom: 50px;
}

.blog__sidebar__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__item .section-title {
	margin-bottom: 40px;
}

.blog__sidebar__item .section-title h4 {
	font-size: 16px;
}

.blog__sidebar__item .section-title h4:after {
	bottom: -7px;
}

.blog__sidebar__item ul li {
	list-style: none;
	line-height: 30px;
}

.blog__sidebar__item ul li a {
	font-size: 14px;
	color: #111111;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
	color: #ca1515;
}

.blog__sidebar__item ul li a:hover span {
	color: #111111;
}

.blog__sidebar__item ul li a span {
	float: right;
	color: #888888;
}

.blog__feature__item {
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

.blog__feature__item:last-child {
	margin-bottom: 0;
}

.blog__feature__item__pic {
	float: left;
	margin-right: 25px;
}

.blog__feature__item__text {
	overflow: hidden;
}

.blog__feature__item__text h6 {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	line-height: 21px;
	margin-bottom: 5px;
}

.blog__feature__item__text span {
	font-size: 14px;
	font-weight: 500;
	color: #080808;
	display: block;
}

.blog__sidebar__tags a {
	display: inline-block;
	font-size: 13px;
	color: #666666;
	border: 1px solid #f2f2f2;
	padding: 8px 14px 7px;
	margin-right: 6px;
	margin-bottom: 10px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__tags a:hover {
	color: #111111;
}

.blog__sidebar__tags a:last-child {
	margin-right: 0;
}

/*---------------------
  Blog Details
-----------------------*/

.blog-details {
	padding-top: 80px;
	padding-bottom: 80px;
}

.blog__details__item {
	background: #ffffff;
	margin-bottom: 24px;
}

.blog__details__item__title {
	background: #ffffff;
	padding-top: 30px;
	padding-right: 30px;
	margin-top: -100px;
	position: relative;
	margin-right: 50px;
}

.blog__details__item__title .tip {
	font-size: 12px;
	color: #ffffff;
	background: #ca1515;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	padding: 2px 11px 1px;
	border-radius: 5px;
}

.blog__details__item__title h4 {
	color: #111111;
	font-weight: 600;
	line-height: 39px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.blog__details__item__title ul li {
	font-size: 12px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 25px;
	position: relative;
}

.blog__details__item__title ul li span {
	color: #111111;
}

.blog__details__item__title ul li:after {
	position: absolute;
	right: -17px;
	top: 0px;
	content: "|";
}

.blog__details__item__title ul li:last-child {
	margin-right: 0;
}

.blog__details__item__title ul li:last-child:after {
	display: none;
}

.blog__details__desc {
	margin-bottom: 40px;
}

.blog__details__desc p {
	font-size: 15px;
	color: #444444;
	/* line-height: 27px; */
	text-align: justify;
}

.blog__details__desc p:last-child {
	margin-bottom: 0;
}

.blog__details__quote {
	border-top: 2px solid #ca1515;
	position: relative;
	padding-top: 22px;
	margin-bottom: 20px;
}

.blog__details__quote .icon {
	height: 30px;
	width: 30px;
	font-size: 18px;
	color: #ca1515;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: -11px;
}

.blog__details__quote p {
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	font-style: italic;
	line-height: 30px;
	margin-bottom: 0;
}

.blog__details__tags {
	margin-bottom: 50px;
}

.blog__details__tags a {
	display: inline-block;
	font-size: 13px;
	color: #666666;
	border: 1px solid #f2f2f2;
	padding: 8px 14px 7px;
	margin-right: 6px;
	margin-bottom: 10px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__tags a:hover {
	color: #111111;
}

.blog__details__tags a:last-child {
	margin-right: 0;
}

.blog__details__btns {
	background: #f5f5f5;
	padding: 14px 30px;
	margin-bottom: 55px;
}

.blog__details__btn__item.blog__details__btn__item--next {
	text-align: right;
}

.blog__details__btn__item.blog__details__btn__item--next h6 a i {
	margin-right: 0;
	margin-left: 5px;
}

.blog__details__btn__item h6 a {
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #111111;
}

.blog__details__btn__item h6 a i {
	font-size: 15px;
	font-weight: 600;
	position: relative;
	top: -2px;
	margin-right: 5px;
}

.blog__details__comment {
	position: relative;
}

.blog__details__comment h5 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.blog__details__comment .leave-btn {
	font-size: 14px;
	font-weight: 700;
	color: #111111;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
}

.blog__details__comment .leave-btn:after {
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 1px;
	width: 100%;
	background: #ca1515;
	content: "";
}

.blog__comment__item {
	margin-bottom: 35px;
}

.blog__comment__item:last-child {
	margin-bottom: 0;
}

.blog__comment__item.blog__comment__item--reply {
	padding-left: 115px;
}

.blog__comment__item__pic {
	float: left;
	margin-right: 25px;
}

.blog__comment__item__pic img {
	border-radius: 50%;
}

.blog__comment__item__text {
	overflow: hidden;
}

.blog__comment__item__text h6 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 14px;
}

.blog__comment__item__text p {
	font-size: 15px;
	color: #444444;
	line-height: 26px;
}

.blog__comment__item__text ul li {
	list-style: none;
	font-size: 12px;
	color: #888888;
	display: inline-block;
	margin-right: 25px;
}

.blog__comment__item__text ul li:last-child {
	margin-right: 0;
}

.blog__comment__item__text ul li i {
	font-size: 14px;
	color: #ca1515;
	margin-right: 5px;
}

/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top: 80px;
	padding-bottom: 80px;
}

.contact__address {
	margin-bottom: 45px;
}

.contact__address h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.contact__address ul li {
	list-style: none;
	position: relative;
	margin-bottom: 20px;
}

.contact__address ul li:last-child {
	margin-bottom: 0;
}

.contact__address ul li h6 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 10px;
}

.contact__address ul li h6 i {
	font-size: 16px;
	color: #ca1515;
	margin-right: 5px;
}

.contact__address ul li p {
	margin-bottom: 0;
	font-size: 15px;
	color: #444444;
}

.contact__address ul li span {
	font-size: 15px;
	color: #444444;
	display: inline-block;
	margin-right: 25px;
	position: relative;
}

.contact__address ul li span:after {
	position: absolute;
	right: -15px;
	top: 11px;
	content: "|";
	line-height: 0;
}

.contact__address ul li span:last-child {
	margin-right: 0;
}

.contact__address ul li span:last-child:after {
	display: none;
}

.contact__form h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.contact__form form input {
	height: 50px;
	width: 100%;
	padding-left: 20px;
	font-size: 14px;
	color: #444444;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	margin-bottom: 20px;
}

.contact__form form input::-webkit-input-placeholder {
	color: #444444;
}

.contact__form form input::-moz-placeholder {
	color: #444444;
}

.contact__form form input:-ms-input-placeholder {
	color: #444444;
}

.contact__form form input::-ms-input-placeholder {
	color: #444444;
}

.contact__form form input::placeholder {
	color: #444444;
}

.contact__form form textarea {
	height: 130px;
	width: 100%;
	padding-left: 20px;
	padding-top: 12px;
	font-size: 14px;
	color: #444444;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	margin-bottom: 14px;
	resize: none;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #444444;
}

.contact__form form textarea::-moz-placeholder {
	color: #444444;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #444444;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #444444;
}

.contact__form form textarea::placeholder {
	color: #444444;
}

.contact__map {
	height: 780px;
}

.contact__map iframe {
	width: 100%;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1600px) and (max-width: 1900px) {
	.header {
		padding: 0 85px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.header__menu ul li {
		margin-right: 20px;
	}

	.header {
		padding: 0 30px;
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu ul li {
		margin-right: 20px;
	}

	.header__right__auth {
		margin-right: 5px;
	}

	.sidebar__filter a {
		padding: 5px 15px 5px 15px;
	}

	.nav::before {
		width: 240px;
	}

	.nav::after {
		width: 240px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.filter__controls li {
		margin-right: 15px;
	}

	.discount__pic img {
		height: auto;
	}

	.discount__text {
		height: auto;
	}

	.sidebar__filter a {
		position: relative;
		bottom: 0;
	}

	.filter-range-wrap .range-slider .price-input input {
		max-width: 27%;
	}

	.filter-range-wrap .range-slider .price-input {
		margin-bottom: 20px;
	}

	.product__details__pic {
		margin-bottom: 50px;
	}

	.nav::before {
		width: 125px;
	}

	.nav::after {
		width: 125px;
	}

	.discount__content {
		margin-bottom: 40px;
	}

	.checkout__order {
		margin-top: 20px;
	}

	.blog__sidebar {
		padding-left: 0;
	}

	.canvas__open {
		display: block;
		font-size: 22px;
		color: #222;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #323232;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 24px;
	}

	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}

	.offcanvas-menu-overlay.active {
		visibility: visible;
	}

	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #ffffff;
		padding: 90px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}

	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}

	.offcanvas__close {
		position: absolute;
		width: 40px;
		height: 40px;
		right: 30px;
		top: 25px;
		border: 1px solid #ddd;
		border-radius: 50%;
		font-size: 26px;
		text-align: center;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		cursor: pointer;
	}

	.offcanvas__menu {
		display: none;
	}

	.slicknav_btn {
		display: none;
	}

	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 20px;
	}

	.slicknav_nav ul {
		margin: 0;
	}

	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #111111;
		font-weight: 600;
	}

	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}

	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}

	.slicknav_nav {
		display: block !important;
	}

	.offcanvas__logo {
		margin-bottom: 25px;
	}

	.offcanvas__widget {
		text-align: center;
		margin-bottom: 20px;
	}

	.offcanvas__widget li {
		list-style: none;
		display: inline-block;
		font-size: 18px;
		color: #111111;
		margin-right: 20px;
		cursor: pointer;
	}

	.offcanvas__widget li:last-child {
		margin-right: 0;
	}

	.offcanvas__widget li a {
		font-size: 18px;
		color: #111111;
		position: relative;
	}

	.offcanvas__widget li a .tip {
		position: absolute;
		right: -12px;
		top: -11px;
		height: 18px;
		width: 18px;
		background: #111111;
		font-size: 10px;
		font-weight: 500;
		color: #ffffff;
		line-height: 18px;
		text-align: center;
		border-radius: 50%;
	}

	.offcanvas__auth a {
		font-size: 15px;
		color: #111111;
		position: relative;
		margin-right: 8px;
		font-weight: 500;
	}

	.offcanvas__auth a:last-child {
		margin-right: 0;
	}

	.offcanvas__auth a:last-child:after {
		display: none;
	}

	.offcanvas__auth a:after {
		position: absolute;
		right: -8px;
		top: -2px;
		content: "/";
		font-size: 13px;
	}

	.header__menu {
		display: none;
	}

	.header__right {
		display: none;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #222;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #323232;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 24px;
	}

	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}

	.offcanvas-menu-overlay.active {
		visibility: visible;
	}

	.offcanvas-menu-wrapper {
		position: fixed;
		left: -270px;
		width: 270px;
		height: 100%;
		background: #ffffff;
		padding: 90px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}

	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}

	.offcanvas__close {
		position: absolute;
		width: 40px;
		height: 40px;
		right: 30px;
		top: 25px;
		border: 1px solid #ddd;
		border-radius: 50%;
		font-size: 26px;
		text-align: center;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		cursor: pointer;
	}

	.offcanvas__menu {
		display: none;
	}

	.slicknav_btn {
		display: none;
	}

	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 20px;
	}

	.slicknav_nav ul {
		margin: 0;
	}

	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #111111;
		font-weight: 600;
	}

	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}

	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}

	.slicknav_nav {
		display: block !important;
	}

	.offcanvas__logo {
		margin-bottom: 25px;
	}

	.offcanvas__widget {
		text-align: center;
		margin-bottom: 20px;
	}

	.offcanvas__widget li {
		list-style: none;
		display: inline-block;
		font-size: 18px;
		color: #111111;
		margin-right: 20px;
		cursor: pointer;
	}

	.offcanvas__widget li:last-child {
		margin-right: 0;
	}

	.offcanvas__widget li a {
		font-size: 18px;
		color: #111111;
		position: relative;
	}

	.offcanvas__widget li a .tip {
		position: absolute;
		right: -12px;
		top: -11px;
		height: 18px;
		width: 18px;
		background: #111111;
		font-size: 10px;
		font-weight: 500;
		color: #ffffff;
		line-height: 18px;
		text-align: center;
		border-radius: 50%;
	}

	.offcanvas__auth a {
		font-size: 15px;
		color: #111111;
		position: relative;
		margin-right: 8px;
		font-weight: 500;
	}

	.offcanvas__auth a:last-child {
		margin-right: 0;
	}

	.offcanvas__auth a:last-child:after {
		display: none;
	}

	.offcanvas__auth a:after {
		position: absolute;
		right: -8px;
		top: -2px;
		content: "/";
		font-size: 13px;
	}

	.header__menu {
		display: none;
	}

	.header__right {
		display: none;
	}

	.filter__controls {
		text-align: left;
		margin-bottom: 40px;
	}

	.filter__controls li {
		margin-right: 20px;
	}

	.discount__pic img {
		height: auto;
	}

	.discount__text {
		padding: 75px 40px 50px;
		height: auto;
	}

	.product__details__pic__left {
		height: auto;
	}

	.product__details__pic {
		margin-bottom: 30px;
	}

	.quantity {
		float: none;
		margin-right: 0;
	}

	.nav::before {
		display: none;
	}

	.nav::after {
		display: none;
	}

	.shop__cart__table {
		overflow-x: auto;
	}

	.shop__cart__table tbody tr .cart__product__item img {
		float: none;
		margin-right: 0;
	}

	.cart__btn {
		text-align: center;
		margin-bottom: 25px;
	}

	.cart__btn.update__btn {
		text-align: center;
	}

	.discount__content h6 {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.discount__content {
		margin-bottom: 35px;
	}

	.blog__sidebar {
		padding-left: 0;
		padding-top: 40px;
	}

	.contact__content {
		margin-bottom: 40px;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.categories__item.categories__large__item {
		padding-left: 30px;
	}

	.banner__text h1 {
		font-size: 45px;
	}

	.filter__controls li {
		margin-right: 5px;
		margin-bottom: 5px;
	}

	.discount__text {
		padding: 75px 0px 50px;
	}

	.footer__newslatter form {
		text-align: center;
	}

	.footer__newslatter form input {
		margin-bottom: 10px;
	}

	.footer__newslatter form button {
		position: relative;
		right: 0;
		top: 0;
	}

	.product__details__button .cart-btn {
		float: none;
		margin-right: 0;
	}

	.product__details__button ul {
		float: none;
	}

	.nav-item {
		margin-right: 20px;
	}

	.blog__details__item__title {
		margin-right: 30px;


	}

	.blog__comment__item.blog__comment__item--reply {
		padding-left: 0;
	}

	.blog__comment__item__text ul li {
		margin-right: 5px;
	}

	.primary-btn.load-btn {
		padding: 12px 50px 10px;
	}

	.blog__comment__item__pic {
		float: none;
		margin-bottom: 20px;
	}

	.discount__content form {
		width: 100%;
	}

	.search-model-form input {
		width: 100%;
		font-size: 24px;
	}
}

/* button*/
.view-btn {
	display: inline-block;
	padding: 12px 20px;
	/* 🔹 Button size → increase/decrease numbers */
	font-size: 13px;
	/* 🔹 Text size */
	font-weight: 300px;
	text-decoration: none;
	color: #030303;
	/* 🔹 Text color */
	background-color: #ffffff;
	/* 🔹 Button background color (green here) */
	border-radius: 6px;
	/* Rounded corners */
}

.view-btn:hover {
	background-color: #fcfdfc;
	/* 🔹 Hover color */
}

.view-btn-text {
	display: inline-block;
	font-size: 13px;
	font-weight: 300px;
	text-decoration: none;
	color: #030303;
	/* black text */
	background: none;
	/* no background */
	border: none;
	/* no border */
	text-transform: uppercase;
	margin-top: 5px;
}

.view-btn-text:hover {
	color: #000000;
	/* stays black */
}




/* Move category-2 logo */
/* More specific selector */
.categories__item .category-logoa {
	position: relative;
	top: -90px;
	left: 15px;

	width: 300px;
}

/* Move category-3 logo */
.categories__item .category-logob {
	position: relative;
	top: -70px;
	left: -5px;
}

/* Move category-4 logo */
.categories__item .category-logoc {
	position: relative;
	top: -70px;
	left: -20px;
}

/* Move category-5 logo */
.categories__item .category-logod {
	position: relative;
	top: -70px;
	left: -25px;
}




/* Move category-2 text */
.category-text-a {
	position: relative;
	top: 25px;
	/* Current adjustment for top */
	left: -170px;
	/* Current adjustment for left */
	width: 5000px;
	white-space: nowrap;
	font-size: small;

}

/* Move category-3 text */
.category-text-b {
	position: relative;
	top: 25px;
	/* Current adjustment for top */
	left: -239px;
	/* Current adjustment for left */
	width: 5000px;
	white-space: nowrap;
}

/* Move category-4 text */
.category-text-c {
	position: relative;
	top: 55px;
	/* Current adjustment for top */
	left: -180px;
	/* Current adjustment for left */
	width: 5000px;
	white-space: nowrap;
}

/* Move category-5 text */
.category-text-d {
	position: relative;
	top: 49px;
	/* Current adjustment for top */
	left: -275px;
	/* Current adjustment for left */
	width: 5000px;
	white-space: nowrap;
}

.btn h2 {
	margin: 0;
	padding: 0;
	font-weight: 500;
	margin-top: 70px;
}

.bisc {
	font-size: 15px;
	color: #e3c01c;
	margin: 0;
	/* Removes all margins from the star rating */
	line-height: 1;

	font-size: 13px;
	margin-right: 178px;
}

.view-product-button {
	background-color: transparent;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	padding: 0;
	/* Removes all padding from the button */
	cursor: pointer;
	margin: 0;
	/* Removes all margins from the button */

	padding: 10px 20px;
	margin-right: 120px;
}

/* Hide dropdown by default */
ul.dropdown {
	display: none;
	position: absolute;
	background: #fff;
	list-style: none;
	padding: 0;
	margin: 0;
	box-shadow: 0 4px 8px rgba(226, 224, 204, 0.788);
}

/* Show dropdown when hovering */
li.has-dropdown:hover>ul.dropdown {
	display: block;
}

/* Dropdown links styling */
ul.dropdown li {
	width: 180px;
}

ul.dropdown li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #e6e5e5;
}

ul.dropdown li a:hover {
	background: #f0f0f0;
}



/* About Us */


/*____________ABOUT US PAGE CSS START__________*/

.about-details {
	padding-top: 70px;
	padding-bottom: 50px;
}

.about__pic {
	overflow: hidden;
}

.about__pic__left {
	width: 22%;
	max-height: 574px;
	float: left;
	overflow-y: auto;
}

.about__pic__left .pt {
	display: block;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative;
}

.about__pic__left .pt::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	transition: all 0.3s;
}

.about__pic__left .pt.active::after {
	opacity: 0.3;
}

.about__pic__left .pt:last-child {
	margin-bottom: 0;
}

.about__pic__left .pt img {
	min-width: 100%;
}

.about__slider__content {
	width: calc(78% - 20px);
	float: left;
	margin-left: 20px;
}

.about__text h3 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.about__text h3 span {
	display: block;
	font-size: 14px;
	color: #444444;
	text-transform: none;
	font-weight: 400;
	margin-top: 5px;
}

.about__price {
	font-size: 30px;
	font-weight: 600;
	color: #D2AE6D;
	margin-bottom: 30px;
}



.about__company {
	margin-left: 22px;
	line-height: 2;
}

.about-company-title {
	font-size: 20px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 19px;
	margin-bottom: 10px;
}

/* Tabs section */
.about-tabs .nav::before,
.about-tabs .nav::after {
	display: none;
}

.about-tabs .nav-item {
	margin-right: 46px;
}

.about-tabs .nav-item:last-child {
	margin-right: 0;
}

.about-tabs .nav-item .nav-link {
	font-size: 18px;
	color: #666666;
	font-weight: 600;
	border: none;
	border-radius: 0;
	padding: 0;
}

.about-tabs .nav-item .nav-link.active {
	color: #111111;
}

.about-tabs .tab-content .tab-pane h6 {
	color: #666666;
	font-weight: 600;
	margin-bottom: 24px;
}

.about-tabs .tab-content .tab-pane p:last-child {
	margin-bottom: 0;
}

/*____________ABOUT US PAGE CSS END__________*/







/* .product-details {
	padding-top: 70px;
	padding-bottom: 50px;
}

.product__details__pic {
	overflow: hidden;
}

.product__details__pic__left {
	width: 22%;
	max-height: 574px;
	float: left;
	overflow-y: auto;
}

.product__details__pic__left .pt {
	display: block;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative;
}

.product__details__pic__left .pt::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.product__details__pic__left .pt.active::after {
	opacity: 0.3;
}

.product__details__pic__left .pt:last-child {
	margin-bottom: 0;
}

.product__details__pic__left .pt img {
	min-width: 100%;
}

.product__details__slider__content {
	width: calc(78% - 20px);
	float: left;
	margin-left: 20px;
}


.product__details__text h3 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
	
}

.product__details__text h3 span {
	display: block;
	font-size: 14px;
	color: #444444;
	text-transform: none;
	font-weight: 400;
	margin-top: 5px;
	
}

.product__details__price {
	font-size: 30px;
	font-weight: 600;
	color: #D2AE6D;
	margin-bottom: 30px;
}

.nav::before,
.nav::after {
    display: none;
}

.nav-item {
	margin-right: 46px;
}

.nav-item:last-child {
	margin-right: 0;
}

.nav-item .nav-link {
	font-size: 18px;
	color: #666666;
	font-weight: 600;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
}

.nav-item .nav-link.active {
	color: #111111;
}

.tab-content .tab-pane h6 {
	color: #666666;
	font-weight: 600;
	margin-bottom: 24px;
}

.tab-content .tab-pane p:last-child {
	margin-bottom: 0;
} */

/*company overview titile*/
/* .company-title {
    font-size: 20px;
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.tab-content .tab-pane h6 {
	color: #666666;
	font-weight: 600;
	margin-bottom: 24px;
}

.tab-content .tab-pane p:last-child {
	margin-bottom: 0;
}

.related__title h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
} */

/*____________about us page css end________________*/


/*--------------career and  apply form -css begin-----------*/

/* General container and layout */
.job-application-section {
	padding: 50px 0;
	background-color: #f0f2f5;
	display: flex;
	justify-content: center;
	align-items: center;
}

.form-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #ffffff;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	width: 100%;
	max-width: 900px;
}

/* Search bar and button */
.input-group {
	display: flex;
	width: 100%;
}

.form-control {
	border-radius: 10px 0 0 10px;
	border: 1px solid #ced4da;
	border-right: none;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	width: 100%;
}

.input-group-text {
	background-color: #ffffff;
	border: 1px solid #ced4da;
	border-left: none;
	border-radius: 0 10px 10px 0;
	padding-left: 5px;
	padding-right: 5px;
	display: flex;
	align-items: center;
}

#searchButton {
	background-color: #CB7371;
	color: #ffffff;
	border-radius: 10px;
	font-weight: 550;
	margin-left: -210px;
	border: none;
	padding: 0 20px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Job list items */
.job-list {
	background-color: #fff;
}

.view-job-btn {
	background-color: #CB7371;
	color: #ffffff;
	border: 1px solid #CB7371;
}

.btn-custom {
	background-color: #CB7371;
	color: #fff;
	border: 1px solid #B86765;
}

/* Form layout and fields */
.form-layout {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
	align-items: start;
}

.section-header {
	font-size: 1.5em;
	color: #333;
	margin-bottom: 20px;
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	padding-bottom: 10px;
}

.personal-info-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.form-field {
	display: flex;
	flex-direction: column;
}

.form-field label {
	font-size: 0.9em;
	color: #555;
	margin-bottom: 5px;
}

.form-field input,
.form-field select {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 1em;
	width: 100%;
	box-sizing: border-box;
}

.form-field select {
	appearance: none;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23888"><path d="M7 10l5 5 5-5z"/></svg>');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 1em;
	cursor: pointer;
}

/* File upload styles */
.btn-upload {
	background-color: #e0e0e0;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 6px 14px;
	font-size: 14px;
	cursor: pointer;
	transition: 0.3s;
	width: 150px;
}

.btn-upload:hover {
	background-color: #d6d6d6;
}

.file-status {
	font-size: 12px;
	color: #423f3f;
	margin-top: 5px;
	font-style: italic;
}

/* Submit button */
.submit-button-container {
	text-align: right;
	margin-top: 20px;
	margin-left: 360px;
}

.btn-submit {
	background-color: #CB7371;
	color: white;
	padding: 12px 25px;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	width: 150px;
	margin-top: -120px;
	transition: background-color 0.3s ease;
}

.btn-submit:hover {
	background-color: #CB7371;
}

.error {
	color: #dc3545;
}

/* Job details card */
.job-details-section {
	width: 100%;
	max-width: 400px;
	margin: 20px auto;
	font-family: Arial, sans-serif;
}

.job-details-card {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 25px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
	background-color: #fff;
}

.job-title {
	font-size: 20px;
	font-weight: bold;
	color: #CB7371;
	margin-bottom: 20px;
	border-bottom: 2px solid #ccc;
	padding-bottom: 10px;
}

.job-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 20px;
}

.job-info .label {
	font-weight: 500;
	color: #333;
}

.job-info .value {
	font-size: 14px;
	color: #777;
	line-height: 1.6;
}

.card-divider {
	border: none;
	height: 1px;
	background-color: #CB7371;
	margin: 20px 0;
}

.job-section h4 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
}

.job-section p {
	font-size: 14px;
	color: #777;
	line-height: 1.6;
}

/*--------------career and  apply form -css begin-----------*/

/* remove gap in the insex page */
.property__gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	/* align items to left */
	gap: 20px;
	/* space between items */
}

.property__gallery .mix {
	flex: 0 0 calc(25% - 20px);
	/* 4 items per row */
	max-width: calc(25% - 20px);
}

/* --------------------------------------------------------------------------------------------- */

/*  mobile responsive of index page*/
/* Mobile Responsive - Show 1 item per row */
/* ===== Product Section Mobile Responsive ===== */
@media (max-width: 576px) {

	/* Ensure product grid shows 1 per row */
	.property__gallery .col-lg-3,
	.property__gallery .col-md-4,
	.property__gallery .col-sm-6 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding: 10px;
		/* spacing around cards */
	}

	/* Product item box */
	.product__item {
		width: 100%;
		margin: 0 auto;
	}

	/* Product image */
	.product__item__pic {
		height: auto;
		min-height: 350px;
		/* keeps decent height */
		background-size: contain !important;
		/* show whole image */
		background-position: center !important;
	}

	/* Product text alignment */
	.product__item__text {
		text-align: center;
		padding: 10px 5px;
	}

	/* Product title */
	.product__item__text h6 a {
		font-size: 16px;
		display: block;
		margin-bottom: 8px;
	}

	/* View button */
	/* .view-btn {
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        border: 1px solid #333;
        border-radius: 4px;
        margin-top: 8px;
    } */
}



/* ------------------------------------------------------------------------------------------------ */













/* impact */


.product-details {
	padding-top: 70px;
	padding-bottom: 50px;
}

.product_details_pic {
	overflow: hidden;
}

.product_detailspic_left {
	width: 22%;
	max-height: 574px;
	float: left;
	overflow-y: auto;
}

.product_detailspic_left .pt {
	display: block;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative;
}

.product_detailspic_left .pt::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.product_detailspic_left .pt.active::after {
	opacity: 0.3;
}

.product_detailspic_left .pt:last-child {
	margin-bottom: 0;
}

.product_detailspic_left .pt img {
	min-width: 100%;
}

.product_detailsslider_content {
	width: calc(78% - 20px);
	float: left;
	margin-left: 20px;
}

.product_detailspic_slider.owl-carousel .owl-nav button {
	position: absolute;
	left: 10px;
	top: 50%;
	font-size: 22px;
	color: #111111;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	line-height: 44px;
	text-align: center;
	margin-top: -20px;
}

.product_detailspic_slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 10px;
}

.product_details_text h3 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.product_details_text h3 span {
	display: block;
	font-size: 14px;
	color: #444444;
	text-transform: none;
	font-weight: 400;
	margin-top: 5px;
}

.product_details_text .rating {
	margin-bottom: 16px;
}

.product_details_text .rating i {
	font-size: 12px;
	color: #e3c01c;
	margin-right: -4px;
}

.product_details_text .rating span {
	font-size: 12px;
	color: #666666;
	margin-left: 5px;
}

.product_details_text p {
	color: #444444;
	margin-bottom: 28px;
}





.quantity {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.quantity>span {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	float: left;
	margin-top: 14px;
	margin-right: 15px;
}

.pro-qty {
	height: 50px;
	width: 150px;
	border: 1px solid #ebebeb;
	border-radius: 50px;
	padding: 0 20px;
	overflow: hidden;
	display: inline-block;
}

.pro-qty .qtybtn {
	font-size: 14px;
	color: #666666;
	cursor: pointer;
	float: left;
	width: 12px;
	line-height: 46px;
}

.pro-qty input {
	font-size: 14px;
	color: #666666;
	font-weight: 500;
	border: none;
	float: left;
	width: 84px;
	text-align: center;
	height: 48px;
}

.product_details_button {
	overflow: hidden;
	margin-bottom: 25px;
}

.product_details_button .cart-btn {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	background: #ca1515;
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 30px 15px;
	border-radius: 50px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.product_details_button ul {
	float: left;
}

.product_details_button ul li {
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}

.product_details_button ul li:last-child {
	margin-right: 0;
}

.product_details_button ul li a {
	display: inline-block;
	height: 50px;
	width: 50px;
	border: 1px solid #ebebeb;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	padding-top: 1px;
}

.product_details_button ul li a span {
	font-size: 18px;
	color: #666666;
}

.product_details_widget {
	border-top: 1px solid #ebebeb;
	padding-top: 35px;
}

.product_details_widget ul li {
	list-style: none;
	margin-bottom: 10px;
}

.product_details_widget ul li:last-child {
	margin-bottom: 0;
}

.product_details_widget ul li span {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #666666;
	width: 150px;
	float: left;
}

.product_detailswidget ul li .stock_checkbox {
	overflow: hidden;
}

.product_detailswidget ul li .stock_checkbox label {
	display: block;
	padding-left: 20px;
	font-size: 14px;
	color: #666666;
	position: relative;
	cursor: pointer;
}

.product_detailswidget ul li .stock_checkbox label input {
	position: absolute;
	visibility: hidden;
}

.product_detailswidget ul li .stock_checkbox label input:checked~.checkmark {
	border-color: #ca1515;
}

.product_detailswidget ul li .stock_checkbox label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.product_detailswidget ul li .stock_checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 5px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.product_detailswidget ul li .stock_checkbox label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.product_detailswidget ul li .color_checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-right: 20px;
}

.product_detailswidget ul li .color_checkbox label.active input~.checkmark:after {
	border-color: #ffffff;
	opacity: 1;
}

.product_detailswidget ul li .color_checkbox label:last-child {
	margin-right: 0;
}

.product_detailswidget ul li .color_checkbox label input {
	position: absolute;
	visibility: hidden;
}

.product_detailswidget ul li .color_checkbox label input:checked~.checkmark:after {
	border-color: #ffffff;
	opacity: 1;
}

.product_detailswidget ul li .color_checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: -10px;
	height: 20px;
	width: 20px;
	background: #e31e2f;
	border-radius: 50%;
	content: "";
}

.product_detailswidget ul li .color_checkbox label .checkmark.black-bg {
	background: #111111;
}

.product_detailswidget ul li .color_checkbox label .checkmark.grey-bg {
	background: #e4aa8b;
}

.product_detailswidget ul li .color_checkbox label .checkmark:after {
	position: absolute;
	left: 3px;
	top: 5px;
	width: 13px;
	height: 6px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.product_detailswidget ul li .size_btn label {
	font-size: 14px;
	color: #666666;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 0;
}

.product_detailswidget ul li .size_btn label:last-child {
	margin-right: 0;
}

.product_detailswidget ul li .size_btn label.active {
	color: #ca1515;
}

.product_detailswidget ul li .size_btn label input {
	position: absolute;
	visibility: hidden;
}

.product_details_widget ul li p {
	margin-bottom: 0;
	color: #666666;
}

.product_details_tab {
	padding-top: 80px;
	margin-bottom: 65px;
}

.nav {
	border-bottom: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	margin-bottom: 40px;
}

/* /changed by gayathri/ */
.nav::before,
.nav::after {
	content: none;
}


.nav-item {
	margin-right: 46px;
}

.nav-item:last-child {
	margin-right: 0;
}

.nav-item .nav-link {
	font-size: 18px;
	color: #666666;
	font-weight: 600;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
}

.nav-item .nav-link.active {
	color: #111111;
}

.tab-content .tab-pane h6 {
	color: #666666;
	font-weight: 600;
	margin-bottom: 24px;
}

.tab-content .tab-pane p:last-child {
	margin-bottom: 0;
}

.related__title h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
}




/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PARTNERS PAGE */



/* index pg------ top partners-- logo and and text*/


/* Move category-2 logo */
/* More specific selector */
.categories__item .category-logoa {
	position: relative;
	top: -90px;
	left: 15px;

	width: 300px;
}

/* Move category-3 logo */
.categories__item .category-logob {
	position: relative;
	top: -70px;
	left: -5px;
}


/* Move category-4 logo */
.categories__item .category-logoc {
	position: relative;
	top: -70px;
	left: -20px;
}

/* Move category-5 logo */
.categories__item .category-logod {
	position: relative;
	top: -70px;
	left: -25px;
}




/* Move category-2 text */
.category-text-a {
	position: relative;
	top: 25px;
	/* Current adjustment for top */
	left: -170px;
	/* Current adjustment for left */
	width: 5000px;
	white-space: nowrap;
	font-size: small;

}

/* Move category-3 text */
.category-text-b {
	position: relative;
	top: 25px;
	/* Current adjustment for top */
	left: -239px;
	/* Current adjustment for left */
	width: 5000px;
	white-space: nowrap;
}

/* Move category-4 text */
.category-text-c {
	position: relative;
	top: 55px;
	/* Current adjustment for top */
	left: -180px;
	/* Current adjustment for left */
	width: 5000px;
	white-space: nowrap;
}

/* Move category-5 text */
.category-text-d {
	position: relative;
	top: 49px;
	/* Current adjustment for top */
	left: -275px;
	/* Current adjustment for left */
	width: 5000px;
	white-space: nowrap;
}

.btn h2 {
	margin: 0;
	padding: 0;
	font-weight: 500;
	margin-top: 70px;
}



/* index pg------ orenge cookies button----stars*/
.bisc {
	font-size: 15px;
	color: #e3c01c;
	margin: 0;
	/* Removes all margins from the star rating */
	line-height: 1;

	font-size: 13px;
	margin-right: 178px;
}



/* index pg------ orenge cookies button*/
.view-product-button {
	background-color: transparent;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	padding: 0;
	/* Removes all padding from the button */
	cursor: pointer;
	margin: 0;
	/* Removes all margins from the button */

	padding: 10px 20px;
	margin-right: 120px;
}





/* /partners-pg----cake varities-- button and image/ */
.view-product-button-a {

	border-radius: 10px;
	background-color: transparent;
	color: black;
	font-weight: 200;
	text-transform: uppercase;
	border: none;
	padding: 0;
	/* Removes all padding from the button */
	cursor: pointer;
	margin: 0;
	/* Removes all margins from the button */
	padding: px 20px;
	margin-right: 120px;
}







.new-btn {
	display: inline-block;
	padding: 10px 10px;
	border-radius: 6px;
	background: #ffffff;
	color: #040404;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
	margin-right: 50px;
	/*  shift button to the right */


}





.partner-logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	/* equal space between logo + separator groups */
	padding-top: 70px;
	/* ⬅ add space above logos */
}

.partner-logos a {
	display: flex;
	align-items: center;
	padding: 0 15px;
	/* equal padding left & right */
	border-right: 1px solid #555;
}

.partner-logos a:last-child {
	border-right: none;
	/* remove line from last logo */
}

.partner-logos img {
	max-height: 60px;
	/* make all logos uniform height */
	width: auto;
	display: block;

}







.partner-logos img[alt="Our Esteemed Brand Partners Logo"] {
	margin-right: 154px;
	/* push logos away */
	margin-left: 5px;
	/* move this one left */
}




/* 📱 Mobile view override */
@media (max-width: 768px) {
	.partner-logos img[alt="Our Esteemed Brand Partners Logo"] {
		margin-left: -50px;
		/* move right */
		margin-right: 0;
		/* reset if needed */
	}
}




.partner-logos img:not([src*="brandpartners.png"]) {
	margin-left: -9px;

}


.partner-logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 10px 20px;
	/* smaller padding so it sits closer */
	background: #fff;

	position: static !important;
	top: 0;
	/* stick to very top of viewport */
	margin-top: 0;
	/* prevent gap above */
	z-index: 1000;
	/* stay above content */
}


/* 📱 Mobile: remove separators */
@media (max-width: 768px) {
	.partner-logos a {
		border-right: none !important;
		padding: 0 10px;
		/* reduce spacing a bit for mobile */
	}
}











.blog_sidebar_item ul li a {
	text-decoration: none;
	color: #444;
	font-size: 14px;

}

/* 📱 Mobile view (stack vertically) */
@media (max-width: 768px) {
	.partner-logos {
		flex-direction: column;
		/* stack one below the other */
		align-items: center;
		/* center logos horizontally */
		gap: 20px;
		/* vertical spacing */
	}

	.partner-logos a {
		border-right: none;
		/* remove right border in mobile */
		padding: 0;
	}

	.partner-logos img {
		max-width: 100%;
		height: auto;
		object-fit: contain;
		display: block;
	}

}

@media (max-width: 768px) {
	.partner-logos a[data-partner="defence"] {
		display: block;
		/* make link take full width */
		width: 80%;
		text-align: center;
		/* center inline content if needed */
	}

	.partner-logos a[data-partner="defence"] img {
		display: block;
		/* block for margin auto to work */
		margin: 0 auto;
		/* center the image */
		height: auto;
		/* maintain aspect ratio */
		object-fit: contain;
		/* prevent cropping */
		max-height: 250px;
		/* optional height limit */
	}
}





/* Hover effect */



.blog_sidebar_item ul {
	list-style: none;
	/* remove bullets if not needed */
	padding: 0;
	margin: 0;
}

.blog_sidebar_item ul li {
	margin-bottom: 6px;
	/* reduce space between items */
	line-height: 1.6;
	/* tighten line spacing */
}

.blog_sidebar_item ul li a {
	text-decoration: none;
	font-size: 16px;
	color: #333;
	display: block;
}

/* -------------------------------------------------------------------------------------------------------- */

/* Mobile view of partners page: left-align cake varieties heading */
@media (max-width: 768px) {
	h4 {
		margin-left: 2px !important;
		/* push a little from edge if needed */
		text-align: left !important;
		/* ensure text aligns left */
	}
}


@media (max-width: 768px) {

	/* Image */
	.blog__feature__item__pic img.cake-circle {
		margin-left: 4px;
	}

	/* Text container (name + button) */
	.blog__feature__item__text {
		margin-left: 10px;
		/* consistent spacing */
		margin-right: 10px;
		overflow: visible;
		/* ensure nothing gets cut */
		margin-top: 1out5px;
	}

	/* Cake name */
	.blog__feature__item__text span {
		display: block;
		margin: 0;
		padding: 0;
	}

	/* Button */
	.blog__feature__item__text .new-btn {
		display: block;
		margin: 5px 0 0 0;
		/* only top spacing */
		padding: 0;
		/* reset padding */
	}
}




/* ------------------------------------------------------------------------------- */


/* ---Mobile responsive of about page-------- */

@media (max-width: 768px) {
	.nav-tabs {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		/* Firefox */
		padding-left: 100px;
		/* ✅ fixes the cut-off of "MISSION" */
	}

	.nav-tabs::-webkit-scrollbar {
		display: none;
		/* Chrome, Safari, Opera */
	}

	.nav-tabs .nav-item {
		flex: 0 0 auto;
	}

	.nav-tabs .nav-link {
		white-space: nowrap;
	}
}




/* ------------------------------------------------------------------------------------ */

/* brand page make closer if 2 images available */
/* .product__row {
    display: flex;
    justify-content: left;
    gap: 10px; space between products */
/* flex-wrap: wrap;
} */


/* reciepe page image centre */
/* Default (desktop) */
.leftproduct {
	margin-left: 250px;
}

/* Tablet screens */
@media (max-width: 991px) {
	.leftproduct {
		margin-left: 100px;
	}
}

/* Mobile screens */
@media (max-width: 768px) {
	.leftproduct {
		margin-left: 0;
		padding: 0 15px;
		/* give breathing space on sides */
	}

	.product__item {
		margin-bottom: 20px;
	}

	.product__item__text h6 a {
		font-size: 14px;
	}

	.view-btn {
		display: block;
		text-align: center;
		font-size: 14px;
		padding: 8px 12px;
	}
}

/* Extra small phones */
@media (max-width: 480px) {
	.product__item__text h6 a {
		font-size: 12px;
	}

	.banner__text h1 {
		font-size: 22px;
	}

	.banner__text h2 {
		font-size: 16px;
	}

	.services__item {
		margin-bottom: 20px;
		text-align: center;
	}

	.services__item img {
		width: 50px;
		height: auto;
	}
}