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

    Template Name: taj-ecommerce-bootstrap-template 
    Template URI: 
    Description: This is html5 template
    Author: BootExperts
    Author URI: 
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1.	Theme Default CSS (body, link color, section etc)
	2.	Header Top CSS
	3.	Heade BOttom CSS
	4.	slider CSS
	5.	New Product Area
	6.	Section CSS
	7.	New Trend CSS
	8.	New Collection CSS
	9.	Featured CSS
	10.	Blog CSS
	11.	Testimonial CSS
	12.	Brand CSS
	13.	Footer Top Area CSS
	14.	Footer CSS
	15.	ScrollUp CSS
	16.	About Page CSS
	17.	Team Member CSS
	18.	Shop Page CSS
	19.	Shop List CSS
	20.	Single Product Page CSS
	21.	Wishlist CSS
	22.	Cart Page CSS
	23.	Checkout Page CSS
	24.	Contact Us CSS
	25.	Login CSS
	26.	My Account CSS
	27.	404 page css


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

/*----------------------------------------*/
/*  1.	Theme default CSS
/*----------------------------------------*/
html, body {
	height: 100%;
	overflow-y: auto;
	scroll-behavior: smooth;
	background-color: #121212;
	color: white;
}

/* 📏 Match right panel height to left panel */
.dashboard-container {
	display: flex;
	flex-wrap: wrap;
}

	.dashboard-container .left-panel,
	.dashboard-container .right-panel {
		display: flex;
		flex-direction: column;
	}
[dir="rtl"].header-bottom pull-right {
	float: left !important;
}
[dir="rtl"] .header-top-menu {
	float: left !important;
}


@media (min-width: 992px) {
	.dashboard-container .right-panel {
		height: auto;
	}

	.dashboard-container .left-panel {
		height: auto;
	}

	.dashboard-container .right-panel video,
	.dashboard-container .hero-overlay {
		height: 100%;
		object-fit: cover;
	}

	.dashboard-container .right-panel {
		display: flex;
	}
}
/* 📏 Match right panel height to left panel */
.dashboard-container {
	display: flex;
	flex-wrap: wrap;
}

	.dashboard-container .left-panel,
	.dashboard-container .right-panel {
		display: flex;
		flex-direction: column;
	}

@media (min-width: 992px) {
	.dashboard-container .right-panel {
		height: auto;
	}

	.dashboard-container .left-panel {
		height: auto;
	}

	.dashboard-container .right-panel video,
	.dashboard-container .hero-overlay {
		height: 100%;
		object-fit: cover;
	}

	.dashboard-container .right-panel {
		display: flex;
	}
}

/* 💡 Ensure text color is visible in dark background cards */
#gold-ounce-price,
#gold-ounce-change,
#silver-kilo-price {
	color: #fff !important;
}
/* Make scrollbar always visible on supported browsers */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: #1e1e1e;
}

::-webkit-scrollbar-thumb {
	background-color: #777;
	border-radius: 10px;
	border: 2px solid #1e1e1e;
}

	::-webkit-scrollbar-thumb:hover {
		background-color: #aaa;
	}

/* Firefox */
body {
	scrollbar-width: thin;
	scrollbar-color: #777 #1e1e1e;
}
/* Logical direction-based styling */
[dir="rtl"] {
	direction: rtl;
	unicode-bidi: embed;
}

	[dir="rtl"] .text-start {
		text-align: right !important;
	}

	[dir="rtl"] .text-end {
		text-align: left !important;
	}

	[dir="rtl"] .float-start {
		float: right !important;
	}

	[dir="rtl"] .float-end {
		float: left !important;
	}



	[dir="rtl"] .ms-auto {
		margin-left: auto !important;
	}

	[dir="rtl"] .me-auto {
		margin-right: auto !important;
	}

	[dir="rtl"] .ps-3 {
		padding-right: 1rem !important;
	}

	[dir="rtl"] .pe-3 {
		padding-left: 1rem !important;
	}

	/* Reverse Flex or Grid if needed */
	[dir="rtl"] .flex-row {
		flex-direction: row-reverse !important;
	}



html, body {
	height: 100%;
}


/* Logical float replacements */
.floatleft {
	float: inline-start;
}

.floatright {
	float: inline-end;
}

.alignleft {
	float: inline-start;
	margin-inline-end: 15px;
	margin-bottom: 15px;
}

.alignright {
	float: inline-end;
	margin-inline-start: 15px;
	margin-bottom: 15px;
}

/* Logical margin replacements */
.first-margin {
	margin-inline-end: 10px;
}

/* Header cart span direction fix */
[dir="rtl"] .header-cart-link span {
	left: -10px;
	right: auto;
}

/* Text alignment */
.product-details {
	text-align: start;
}

/* Logical padding fix */
.padding-left {
	padding-inline-start: 5px;
}

/* Cart image spacing */
.cart_single img {
	float: inline-start;
	margin-inline-end: 8px;
}

/* ✅ RTL Compatible CSS Conversion (Including Header Section) */

/* Logical float replacements */
.floatleft {
	float: inline-start;
}

.floatright {
	float: inline-end;
}

.alignleft {
	float: inline-start;
	margin-inline-end: 15px;
	margin-bottom: 15px;
}

.alignright {
	float: inline-end;
	margin-inline-start: 15px;
	margin-bottom: 15px;
}

/* Logical margin replacements */
.first-margin {
	margin-inline-end: 10px;
}

/* Header cart span direction fix */
[dir="rtl"] .header-cart-link span {
	left: -10px;
	right: auto;
}

/* Header logo RTL alignment */
[dir="rtl"] .header-logo > a {
	float: inline-start;
	display: block;
	margin-top: 6px;
}

/* Main menu RTL support */
[dir="rtl"] .mainmenu nav ul li {
	padding: 25px 20px 0px 0px;
}

[dir="rtl"] .mainmenu ul.sub-menu {
	left: auto;
	right: -48px;
	text-align: right;
}

[dir="rtl"] .mainmenu ul#nav li ul.sub-menu > li a,
[dir="rtl"] .mainmenu ul#nav li .megamenu span > a {
	text-align: right;
}

/* Header cart alignment for RTL */
[dir="rtl"] .header-cart {
	margin: 15% 0% 0% 30%;
}

	/* Mobile menu toggle RTL support */
	[dir="rtl"] .header-cart.pull-right {
		float: Left !important;
	}
	

/* RTL fix for inline product layout in cart dropdown */
[dir="rtl"] .cart_single {
	flex-direction: row-reverse;
}

	[dir="rtl"] .cart_single div[style*="padding-left"] {
		padding-left: 0 !important;
		padding-right: 10px !important;
	}

/* Text alignment */
.product-details {
	text-align: start;
}

/* Logical padding fix */
.padding-left {
	padding-inline-start: 5px;
}

/* Cart image spacing */
.cart_single img {
	float: inline-start;
	margin-inline-end: 8px;
}

/* Direction-specific layout logic */
[dir="rtl"] {
	direction: rtl;
}

	[dir="rtl"] .text-start {
		text-align: right !important;
	}

	[dir="rtl"] .text-end {
		text-align: left !important;
	}

	[dir="rtl"] .float-start {
		float: right !important;
	}

	[dir="rtl"] .float-end {
		float: left !important;
	}

/* You can apply the same pattern to other elements as needed */

/* Note: This includes the RTL logic specifically for the header layout you pasted. Extend this pattern for other areas. */


/*.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}*/
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid;text-decoration:none;}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
}
a {
	transition: all 0.3s ease 0s;
	text-decoration: none;
	color: black;
}
a:hover {
  color: #e2b846;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.clear{clear:both}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
	color:#353535;
}
body {
	color: #767676;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #787c7c;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #121212;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.section-padding {
  padding: 100px 0;
}
.section-padding-2 , .contact-form-area {
  padding-bottom: 80px;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.mobile-menu , #ship-box-info , .mobile-menu-area{
  display: none;
}
/*----------------------------------------*/
/*  2.	Header Top CSS
/*----------------------------------------*/
.header-top, .offer, .shop-tab-pill .shop-pagination ul li a:hover, .indicator-style-3.owl-theme .owl-controls .owl-page span, .cart_shoptings a:hover {
	background: #444444 none repeat scroll 0 0;
}
.header-top-message{}
.header-top {
  color: #ffffff;
  line-height: 1;
  padding: 10px 0;
}
.header-top-message > span:first-child {
  margin-right: 20px;
}
.header-top-message span i {
  margin-right: 5px;
}
.header-top-menu > ul > li {
  display: inline-block;
  padding-left: 10px;
  position: relative;
}
.ht-menu-down {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #f7f4f3;
  left: 0;
  list-style: outside none none;
  opacity: 0;
  padding-left: 0;
  position: absolute;
  top: 197%;
  transition: all 0.5s ease 0s;
  visibility: hidden !important;
  z-index: 1;
}
.header-top-menu ul li:hover .ht-menu-down {
  opacity: 1;
  visibility: visible !important;
  z-index: 9999999;
}
.header-top-menu ul li .ht-menu-down li a:hover {
  background-color: #3c3c3c;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.ht-menu-down li {
  float: none;
  margin-right: 0;
  width: 100%;
}
.header-top-menu ul li .ht-menu-down li a {
  color: #3c3c3c;
  padding: 7px 27px;
}
.header-top-menu ul li a {
  color: #ffffff;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
/*----------------------------------------*/
/*  3.	Heade BOttom CSS
/*----------------------------------------*/

.header-bottom {
	background: #f6f0ec none repeat scroll 0 0;
	/*margin: 1% 0% 1% 0%;*/
}
.mainmenu nav ul li {
	display: inline-block;
	line-height: 1;
	padding: 25px 0px 0px 20px;
	position: relative;
	color: Black;
}
.mainmenu nav ul li a {
  font-size: 16px;
  text-transform: uppercase;
}
.header-cart > a {
  display: block;
  line-height: 1;
}
.mainmenu ul.sub-menu {
	background: #f6f0ec none repeat scroll 0 0;
	box-shadow: 2px 0 7px 0 rgba(0, 0, 0, 0.13);
	left: -48px;
	margin: 0;
	opacity: 0;
	padding: 15px 15px 24px 30px;
	position: absolute;
	text-align: left;
	top: 86px;
	transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 215px;
	z-index: -9;
}
.mainmenu ul#nav li ul.sub-menu > li {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.mainmenu ul#nav li ul.sub-menu > li a, .mainmenu ul#nav li .megamenu span > a {
  border-bottom: 1px dotted #efefef;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  padding: 0;
  text-align: left;
  text-transform: capitalize;
}
.mainmenu > nav > ul#nav > li:hover ul.sub-menu, .mainmenu ul#nav li:hover .megamenu {
  margin-top: 0;
  opacity: 1;
  top: 100%;
  transform: scaleY(1);
  visibility: visible;
  z-index: 999;
}
.header-cart {
	margin: 24% 20% 0% -8%;
	position: relative;
}
.header-cart-link i {
	color: #1b0303;
	font-size: 25px;
	position: relative;
}
.header-cart-link span {
  background: #e2b846 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  height: 22px;
  line-height: 22px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -2px;
  width: 22px;
}
[dir="rtl"] .header-logo > a {
	float: inline-end;
	display: block;
	margin-top: 6px;
}

.cart_down_area {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  opacity: 0;
  position: absolute;
  right: 0;
  top: 104%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 250px;
  z-index: 9999999;
}
.header-cart ul li:hover .cart_down_area {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.cart_single {
  margin-bottom: 30px;
  padding: 10px;
}
.cart_down_area .cart_single a , .check-out-area #review-buttons-container .btn-default , .check-out-area .buttons-set .btn-default , .indicator-style.owl-theme .owl-controls .owl-buttons div:last-child {
  margin: 0;
}
.cart_single img {
  float: left;
  margin-right: 8px;
}
.cart_down_area .cart_single h2 {
  font-family: arial;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  padding: 5px 0;
}
.cart_down_area .cart_single a {
  color: #888888;
  margin: 0;
}
.cart_down_area .cart_single span {
  color: #e2b846;
  float: right;
  font-size: 14px;
}
.cart_down_area a span i , .padding-right {
  padding-right: 5px;
}
.cart_down_area .cart_single p {
  color: #888888;
  font-family: arial;
  font-size: 15px;
  font-weight: normal;
  margin: 0;
}
.cart_shoptings {
  padding: 0 10px 10px;
}
.cart_shoptings a {
  background: #afafaf none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  font-size: 14px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s linear 0s;
}
/*----------------------------------------*/
/*  4.	slider CSS
/*----------------------------------------*/
.layer-1-1 .title-1 {
  animation: 0.8s ease-in-out 1s normal backwards 1 running fadeInUp;
  border-width: 0;
  color: #ffffff;
  font-family: lato;
  font-size: 50px;
  font-weight: 300;
  left: 115.5px;
  letter-spacing: 0;
  line-height: 62px;
  margin: 0;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-transform: uppercase;
  top: 65px;
  transform: translate3d(0px, 0px, 0px);
  visibility: visible;
  white-space: nowrap;
  z-index: 5;
}
.layer-1-2 .title-2 {
  animation: 0.8s ease-in-out 2.5s normal backwards 1 running fadeInRight;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ffffff;
  bottom: 26%;
  color: #ffffff;
  font-family: lato;
  font-size: 22px;
  font-weight: 600;
  left: 115.5px;
  letter-spacing: 0;
  line-height: 25px;
  margin: 0;
  min-height: 0;
  min-width: 0;
  padding: 13px 40px;
  position: absolute;
  text-transform: uppercase;
}
.layer-1-2 a.title-2:hover {
  background: #e2b846 none repeat scroll 0 0;
  border: 1px solid #e2b846;
}
/*----------------------------------------*/
/*  5.	New Product Area
/*----------------------------------------*/
.col-50{width: 50%;float: left;}
.padding-left{padding-left: 5px;}
.new-product-top {
  padding-top: 30px;
}
.overlay-content h3 {
  font-size: 16px;
  left: 20px;
  line-height: 20px;
  position: absolute;
  top: 20px;
}
.cart_down_area .cart_single a:hover , .check-register.login-button > a:hover , .wishlist-table-area .t-product-name h3 a:hover , .wishlist-table-area .product-edit p a:hover , .product-cart p a:hover , .product-remove > a:hover , .icolor , .widget-shop-by .sidebar-menu li:hover span:not(.widget-hover) , .breadcrumbs a:hover , .footer-list a:hover , .testimonial-text > a:hover , .color , .overlay-content h2:hover , .overlay-content h4:hover , .left-content h2:hover{
  color: #e2b846;
}
.single-top-product > img , .new-trend-list .col-md-4 , .featured-product-list .col-md-3 , .blog-list .col-md-4 , .single-new-trend img , .single-new-trend img{
  width: 100%;
}
.single-top-product {
  margin-bottom: 10px;
  position: relative;
}
.btn-product {
	border: 1px solid #767676;
	bottom: 20px;
	left: 20px;
	padding: 10px 25px;
	position: absolute;
	text-transform: uppercase;
	font-weight: 700;
	transition: .3s;
}
.btn-product:hover {
	border: 1px solid #E2B846;
	background: #E2B846;
	color: #fff;
}
button.price-offer {
  background: #555555 none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  height: 66px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 66px;
}
.single-top-product:last-child {
  margin-bottom: 0;
}
/*----------------------------------------*/
/*  6.	Section CSS
/*----------------------------------------*/
.section-title::after {
	/*background: white url("img/title.png") no-repeat scroll 0 0;*/
	content: "";
	height: 18px;
	margin-left: -195px;
	position: absolute;
	width: 390px;
	display:none;
}
.section-title {
  color: white;
  position: relative;
  text-align: center;
/*  background-image:url('../image/dashboardimage.jpg');*/
 
}
.section-title h2 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
/*----------------------------------------*/
/*  7.	New Trend CSS
/*----------------------------------------*/
.new-trend-list , .featured-product-list , .blog-list , .brand-list , .our-team-list {
  margin-top: 62px;
}
.single-new-trend {
  display: inline-block;
  position: relative;
  transition: all 0.3s ease 0s;
}
.single-new-trend > a , .product-tabs a , .widget-image > a , .single-brand > a , .blog-img > a{
  display: block;
}
.single-new-trend:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.overlay-content h2 {
  color: #5a5a5a;
  font-size: 22px;
  font-weight: 700;
  left: 10px;
  position: absolute;
  top: 10px;
  transition: all 0.3s ease 0s;
}
.btn-small {
  background: #e2b846 none repeat scroll 0 0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 10px;
  position: absolute;
  right: 10px;
  text-align: center;
  text-transform: uppercase;
  top: 10px;
}
.overlay-content a.btn-small:hover , a.cart-btn:hover , .shop-tab-pill .shop-pagination ul li a:hover i , .tag-list a:hover , .breadcrumbs a , .breadcrumbs span , .testimonial-text , .product-action li a:hover i {
  color: #fff;
}
.product-action li i {
  color: #767676;
  font-size: 18px;
}
.product-action a {
	border: 1px solid #ddd;
	display: block;
	height: 42px;
	line-height: 38px;
	text-align: center;
	width: 42px;
	background-color: #f1f1f1;
}


.product-action .btnde {
	border: 1px solid #ddd;
	display: block;
	height: 42px;
	line-height: 38px;
	text-align: center;
	width: 42px;
}
.product-action > ul , #checkout-review-table thead , .single-brand {
  text-align: center;
}
.product-action li , .all-adress-info , .product-attributes > span , .left-content span , .shop-tab-pill ul li , .team-member > a , .footer-left > a {
  display: inline-block;
}
.overlay-content .product-action {
  bottom: 75px;
  left: 40%;
  position: absolute;
}
.product-action a:hover {
  background: #e2b846 none repeat scroll 0 0;
  border: 1px solid #e2b846;
  color: #fff !important;
}
.overlay-content h4 {
  bottom: 10px;
  color:#fff;
  font-size: 15px;
  font-weight: 700;
  left: 10px;
  margin: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
}
.pro-rating {
  bottom: 10px;
  position: absolute;
  right: 10px;
}
.pro-rating i {
  cursor: pointer;
}
.indicator-style .owl-buttons {
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	width: 100%;
	display: flex;
	justify-content: space-between;
	z-index: 10;
	pointer-events: none; /* to avoid blocking slider content clicks */
}

.indicator-style .owl-prev,
.indicator-style .owl-next {
	width: 30px;
	height: 30px;
	background-color: gold;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	pointer-events: auto;
}

	.indicator-style .owl-prev:hover,
	.indicator-style .owl-next:hover {
		background-color: rgba(0, 0, 0, 0.6);
	}

/*.indicator-style .owl-buttons {*/
	/*position: absolute;*/
	/*  right: 15px;*/
	/*top: 30%;
  z-index: 99999;*/
	/*position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	z-index: 10;
	background-color: #00000000;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
}
.indicator-style .owl-theme .owl-controls {
  margin-top: 0;
}
	.indicator-style.owl-theme .owl-controls .owl-buttons div {
		background: rgb(255 255 255) none repeat scroll 0 0;
		border: 1px solid #7f7f7f;
		border-radius: 2px;
		color: #7f7f7f;
		display: inline-block;
		height: 23px;
		line-height: 20px;
		margin: 0 5px 0 0;
		opacity: 1;
		padding: 0;
		text-align: center;
		transition: all 0.3s ease 0s;
		width: 23px;
	}
.indicator-style.owl-theme .owl-controls .owl-buttons i , .indicator-style2 .owl-buttons i {
  font-size: 10px;
}
.indicator-style.owl-theme .owl-controls .owl-buttons div:hover , .indicator-style2.owl-theme .owl-controls .owl-buttons div:hover {
  border: 1px solid #121212;
  color: #121212;
}*/
/*----------------------------------------*/
/*  8.	New Collection CSS
/*----------------------------------------*/
.new-collection-area {
  background: rgba(0, 0, 0, 0) url("img/new-product/new-collection-bg.jpg") no-repeat fixed center center / cover ;
}
.new-collection-info {
	padding: 95px 0;
	color:#fff;
}
.new-collection-info h2 {
  font-size: 40px;
  margin-bottom: 30px;
}
.btn-bg:hover , .our-skill-accordion .panel-group .panel-heading + .panel-collapse > .panel-body, .our-skill-accordion .panel-group .panel-heading + .panel-collapse > .list-group {
  border: medium none;
}
.new-collection-info > p {
  margin-bottom: 70px;
}
/*----------------------------------------*/
/*  9.	Featured CSS
/*----------------------------------------*/
.featured-product-list .overlay-content h2 {
	font-size: 18px;
	left: 20px;
}
.featured-product-list .overlay-content .product-action {
  bottom: 45px;
}
.featured-product-list .product-action li i {
  color: #767676;
  font-size: 14px;
}

.featured-product-list .product-action a {
  height: 28px;
  line-height: 26px;
  width: 28px;
}
.featured-product-list .overlay-content h4 {
  left: 20px;
}
/*----------------------------------------*/
/*  10.	Blog CSS
/*----------------------------------------*/
.blog-area {
  margin-bottom: 0px;
}
.blog-img , .widget.widget-image img , .single-blog , .read-more a{
  position: relative;
}
.blog-date {
  background: #e2b846 none repeat scroll 0 0;
  bottom: -10px;
  color: #fff;
  display: block;
  height: 64px;
  line-height: 64px;
  position: absolute;
  right: 20px;
  width: 64px;
  z-index: 9;
}
.blog-date > h2 {
  font-size: 20px;
  margin-bottom: 0;
  margin-left: -10px;
  margin-top: 9px;
  position: relative;
  text-align: center;
}
.blog-date span {
  font-size: 16px;
  position: absolute;
  right: -8px;
  top: 14px;
  transform: rotate(-90deg);
}
.blog-content-info > h3 {
  color: #5a5a5a;
  font-size: 14px;
  margin-top: 13px;
  font-weight: 600;
  text-transform: uppercase
}
.blog-content-info {
  border: 1px solid #bcbbbb;
  overflow: hidden;
  padding: 15px;
  background: #fff;
}
.blog-content-info > p {
  color: #5a5a5a;
  font-size: 13px;
  margin-bottom: 50px;
}
.post-author {
  color: #666666;
  font-size: 12px;
  margin-right: 15px;
}
.comment {
  font-size: 12px;
  color: #666666;
}
.comment i {
  margin-right: 8px;
}
.comment strong {
  font-size: 13px;
}
.read-more a::before {
  background: #e2b846 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
}
.blog-img::after {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in 0s;
  width: 0;
  z-index: 1;
}
.single-blog:hover .blog-img::after {
  height: 100%;
  width: 100%;
}
.blog-img:hover::after {
  height: 100%;
  width: 100%;
}
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}
.owl-theme .owl-controls {
  margin-top: 0px;
}
/*----------------------------------------*/
/*  11.	Testimonial CSS
/*----------------------------------------*/
.testimonial-area{background: rgba(0, 0, 0, 0) url("img/testimonial/testimonial-bg.jpg") no-repeat fixed center center / cover ;}
.testimonial-text h2 {
  font-size: 24px;
  font-weight: 700;
}
.support-img > img {
  border: 2px solid #e2b846;
}
.testimonial-text > a::before {
  background: #fff none repeat scroll 0 0;
  bottom: -8px;
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
}
.testimonial-text > a {
  color: #fff;
  float: right;
  font-style: italic;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
  width: 155px;
}
/*----------------------------------------*/
/*  12.	Brand CSS
/*----------------------------------------*/
.indicator-style2.owl-theme .owl-controls {
  margin-top: 0;
}
.indicator-style2.owl-theme .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #7f7f7f;
  border-radius: 2px;
  color: #7f7f7f;
  display: inline-block;
  height: 23px;
  left: 0;
  line-height: 20px;
  margin: -10px 0 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease 0s;
  width: 23px;
}
.indicator-style2.owl-theme .owl-controls .owl-buttons div.owl-next {
  left: auto;
  right: 0;
}
.indicator-style2:hover .owl-buttons div {
  opacity: 1 !important;
}
/*----------------------------------------*/
/*  13.	Footer Top Area CSS
/*----------------------------------------*/
.footer-top-area {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  padding: 50px 0;
}
.footer-left > p {
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 50px;
  margin-top: 25px;
}
.social-icon a {
  border: 1px solid #bcbbbb;
  display: block;
  height: 28px;
  line-height: 25px;
  text-align: center;
  width: 28px;
}
.social-icon li {
  display: inline-block;
  margin-right: 10px;
}
.social-icon a:hover {
  border: 1px solid #e2b846;
  color: #545454;
}
h2.footer-w-title {
  color: #444444;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.footer-list p {
  color: #545454;
  font-size: 13px;
}
.footer-list span {
  color: #353535;
}
.footer-list p {
  color: #545454;
  font-size: 13px;
  margin-bottom: 0;
}
.footer-list > li::before {
  background: #d1d1d1 none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: -10px;
  position: absolute;
  top: 9px;
  width: 4px;
}
.footer-list > li {
  margin-bottom: 15px;
  position: relative;
}
.footer-list a {
  color: #545454;
  font-size: 13px;
}
/*----------------------------------------*/
/*  14.	Footer CSS
/*----------------------------------------*/
.footer-bottom-area {
  padding: 10px 0;
}
.copyright p {
  color: #545454;
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 10px;
}
.paypal-img {
  margin-top: 6px;
}
/*----------------------------------------*/
/*  15.	ScrollUp CSS
/*----------------------------------------*/
#scrollUp {
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0);
  bottom: 20px;
  color: #ffffff;
  cursor: pointer;
  font-size: 25px;
  height: 45px;
  line-height: 40px;
  right: 20px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 45px;
}
#scrollUp:hover {
  background-color: #E2B846;
  color: #fff;
}
/*----------------------------------------*/
/*  16.	About Page CSS
/*----------------------------------------*/
.breadcrumbs-area {
    background: #666666 none repeat scroll 0 0;
}
.breadcrumbs > li {
    color: #e2b846;
    display: inline-block;
    font-weight: 600;
    padding-right: 10px;
    text-transform: uppercase;
}
.breadcrumb-single {
    padding: 20px 0;
}
.about-title h3 {
  color: #333333;
  display: inline-block;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 16px;
  position: relative;
  text-transform: capitalize;
}
.welcome-left > p {
  font-weight: 300;
}
.about-title h3::before {
  background: #dddddd none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 70%;
}
.our-skill {
  padding-top: 50px;
}
.our-skill-accordion .panel-default > .panel-heading {
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 0;
}
.our-skill-accordion .panel-group .panel {
  border: medium none;
  border-radius: 0;
  box-shadow: none;
}
.our-skill-accordion .panel-body {
  background-color: #f3f3f3;
  color: #666666;
  padding: 15px 0;
  text-align: justify;
}
.our-skill-accordion .panel-title {
  color: #333333;
  font-size: 14px;
  text-transform: uppercase;
}
.our-skill-accordion .panel-title .border {
  border-right: 1px solid #d2d1d0;
  margin-left: -15px;
  padding: 10px 10px 10px 15px;
  text-align: center;
}
.our-skill-accordion .panel-title a.right {
  margin-left: 15px;
}
.our-skill-accordion .panel-title a.border:hover {
  background: #e0b745 none repeat scroll 0 0;
  color: #fff;
}
.our-skill-progress {
  display: block;
  padding-top: 15px;
}
.tpl-progress {
  background: #fff none repeat scroll 0 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: 400;
  height: 6px;
  letter-spacing: 1px;
  margin-bottom: 65px;
  margin-top: 18px;
  overflow: visible;
  text-transform: uppercase;
}
.tpl-progress .progress-bar {
  box-sizing: border-box;
  color: #000;
  font-size: 11px;
  overflow: visible;
  padding-top: 2px;
  position: relative;
  text-align: left;
}
.progress-bar p {
  color: #333333;
  font-size: 14px;
  letter-spacing: 0;
  margin-top: -32px;
}
.tpl-progress .progress-bar > span {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #666666;
  border-radius: 50%;
  bottom: 18px;
  color: #e2b846;
  display: inline-block;
  font-size: 15px;
  height: 35px;
  letter-spacing: 0;
  line-height: 35px;
  min-width: 35px;
  padding: 0;
  position: absolute;
  right: -5px;
  text-align: center;
}
.our-skill-content {
  display: block;
  overflow: hidden;
}
.tpl-progress:last-child {
  margin-bottom: 0;
}
/*----------------------------------------*/
/*  17.	Team Member CSS
/*----------------------------------------*/
.team-member {
  display: inline-block;
  text-align: center;
}
.team-member img {
  margin-bottom: 30px;
  width: 100%;
}
.team-member-overlay > a {
  color: #333333;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.team-member-overlay > h4 {
  color: #666666;
  font-size: 13px;
  text-transform: uppercase;
}
/*----------------------------------------*/
/*  18.	Shop Page CSS
/*----------------------------------------*/
.shop-page-area {
  padding-top: 100px;
}
.breadcrumbs-area2 {
/*  background: rgba(0, 0, 0, 0) url("img/shop/top-side-bar.jpeg") no-repeat scroll center center;*/
  color: #fefefe;
  padding: 50px 0;
  position: relative;
  text-align: center;
  text-transform: capitalize;
}
.breadcrumbs-area2 h2 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}
.sidebar-title::before {
  background: #dddddd none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.sidebar-title {
  color: white;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 21px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
}
.sidebar-menu a::before {
	background: #d1d1d1 none repeat scroll 0 0;
	border-radius: 50%;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	top: 17px;
	width: 4px;
	transition: .3s
}
.sidebar-menu a {
  background: transparent none repeat scroll 0 0;
  color: white;
  display: block;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-top: 8px;
  position: relative;
}
.sidebar-menu > li {
  border-bottom: 1px dotted #bbb;
  display: block;
  padding: 9px 0;
  transition: all 0.3s ease 0s;
}
.sidebar-menu > li:last-child {
  margin-bottom: 0;
}
.sidebar-menu span:not(.widget-hover) {
  color: #aaaaaa;
  float: right;
}
.widget-shop-by .sidebar-menu span:not(.widget-hover) {
  margin-right: 10px;
}
.sidebar-menu li:hover a::before {
  background: #7fc8aa none repeat scroll 0 0;
}
.widget-shop-by .sidebar-menu li:hover a {
  background: #F1F1F1 none repeat scroll 0 0;
}
.sidebar-menu li a span.widget-hover{
    transition: .3s;
}
.sidebar-menu li:hover a span.widget-hover{
  padding-left: 13px;
}
.widget-shop-by .sidebar-menu li:hover a::before{
    left:13px;
}
aside.widget {
  margin-bottom: 25px;
}
.sidebar-menu > li:last-child {
  border-bottom: medium none;
}
h3.sidebar-sub-title {
  color: #e2b846;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  background: #f1f1f1 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  height: 9px;
  margin: 30px 0;
}
.price_filter .ui-slider-range {
  background: #ffffff none repeat scroll 0 0;
  border-top: 9px dashed #f0f0f0;
  transform: skewX(-20deg);
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
  background: #fff none repeat scroll 0 0;
  border: 5px solid #e2b846;
  border-radius: 50%;
  height: 20px;
  margin-top: -2px;
  width: 20px;
}
.price_slider_amount > input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #555555;
  display: inline-block;
  float: left;
  height: 34px;
  line-height: 32px;
  margin-left: 10px;
  text-align: center;
  width: 48%;
}
.price_slider_amount > input:first-child {
  margin-left: 0;
}
.price_slider_amount {
  margin-bottom: 30px;
  overflow: hidden;
}
.tag-list > li {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  display: inline-block;
  height: 35px;
  line-height: 33px;
  margin-bottom: 3px;
}
.tag-list a {
  color: #888888;
  display: block;
  font-size: 13px;
  padding: 0 14px;
}
.tag-list > li:hover {
  background: #e2b846 none repeat scroll 0 0;
  border: 1px solid #e2b846;
}
.side-bar-compare a {
  float: right;
}
.side-bar-compare > li {
  border-bottom: 1px dotted #bbbbbb;
  color: #666666;
  padding: 10px 0;
}
.widget-content a i {
  margin-left: 5px;
}
.widget-content > h2 {
  color: #444444;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 40px;
  text-transform: capitalize;
}
.widget-content > a {
  bottom: -20px;
  color: #e2b846;
  font-size: 12px;
  left: 30px;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease-out 0s;
}
.widget-image:hover .widget-content > a {
  bottom: 20px;
  opacity: 1;
}
.widget-content > h2 {
  bottom: 50px;
  color: #444444;
  font-size: 22px;
  font-weight: 700;
  left: -20px;
  opacity: 0;
  position: absolute;
  text-transform: capitalize;
  transition: all 0.3s ease-out 0s;
}
.widget-image:hover .widget-content h2 {
  opacity: 1;
  left: 20px;
}
aside.widget-image {
  margin-bottom: 0;
}
.shop-tab-list {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #f1f1f1;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 7px;
  padding-top: 18px;
}
.shop-tab-pill ul li#left {
  margin-right: 10px;
}
.shop-tab-pill ul li a:hover {
  background: #e2b846 none repeat scroll 0 0;
  color: #ffffff;
}
.shop-tab-pill .shop-pagination ul li a i {
  color: #bbbbbb;
  font-size: 13px;
}
.shop-tab-pill ul li a {
  padding: 9px;
}
.shop-tab-pill .shop-pagination ul li a {
  background: #f3f3f3 none repeat scroll 0 0;
  padding: 10px 12px;
}
.shop-left-tab {
  display: inline-block;
  width: 50%;
}
.shop-pagination {
  float: right;
}
.show-label label {
  color: #555555;
  font-size: 13px;
  margin-bottom: 0;
  margin-left: 0px;
  margin-right: 10px;
}
.show-label select {
  -moz-appearance: none;
  -moz-user-select: none;
  background: #fbfbfb url("img/shop/down.png") no-repeat scroll right center;
  border: medium none;
  color: #9c9b9b;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  height: 27px;
  padding-inline-end: 21px;
  padding-inline-start: 10px;
}
.single-product > a {
  display: inline-block;
  margin-bottom: 24px;
  width: 100%;
}
.single-product-content h2 {
  color: #555555;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 13px;
}
.right-content a{
  border: 1px solid #b7b7b7;
  color: #6f6f6f;
  font-size: 18px;
  height: 35px;
  padding: 7px 9px;
  width: 35px;
}
.right-content a:hover {
  background: #e2b846 none repeat scroll 0 0;
  border: 1px solid #e2b846;
  color: #ffffff;
}
.right-content {
  margin-top: 8px;
}
.single-product-overlay {
  border-radius: 50%;
  height: 55px;
  position: absolute;
  right: 30px;
  text-align: center;
  text-transform: uppercase;
  top: 12px;
  width: 55px;
}
.single-product img {
  position: relative;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.sale {
  background: #ff0000 none repeat scroll 0 0;
}
.new {
  background: #7CBDEF none repeat scroll 0 0;
}
.single-product-overlay h3 {
  color: #f9f9f9;
  font-size: 15px;
  line-height: 55px;
  font-weight: 700;
}
.old-price {
  color: #c7c7c7;
  font-size: 16px;
  text-decoration: line-through;
}
.new-price {
  color: #e2b846;
  font-weight: 700;
  margin-right: 15px;
  font-size: 18px;
}
.single-product {
  margin-bottom: 35px;
  overflow: hidden;
}
.single-product:hover img{
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
}
.first-margin {
  margin-right: 10px;
}
/*----------------------------------------*/
/*  19.	Shop List CSS
/*----------------------------------------*/
.left-content h2 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  transition: all 0.3s ease 0s;
}
.left-content > p {
  color: #e2b846;
  font-size: 16px;
  font-weight: 500;
}
.shop-list-left {
  float: left;
  padding-right: 30px;
}
.single-pro-select {
  margin-bottom: 30px;
}
.product-desc {
  margin-bottom: 60px;
}
.shop-list-single {
  border: 1px solid #dddddd;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 5px;
}
.left-content {
  margin-top: 10px;
}
/*----------------------------------------*/
/*  20.	Single Product Page CSS
/*----------------------------------------*/
.product-simple-area {
  margin-top: 80px;
}
.product-tabs li {
  display: inline-block;
  margin-right: 19px;
  margin-top: 30px;
}
.product-tabs li:last-child {
  margin-right: 0;
}
.list-pro-rating {
  margin-bottom: 10px;
}
.single-product-details > h2 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 13px;
  text-transform: capitalize;
}
.single-product-details > h4 {
  font-size: 13px;
  margin-bottom: 13px;
}
.single-product-details > p {
  color: #fff;
  font-size: 13px;
}
.single-product-details {
  color: #222222;
}
.single-product-price > h2::before {
  background: #222222 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.single-product-price > h2::after {
  background: #222222 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.single-product-price > h2 {
  display: inline-block;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 42px;
  padding: 10px 0;
  position: relative;
}
.single-shop-select > label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.single-shop-select > select {
  -moz-appearance: none;
  -moz-user-select: none;
  border: 1px solid #dfdfdf;
  color: #898989;
  font-size: 12px;
  height: 40px;
  padding-left: 5px;
  position: relative;
  width: 100%;
}
#quantity-wanted-p .qtybutton {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 36px;
  line-height: 36px;
  padding: 0;
  text-align: center;
  width: 20px;
}
#quantity-wanted-p {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #e1e1e1;
  display: inline-block;
  margin-right: 10px;
}
#quantity-wanted-p input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none !important;
  height: 51px;
  line-height: 47px;
  text-align: center;
  width: 45px;
}
.cart-btn {
  background: #e2b846 none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  height: 55px;
  line-height: 53px;
  float:left;
  position: relative;
}
a.cart-btn i {
  font-size: 20px;
  left: 18px;
  position: absolute;
  top: 0;
}
.cart-btn i , .wish-btn i{
  font-size: 18px;
  margin-right: 10px;
}
.cart-btn > span {
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 20px 8px 10px;
	text-transform: uppercase;
}
.add-to-wishlist a {
  color: #b8b8b8;
  line-height: 1;
}
.product-attributes {
  margin-bottom: 10px;
}
.wish-btn > span {
  font-size: 12px;
  font-weight: 600;
}
.add-to-wishlist {
  margin-bottom: 45px;
}
.single-product-categories > label {
  text-transform: uppercase;
}
.single-product-categories {
  font-size: 12px;
}
.single-product-categories > span {
  color: #fff;
}
.comments-advices a.open-comment-form::before {
  content: "";
}
.comments-advices a::before {
  background: #929292 none repeat scroll 0 0;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  margin-right: 6px;
  text-align: center;
  width: 30px;
}
.comments-advices li {
  display: inline-block;
  line-height: 30px;
}
.comments-advices {
  clear: both;
  padding-top: 2px;
}
#product-comments-block-extra {
  background: #fbfbfb none repeat scroll 0 0;
  border: 1px solid #d6d4d4;
  font-weight: bold;
  line-height: 18px;
  margin-top: 50px;
  padding: 8px 10px 10px;
}
.p-details-tab ul.p-details-nav-tab li {
  display: inline-block;
  margin-right: 30px;
}
.p-details-tab ul.p-details-nav-tab li a {
  color: #c8c8c8;
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 25px;
  padding-bottom: 10px;
  position: relative;
  text-transform: capitalize;
}
.p-details-tab ul.p-details-nav-tab li.active a {
  color: #444444;
  display: block;
  position: relative;
}
.p-details-tab ul.p-details-nav-tab li.active a::before {
  background: #e2b846 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
}
.p-details-tab ul.p-details-nav-tab li a:hover::before {
  background: #e2b846 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
}
.p-details-tab {
  margin-top: 80px;
}
#more-info > p {
  color: #666666;
  margin: 0;
}
.table-data-sheet {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d6d4d4;
  width: 100%;
}
.table-data-sheet tr {
  border-top: 1px solid #d6d4d4;
}
.table-data-sheet tr td:first-child {
  border-right: 1px solid #d6d4d4;
  color: #333333;
  font-weight: 700;
  width: 30%;
}
.table-data-sheet tr td {
  padding: 10px 20px 11px;
}
#product-comments-block-tab a {
  background: #6f6f6f none repeat scroll 0 0;
  border-color: #666666 #5f5f5f #292929;
  border-image: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  padding: 0;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
}
#product-comments-block-tab a span {
  border: 1px solid #8b8a8a;
  display: block;
  padding: 3px 8px;
}
/*----------------------------------------*/
/*  21.	Wishlist CSS
/*----------------------------------------*/
.wishlist-right-area {
  border-bottom: 1px solid #bbbbbb;
  color: #666666;
}
.wishlist-right-area table, .shopping-cart-area table {
  border-color: #bbbbbb;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 0 0 20px;
  text-align: center;
  width: 100%;
}
.wish-list-table {
  margin-bottom: 50px !important;
}
.wishlist-right-area table th, .shopping-cart-area table th {
	border-top: medium none;
	color: #edede4;
	font-size: 16px;
	font-weight: 300;
	padding: 20px 10px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}
.wishlist-right-area table th, .wishlist-right-area table td, .shopping-cart-area table th, .shopping-cart-area table td {
  border-bottom: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
}
.t-product-name {
  width: 170px;
}
.wishlist-right-area th.product-details-comment {
  width: 415px;
}
.wishlist-right-area th.product-price-cart {
  width: 200px;
}
.wishlist-right-area th.product-remove {
  width: 100px;
}
.product-details {
  padding: 10px;
  text-align: left;
}
.product-details > h4 , .product-cart-details > span{
  font-size: 16px;
  font-weight: 600;
}
.product-details > p {
  font-weight: 300;
  line-height: 20px;
  margin: 0 0 40px;
  text-align: justify;
}
.product-details textarea {
  border: 1px solid #dddddd;
  font-weight: 300;
  height: 135px;
  margin-bottom: 20px;
  padding: 10px;
  resize: none;
  width: 395px;
}
.product-cart {
  padding: 0 30px;
}
.product-cart-details {
  margin-bottom: 160px;
}
.product-cart-details > input[type="number"] {
  border: 1px solid #dddddd;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  margin-top: 10px;
  text-align: center;
  width: 105px;
}
.product-cart-details > input[type="submit"] {
  background: #d5d5d5 none repeat scroll 0 0;
  border: 0 none;
  font-weight: 600;
  margin-top: 10px;
  padding: 10px;
  transition: all 0.4s ease 0s;
}
.product-cart p a , .login-account-area {
  color: #666666;
}
.product-cart p a {
  bottom: 0;
  color: #666666;
  float: right;
  font-size: 16px;
  font-weight: 400;
  margin-top: 30px;
}
.product-remove {
  width: 130px;
}
.product-remove > a {
  color: #666666;
  font-size: 25px;
}
.product-cart-details > input[type="submit"]:hover {
  background: #E2B846 none repeat scroll 0 0;
  color: #ffffff;
}
.wishlist-bottom-link {
  margin-top: 29px;
}
.wishlist-bottom-link > a {
  color: #666666;
  float: left;
  transition: all 0.4s ease 0s;
}
.shopingcart-bottom-area .right-shoping-cart {
  padding: 10px 40px !important;
}
.shopingcart-bottom-area a {
  background: #E2B846 none repeat scroll 0 0;
  color: #ffffff;
  font-weight: 500;
  padding: 10px 25px;
  text-transform: uppercase;
}
.right-shoping-cart {
  padding: 10px 50px !important;
}
.shopingcart-bottom-area a:hover, .subtotal-main-area > a:hover, .discount-middle > a:hover {
  background: #444444 none repeat scroll 0 0;
  color: #ffffff;
}
.wishlist-bottom-link > a:hover {
  color: #E2B846;
  padding-left: 8px;
}
/*----------------------------------------*/
/*  22.	Cart Page CSS
/*----------------------------------------*/
.t-product-name {
  width: 170px;
}
.product-edit {
  width: 112px;
}
.product-unit-price, .product-quantity, .product-subtotal {
  width: 165px;
}
.product-remove > a {
  color: #666666;
  font-size: 25px;
}
.shopping-cart-area .product-image {
  width: 265px;
}
.shopping-cart-area .product-image img {
  padding: 25px 0;
}
.wishlist-table-area .t-product-name h3 a {
  color: #666666;
  font-size: 14px;
  font-weight: normal;
}
.wishlist-table-area .product-edit p a {
  bottom: 0;
  color: #666666;
  font-size: 16px;
  font-weight: 300;
}
.product-unit-price > p, .product-quantity > p {
  color: #666666;
  font-size: 14px;
  font-weight: 300;
}
.product-cart-details > input[type="number"] {
  border: 1px solid #dddddd;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  margin-top: 10px;
  text-align: center;
  width: 105px;
}
.discount-main-area {
  border: 1px solid #dddddd;
  text-align: center;
}
.discount-top {
  border-bottom: 1px solid #dddddd;
  padding: 35px 0;
}
.discount-top h3 {
  font-size: 16px;
}
.discount-top > p {
  font-size: 14px;
  margin: 0;
  text-transform: none;
}
.discount-middle {
  padding: 82px 70px;
}
.discount-middle > input {
  background: #dddddd none repeat scroll 0 0;
  border: medium none;
  display: block;
  margin: auto auto 20px;
  padding: 10px;
  width: 100%;
}
.discount-middle > a, .subtotal-main-area > a {
  background: #E2B846 none repeat scroll 0 0;
  color: #ffffff;
  float: right;
  padding: 10px;
}
.subtotal-main-area {
  border: 1px solid #dddddd;
}
.subtotal-area h2 {
  background:black none repeat scroll 0 0;
  border-bottom: 1px solid #dddddd;
  font-size: 16px;
  margin: 0;
  padding: 35px;
}
.subtotal-area span {
  float: right;
}
.subtotal-main-area > a {
  float: right;
/*  margin-right: 10px;
*/  margin-top: 10px;
}
.subtotal-main-area > p {
  font-size: 16px;
  margin: 0;
  padding-bottom: 43px;
  padding-top: 100px;
  text-align: center;
  text-transform: none;
}
/*----------------------------------------*/
/*  23.	Checkout Page CSS
/*----------------------------------------*/
.checkout-area {
  padding-top: 100px;
}
.panel-heading h4 {
  color: #666666;
  font-size: 14px;
  margin: 0;
  text-transform: capitalize;
}
.check-out-area {
  background: #ffffff none repeat scroll 0 0;
  color: #666666;
  padding: 40px 0;
}
.check-out-area .panel-heading h4 span {
  background: #E2B846 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  margin-right: 15px;
  text-align: center;
  width: 26px;
  font-weight: 700;
  font-size: 16px;
}
.check-out-area .panel.panel-default {
  border: medium none;
  border-radius: 0;
  box-shadow: none;
}
.panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.check-out-area .panel-body {
  padding: 40px 0;
}
.collapse-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.check-out-area h5 {
  font-size: 15px;
  margin-bottom: 26px;
  text-transform: uppercase;
}
.check-register label {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  margin-left: 5px;
}
.check-register {
  margin-bottom: 20px;
}
.form-row > label {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
}
.form-row > input {
  background: #eaeaea none repeat scroll 0 0;
  border: medium none;
  color: #2b2b2b;
  font-size: 13px;
  font-weight: 400;
  height: 30px;
  padding-left: 10px;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.form-row , .shop-select {
  margin-bottom: 23px;
}
.btn-default {
	background: #000000 none repeat scroll 0 0;
	border: 1px solid #000000;
	border-radius: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 25px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}
.btn-default:hover {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #E2B846;
  color: #E2B846;
}
.login-button {
  margin-bottom: 0;
  margin-top: 90px;
}
.check-out-area button {
  margin-top: 40px;
}
.check-register.login-button > a {
  color: #666666;
  margin-right: 15px;
}
.checkout-widget a {
  color: #666666;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 0;
  text-transform: capitalize;
}
.widget-title {
  font-size: 14px;
  text-transform: uppercase;
}
.checkout-widget a:hover {
  color: #E2B846;
  margin-left: 10px;
}
.required {
  color: #ff0000;
}
.shop-select label {
  font-weight: 500;
  margin-bottom: 10px;
  width: 100%;
}
.shop-select select {
  -moz-appearance: none;
  -moz-user-select: none;
  background: #fbfbfb url("img/select-icon.png") no-repeat scroll right center;
  border-color: #dddddd -moz-use-text-color #dddddd #dddddd;
  border-style: solid none solid solid;
  border-width: 1px medium 1px 1px;
  color: #9c9b9b;
  font-family: arial;
  font-size: 12px;
  font-weight: 400;
  height: 27px;
  padding-inline-end: 35px;
  padding-inline-start: 5px;
  width: 99.99%;
}
.checbox-info input {
  margin-right: 5px;
}
.checbox-info {
  margin-bottom: 30px;
}
.form-row > input:focus {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #dddddd;
}
.ship-different-title label {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}
.order-notes textarea {
  border: 1px solid #dddddd;
  font-family: poppins;
  font-weight: 500;
  height: 90px;
  padding: 15px;
  resize: none;
  width: 100%;
}
#billing-form li.control input.radio, #billing-form li.control input.checkbox, #payment-form li.control input.radio {
  float: left;
  margin-right: 7px;
  margin-top: 6px;
}
#billing-form li.control label, #payment-form li.control label, ul.form-list li.control label {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 0;
  margin-left: 5px;
}
.buttons-set {
  border-top: 1px solid #f2f2f2;
  clear: both;
  margin: 20px 0 0;
  padding: 8px 0 0;
  text-align: right;
}
.payment-met {
  border: 1px solid #dddddd;
  padding: 10px;
}
#checkout-review-table {
  background: #ffffff none repeat scroll 0 0;
  border-color: #f2f2f2 #f2f2f2 #d9dde3;
  border-style: solid;
  border-width: 1px;
  width: 100%;
}
#checkout-review-table tbody tr:first-child {
  font-size: 16px;
}
#checkout-review-table tbody tr {
  border-top: 1px solid #f2f2f2;
}
#checkout-review-table tbody tr td:first-child {
  text-align: left;
}
#checkout-review-table tbody tr td {
  font-weight: normal;
  text-align: center;
}
#checkout-review-table tbody tr td {
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  font-weight: normal;
  padding: 6px 10px;
  text-align: center;
  vertical-align: top;
}
#checkout-review-table tbody tr td .product-name {
  font-size: 16px;
  font-weight: 600;
  margin: 7px 0 5px;
}
.checkout-review-table .product-name {
  width: 170px;
}
.cart-price .price {
  color: #444444;
  font-size: 18px;
  font-weight: 700;
  margin-left: 5px;
}
#checkout-review-table tfoot tr {
  font-weight: normal;
  text-align: right;
}
#checkout-review-table tfoot tr td {
  border-right: 1px solid #f2f2f2;
  padding: 6px 10px;
  vertical-align: top;
}
#review-buttons-container {
  border-color: #d9dde3;
  border-style: solid;
  border-width: 0 1px 1px;
  margin: 0;
  padding: 20px 30px;
  text-align: right;
}
#review-buttons-container p {
  color: #e2b846;
  font-size: 12px;
  line-height: 30px;
  margin: 0;
}
#review-buttons-container p a {
  color: #393939;
}
.checkout-left-area .panel-group a {
  color: #666666 !important;
  font-size: 14px;
  font-weight: 600;
}
#checkout-review-table thead tr th {
  border-right: 1px solid #f2f2f2;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
}
#checkout-review-table thead tr th:first-child {
  width: 70%;
}
.data-table thead th {
  background-color: #E2B846;
  border-right: 1px solid #eaeeef;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
/*----------------------------------------*/
/*  24.	Contact Us CSS
/*----------------------------------------*/
.address-single {
  background: #ebebeb none repeat scroll 0 0;
  padding: 70px 0;
  position: relative;
  text-align: center;
  transition: all 0.4s ease 0s;
  cursor: pointer;
}
.address-single:hover {
  background: #E2B846 none repeat scroll 0 0;
  color:#fff;
}
.icon {
  float: left;
  height: auto;
}
.icon i {
  font-size: 28px;
  padding-top: 32px;
}
.info {
  display: inline-block;
  float: left;
  margin-left: 12px;
}
.info h3 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.info p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.address-info-area {
  margin: 80px 0;
}
.contact-form-left > input:last-child {
  margin-bottom: 0;
}
.contact-form-left > input {
  border: 1px solid #c9c9c9;
  color: #666666;
  height: 38px;
  margin-bottom: 20px;
  padding-left: 10px;
  width: 100%;
}
.input-message textarea {
  border: 1px solid #c9c9c9;
  height: 154px;
  padding: 15px;
  resize: none;
}
.input-message .btn-default {
  background: #444444 none repeat scroll 0 0;
  border: none;
  margin-top: 12px;
}
.input-message .btn-default:hover {
  background: #E2B846 none repeat scroll 0 0;
  color: #ffffff;
}
.contact-form-right .input-message textarea {
  width: 100%;
}
/*----------------------------------------*/
/*  25.	Login CSS
/*----------------------------------------*/
.create-account-form, .login-form {
  background: #fbfbfb none repeat scroll 0 0;
  border: 1px solid #d6d4d4;
  line-height: 20px;
  min-height: 340px;
  padding: 14px 18px 20px;
}
.account-area .heading-title {
  margin-bottom: 30px;
}
h1.heading-title {
  border-bottom: 1px solid #d6d4d4;
  font-size: 18px;
  padding: 0 0 17px;
  text-transform: uppercase;
}
.account-details p.form-row input {
  background: #ffffff none repeat scroll 0 0;
  border:1px solid #e5e5e5;
}
#submitcreate , #submitcreate2 {
  background-color: #444444;
  border: 0 none;
  border-radius: 0;
  color: #444444;
  font-size: 13px;
  line-height: 1.42857;
  outline: medium none;
  padding: 2px;
  text-align: center;
  transition: all 0.4s ease 0s;
}
#submitcreate > span , #submitcreate2 > span {
  color: #ffffff;
  display: block;
  font-size: 14px;
  padding: 5px 15px;
  text-transform: uppercase;
}
#submitcreate span i, p.submit button#submitlogin span i, #submitcreate2 span i, p.submit button#submitlogin2 span i {
  display: inline-block;
  font-size: 24px;
  margin: 0 10px 0 0;
  vertical-align: -2px;
}
.lost-password.form-group a {
  color: #777777;
  font-weight: 400;
  text-decoration: underline;
}
#submitcreate:hover , #submitcreate2:hover {
  background: #E2B846;
}
/*----------------------------------------*/
/*  26.	My Account CSS
/*----------------------------------------*/
.panel-default > .panel-heading {
  background-image: linear-gradient(#f7f7f7, #ededed);
  border-color: #cacaca #b7b7b7 #9a9a9a;
  border-image: none;
  border-radius: 4px 4px 0 0;
  border-style: solid;
  border-width: 1px;
  color: #555454;
  display: block;
  font: 600 16px/20px "Open Sans",sans-serif;
  overflow: hidden;
  text-decoration: none;
  text-shadow: 0 1px #ffffff;
  text-transform: uppercase;
}
.panel-default > .panel-heading h4 {
  font-size: 16px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  margin-top: 4px;
}
.addresses-lists .panel-title a::before {
  border: 1px solid #eeeeee;
  content: "";
  height: 46px;
  left: 30px;
  position: absolute;
  top: -10px;
}
.addresses-lists .panel-title a {
  display: block;
  position: relative;
}
.addresses-lists .panel-heading a i {
  color: #E2B846;
  font-size: 20px;
}
.addresses-lists .panel-heading a span {
  margin-left: 20px;
}
.my-account-area .shop-select select {
  width: 99.89%;
}
.button.button-small {
  background: #6f6f6f none repeat scroll 0 0;
  border-color: #666666 #5f5f5f #292929;
  border-image: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
  font: bold 13px/17px Arial,Helvetica,sans-serif;
  padding: 0;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
}
.button.button-small span {
  border: 1px solid #8b8a8a;
  display: block;
  padding: 3px 8px;
}
.button.button-small span:hover {
  background: #575757 none repeat scroll 0 0;
  border-color: #303030 #303030 #666666 #444444;
}
.order-history p {
  background: #E2B846 none repeat scroll 0 0;
  color: #ffffff;
  padding: 15px;
}
.checkbox input[type="checkbox"] {
  margin-left: -20px;
  margin-top: 4px;
  position: absolute;
}
.my-account-area .panel.panel-default {
  margin-bottom: 5px;
}
/*----------------------------------------*/
/*  27.	404 page css
/*----------------------------------------*/
.error-text-area h1 {
  color: #363636;
  font-size: 35px;
  font-weight: 600;
  margin-top: 14px;
}
.error-text > a {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #282a40;
  color: #282a40;
  display: inline-block;
  font-size: 16px;
  margin-top: 25px;
  padding: 14px 18px;
  text-transform: uppercase;
  transition: background 0.3s ease 0s, color 0.2s ease 0s;
}
.error-text > a:hover {
  background: #E2B846 none repeat scroll 0 0;
  border: 2px solid #E2B846;
  color: #ffffff;
}
/*----------------------------------------*/
/*  28.	Quick Veiw CSS
/*----------------------------------------*/
#productModal .modal-dialog {
  margin: 5% auto;
  max-width: 96%;
  min-height: 300px;
  padding: 20px;
  transition: all 0.5s ease 0s;
  width: 870px;
}
.modal-product {
  overflow: hidden;
}
.modal-product .product-images {
  float: left;
  width: 40%;
}
.modal-product .product-images .main-image {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
.modal-product .product-images .main-image img {
  box-shadow: none;
}
.modal-product .product-info {
  float: left;
  padding-left: 30px;
  width: 60%;
}
.modal-product .product-info h1 {
  font-size: 22px;
  font-weight: normal;
  margin: 0 0 20px;
}
.modal-product .product-info .price-box {
  float: left;
  margin: 0 0 12px;
  width: 100%;
}
.modal-product .product-info .price-box p {
  margin: 0;
}
.modal-product .product-info .price-box .special-price {
  color: #e2b846;
  font-size: 24px;
  font-weight: 400;
}
.modal-product .product-info .see-all {
  color: #42414f;
  display: inline-block;
  margin-bottom: 40px;
  text-decoration: underline;
}
.modal-product .product-info .see-all:hover {
  color: #E2B846;
}
a.see-all {
  color: #232323;
  display: inline-block;
  margin-bottom: 10px;
}
.modal-product .product-info .quick-add-to-cart {
  border-bottom: 1px solid #e5e5e5;
  float: left;
  margin: 0 0 20px;
  padding: 0 0 38px;
  width: 100%;
}
.numbers-row > input {
  border: 1px solid #dddddd;
  float: left;
  height: 40px;
  text-align: center;
  width: 60px;
}
.quick-add-to-cart .single_add_to_cart_button {
  background: #e2b846 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  float: left;
  font-weight: 700;
  height: 40px;
  margin-left: 15px;
  padding: 0 70px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.quick-add-to-cart .single_add_to_cart_button:hover {
  background: #282828 none repeat scroll 0 0;
}
.modal-product .product-info .quick-desc {
  border-bottom: 1px solid #e5e5e5;
  color: #909295;
  float: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  margin: 0 0 25px;
  padding: 0 0 15px;
  width: 100%;
}
.modal-product .widget {
  float: left;
  width: 100%;
}
h3.widget-title-modal {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #42414f;
  float: left;
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 5px;
  text-align: left;
  text-transform: none;
  width: 100%;
}
.modal-product .widget .social-icons {
  float: left;
  margin: 0;
  padding: 0;
}
.modal-product .widget .social-icons li {
  float: left;
  line-height: 30px;
  list-style: outside none none;
  margin-right: 10px;
}
.modal-product .widget .social-icons li .social-icon {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  color: #909295;
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  width: 40px;
}
#productModal button.close {
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
#productModal button.close span {
  border: 1px solid #909295;
  border-radius: 60px;
  color: #909295;
  display: block;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 30px;
}
#productModal .modal-header {
  border: 0 none;
  min-height: auto;
  padding: 0;
}
.modal-product .widget .social-icons li .social-icon.facebook:hover {
  background: #3b579d none repeat scroll 0 0;
  border: 1px solid #3b579d;
}
.modal-product .widget .social-icons li .social-icon.twitter:hover {
  background: #3acaff none repeat scroll 0 0;
  border: 1px solid #3acaff;
}
.modal-product .widget .social-icons li .social-icon.pinterest:hover {
  background: #cb2027 none repeat scroll 0 0;
  border: 1px solid #cb2027;
}
.modal-product .widget .social-icons li .social-icon.gplus:hover {
  background: #d11717 none repeat scroll 0 0;
  border: 1px solid #d11717;
}
.modal-product .widget .social-icons li .social-icon.linkedin:hover {
  background: #0097bd none repeat scroll 0 0;
  border: 1px solid #0097bd;
}
.modal-product .widget .social-icons li .social-icon:hover {
  color: #ffffff;
}
.modal-content {
  background-color: #f3f3f3;
}

/**********************************************/


/* Default downward arrow */
.mainmenu li > a i.fa-angle-down {
	transition: transform 0.3s ease;
}

/* When menu is active, rotate arrow upward */
.mainmenu li:hover > a i.fa-angle-down {
	transform: rotate(180deg);
}

body {
	background-color: #121212;
	color: #E0E0E0;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.dashboard-container {
	display: flex;
	gap: 25px;
	width: 100%;
	flex-wrap: wrap;
	margin: 20px auto;
}

.left-panel, .right-panel {
	flex: 1;
	min-width: 300px;
}

.right-panel {
	flex: 2;
}

.card {
	background-color: #212121;
	padding: 20px;
	margin-bottom: 25px;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

	.card h3 {
		color: #FFD700;
		border-bottom: 1px solid #333;
		padding-bottom: 10px;
		margin-top: 0;
	}

.main-price {
	font-size: 2em;
	font-weight: bold;
}

.price-entry {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px solid #333;
}

.karat-label {
	background-color: #FFD700;
	color: #212121;
	padding: 5px 10px;
	border-radius: 4px;
	font-weight: bold;
}

#goldPriceChart {
	width: 100%;
	aspect-ratio: 2/1;
}



.cart_single {
	display: flex;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.cart_single .image {
	flex: 0 0 30%;
	max-width: 30%;
}

	.cart_single .image img {
		width: 100%;
		border-radius: 5px;
	}

.cart_single .details {
	flex: 0 0 70%;
	max-width: 70%;
	padding-left: 10px;
}

	.cart_single .details p {
		margin: 5px 0 0;
	}



.sidebar-offcanvas {
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #000;
	z-index: 1050;
	overflow-y: auto;
	transition: left 0.3s ease-in-out;
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
}

.sidebar-offcanvas.active {
	left: 0;
}

.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1049;
	display: none;
}

	.menu-overlay.active {
		display: block;
	}

/* Submenu Styling */
.submenu {
	display: none;
	padding-left: 15px;
}

.has-submenu > a {
	position: relative;
	cursor: pointer;
}

	.has-submenu > a::after {
		content: "\f0d7"; /* FontAwesome caret-down */
		font-family: FontAwesome;
		position: absolute;
		right: 15px;
	}



#cart-toast {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 9999;
	background-color: #28a745;
	color: white;
	padding: 15px 20px;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	opacity: 0;
	transform: translateY(-20px);
	transition: all 0.5s ease;
	font-size: 16px;
	display: none;
}

#cart-toast.show {
	display: block;
	opacity: 1;
	transform: translateY(0);
}



.mobile-logo {
	text-align: center;
	padding: 10px 0;
}

.mobile-logo-img {
	max-width: 60px; /* or adjust to 50px, etc. */
	width: 100%;
	height: auto;
	display: inline-block;
}




@media (max-width: 767px) {
	.leftnav

{
	background-color: white !important;
}

.container {
	padding: 0px !important;
}

	.btn-default {
		background: white none repeat scroll 0 0;
		border: 0px solid white;
		border-radius: 0;
		color: black !important;
		font-size: 16px;
		font-weight: 500;
		/* padding: 10px 25px; */
		text-align: center;
		text-transform: uppercase;
		transition: all 0.3s ease 0s;
	}

	.btn-default :hover {
		background: #f6f0ec none repeat scroll 0 0;
		border: 0px solid #f6f0ec;
		border-radius: 0;
		color: black !important;
		font-size: 16px;
		font-weight: 500;
		/* padding: 10px 25px; */
		text-align: center;
		text-transform: uppercase;
		transition: all 0.3s ease 0s;
	}

.header-cart-link i {
	color: #322828 !important;
	font-size: 25px;
	position: relative;
}

.mobile-icons {
	display: flex !important;
	flex-direction: row-reverse !important;
	justify-content: flex-start !important;
	align-items: center !important;
	gap: 15px !important;
	padding: 10px !important;
	background: white !important;
	width: 100% !important;
	z-index: 999 !important;
}

	.mobile-icons i {
		font-size: 20px !important;
		color: black !important;
	}

.mainmenu,
.profile-icon-wrapper-desktop,
.header-cart-desktop {
	display: none !important;
}

.header-cart {
	position: relative !important;
}

.header-cart-link span {
	position: absolute;
	top: -5px;
	right: -10px;
	background: gold;
	color: black;
	border-radius: 50%;
	padding: 0px 6px;
	font-size: 12px;
	font-weight: bold;
}

.cart_down_area {
	display: none !important;
	position: absolute !important;
	right: 0 !important;
	top: 30px !important;
	background: white !important;
	width: 200px !important;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
	z-index: 999 !important;
}

}


.slick-slide {
	padding: 10px;
	transition: all 0.3s ease;
	display: flex !important;
	justify-content: center;
}

.slick-center .card {
	transform: scale(1.1);
	box-shadow: 0 0 20px white;
	z-index: 2;
}

.slick-prev,
.slick-next {
	background: #fff;
	color: #000;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	z-index: 50;
}

	.slick-prev:before,
	.slick-next:before {
		color: #000;
		font-size: 20px;
	}

.product-slider {
	overflow: visible;
}









:root {
	--gap: 20px;
	--product-bg: #111;
	--text-light: #fff;
	--highlight-color: #fff;
	--border-color: #333;
}

.products-section {
	background-color: var(--product-bg);
	padding: 60px 0;
}

.section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

	.section-header h2 {
		color: var(--text-light);
		font-size: 2.2rem;
		font-weight: bold;
	}

.tab-filters {
	display: flex;
	gap: var(--gap);
	list-style: none;
	padding: 0;
	margin: 0;
}

	.tab-filters li button {
		background: transparent;
		border: 1px solid var(--text-light);
		color: var(--text-light);
		padding: 8px 16px;
		font-weight: 500;
		cursor: pointer;
	}

		.tab-filters li button.active {
			background-color: var(--highlight-color);
			color: #000;
		}

.carousel-wrapper {
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}

.carousel-track {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	transition: transform 0.4s ease;
}

.product-card1 {
	flex: 0 0 calc(33.33% - var(--gap));
	max-width: calc(25.33% - var(--gap));
	border: 1px solid var(--border-color);
	background-color: #000;
	display: flex;
	flex-direction: column;
	padding: 16px;
	color: var(--text-light);
}

.product-media {
	text-align: center;
	background: #1a1a1a;
	padding: 10px;
	margin-bottom: 10px;
}

	.product-media img {
		max-width: 100%;
		max-height: 200px;
		object-fit: contain;
	}

.product-info {
	flex: 1;
}

.btn-cart-highlight {
	background-color: var(--highlight-color);
	border: none;
	color: #000;
	font-weight: bold;
	padding: 6px 12px;
	margin-top: 10px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
}





	/* White bottom border inside image container */
	.category-img-container{
	}

.shop-button {
	border: 1px solid white;
	background: transparent;
	color: white;
	padding: 0.5rem 1.25rem;
	font-size: 0.875rem;
	cursor: pointer;
	font-family: inherit;
	transition: background-color 0.25s ease, color 0.25s ease;
	display: inline-flex;
	align-items: center;
}

	.shop-button:hover {
		background: white;
		color: black;
	}

	.shop-button::after {
		content: " →";
		margin-left: 0.2rem;
		font-weight: bold;
	}

 .category-single-row {
	display: flex;
	align-items: center;
	justify-content: space-around; /* Changed to space-around for closer images */
	/*   margin-bottom: 1rem; */
	gap: 1rem; /* Added gap for spacing between items within a row */
	border-bottom: 3px solid white;
	padding: 2rem 5rem;
}
.category-row{
	display: flex;
	align-items: center;
	justify-content: space-around; 
	gap: 1rem;
	border-bottom: 3px solid white;
}
.category-left, .category-right {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex: 1;
	min-width: 0;
	justify-content: flex-start; /* Ensure items align to the start in their flex container */
}

.category-right {
	justify-content: flex-end; /* Align right items to the end */
}


	.category-img-container img {
		max-width: 160px; /* Increased size for image */
		max-height: 160px;
		object-fit: contain;
	}




.category-title {
	font-size: 1.5rem;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.category-link {
	font-size: 0.75rem;
	margin-left: 0.5rem;
	text-transform: uppercase;
	color: white;
	text-decoration: underline;
	cursor: pointer;
	white-space: nowrap;
	font-weight: 600;
	flex-shrink: 0;
}

	.category-link:hover {
		color: #ccc;
	}

.category-count {
	font-size: 0.75rem;
	margin-left: 0.2rem;
	vertical-align: super;
	color: white;
}
/* 
    hr {
        border: none;
        border-top: 3px solid #fff;
        margin: 2rem 0;
    } */

.category-single-row {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 2rem;
	justify-content: center; /* Centered the single row */
}

@media (max-width: 768px) {


	.header {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}

	.category-row {
		flex-direction: column;
		gap: 2rem;
		margin-bottom: 2rem;
		align-items: flex-start;
		padding: 1rem 1.5rem;
	}

	.category-left,
	.category-right {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
	}
	/* NEW: Flip layout only if .flip-mobile class is added */
	.flip-mobile {
		flex-direction: column-reverse !important;
	}

	.category-title {
		font-size: 2.25rem;
	}




		
	.category-single-row {
		flex-direction: column;
		align-items: flex-start;
		padding: 1rem 1.5rem;
	}
}
.category-img-container1 {
	border: 2px solid white;
	/*padding: 0.5rem;*/
	width: 130px;
	height: 130px;
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	position: relative; /* Required for pseudo-element */
}



@media (max-width: 768px ) {
	.category-count {
		font-size: 1.75rem;
		margin-left: 0.2rem;
		vertical-align: super;
		color: white;
		padding-bottom: 30px;
	}
	.category-single-row,
	.category-row {
		display: block;
		width: 100%;
	}
	.category-img-container1 {
		border: 2px solid white;
		/* padding: 0.5rem; */
		width: 100%;
		 height: 100%; 
		aspect-ratio: 1 / 1;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		position: relative;
	}
	
}

#goldPriceChart {
	width: 100%;
	height: 120px; /* Reduced height */
}

.dashboard-container {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	height: 75vh; /* Keep as is or adjust if needed */
}

.left-panel {
	flex: 0 0 380px;
	background: #000;
	color: #fff;
	padding: 10px; /* Reduced padding */
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/*max-height: calc(100vh - 50px);*/ /* Adjusted to fit viewport, considering top notification */
	overflow: hidden; /* Hides scroll for left panel */
	box-sizing: border-box;
}

::-webkit-scrollbar {
	display: none;
}

.left-panel .card {
	background: #212121;
	padding: 10px 14px; /* Reduced padding */
	margin-bottom: 8px; /* Reduced margin */
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	flex-shrink: 0;
	height: auto;
}

	.left-panel .card h3 {
		font-size: 0.95rem; /* Slightly smaller font */
		margin-bottom: 8px; /* Reduced margin */
		color: #FFD700;
		border-bottom: 1px solid #333;
		padding-bottom: 5px; /* Reduced padding */
	}

.right-panel {
	flex: 1;
	/* Removed background-image here */
	position: relative;
	overflow: hidden; /* Ensure video doesn't overflow */
}

	.right-panel video {
		width: 100%;
		height: 100%;
		object-fit: cover; /* Ensures the video covers the entire area */
	}

.hero-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	display: flex;
	justify-content: flex-start; /* Kept as is */
	align-items: flex-end; /* Kept as is */
	padding: 20px; /* Reduced padding */
	text-align: left;
	color: #fff;
	z-index: 1; /* Ensure overlay is above the video */
}

	.hero-overlay h1 {
		font-size: 2rem; /* Slightly smaller font */
		font-weight: 600;
		margin-bottom: 15px; /* Reduced margin */
	}

	.hero-overlay a {
		padding: 8px 18px; /* Reduced padding */
		border: 1px solid #fff;
		color: #fff;
		text-decoration: none;
		font-size: 0.95rem; /* Slightly smaller font */
		border-radius: 6px;
	}

.tradingview-widget-container__widget {
	height: 120px !important;
}

canvas#goldPriceChart {
	max-height: 120px; /* Matched with #goldPriceChart height */
}

.card p {
	font-size: 0.85rem; /* Slightly smaller font */
}

.card span {
	font-size: 0.9rem; /* Slightly smaller font for karat values */
}

@media (max-width: 767px) {
	.right-panel {
		display: none;
	}

	.left-panel {
		width: 100% !important;
		max-height: unset; /* Allow full height on mobile if necessary */
		overflow: auto; /* Allow scrolling on mobile if content exceeds viewport */
	}



	/* 📱 Mobile Sidebar Enhancements */
	.sidebar-offcanvas {
		width: 250px;
		position: fixed;
		top: 0;
		bottom: 0;
		left: -250px;
		z-index: 1045;
		transition: left 0.3s ease;
	}

		.sidebar-offcanvas.active {
			left: 0;
		}

	.menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1040;
		display: none;
	}

		.menu-overlay.active {
			display: block;
		}

	.sidebar-offcanvas .nav > li > a {
		color: #fff;
		padding: 10px 0;
		display: block;
		text-decoration: none;
		border-bottom: 1px solid #333;
	}

	.sidebar-offcanvas .submenu {
		display: none;
		padding-left: 15px;
		background: #1c1c1c;
	}

		.sidebar-offcanvas .submenu li a {
			padding: 8px 0;
			display: block;
			color: #ccc;
		}

	.sidebar-social-icons a {
		color: #fff;
		transition: color 0.2s ease;
	}

		.sidebar-social-icons a:hover {
			color: #FFD700;
		}
}




@@media (max-width: 767px) {
	.mainmenu {
		display: none;
		background: #fff;
		padding: 10px;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 1000;
		box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	}

		.mainmenu.active {
			display: block;
		}

		.mainmenu ul {
			flex-direction: column;
			padding-left: 0;
		}

			.mainmenu ul li {
				padding: 10px 15px;
				border-bottom: 1px solid #eee;
			}

				.mainmenu ul li a {
					display: block;
					color: #333;
				}

	.mobile-toggle-btn {
		font-size: 20px;
		background: transparent;
		border: none;
		margin-top: 10px;
	}

	.header-icons {
		justify-content: flex-end;
	}

	.header-cart {
		margin: 15% 0% 0% 0%;
		position: relative;
	}

	.header-cart-toggle {
		margin: 0% 0% 0% 0%;
		
	}
}


@media (max-width: 767px) {

	/*for menubar*/
	.dashboard-container {
	
		min-height: 90vh;
	}
	.header-logo {
		padding-left: 24px;	
	}

	/*for partial silver*/

	.section-text {
		/*		padding-left: 14px;

*/ max-width: 100%;
		margin-bottom: 2rem;
	}

		.section-text p {
			text-align: justify;
		}


	/*for dashboard*/

	.left-panel {
		padding-left: 30px;
		width: 100% !important;
		max-height: unset;
		overflow: auto;
	}

	/*for neckless page*/

	.grid {
		padding: 20px;
	}

	/*for shop our product page*/

	.section-header h2 {
		padding-left: 68px;
	}

	.PriceSection {
		background: #121212;
		color: #E0E0E0;
		font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
		margin-top: -26px;
		padding: 0px;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		min-height: 100vh;
		box-sizing: border-box;
	}
}
@media (max-width: 767px) {
	.PriceSection {
		background: #121212;
		color: #E0E0E0;
		font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
		margin-top: 0px;
		padding: 0px;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		height: 100%;
		box-sizing: border-box;
	}
}



.section-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
	max-width: 500px;
	margin-left: 2rem;
}

.section-text h1 {
	font-size: 2.5rem;
	font-weight: 800;
	line-height: 1.2;
	max-width: 500px;
}

.section-text p {
	margin-top: 1rem;
	font-size: 0.95rem;
	color: #d1d5db;
	line-height: 1.6;
	max-width: 420px;
}

.btn-shop {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 0.6rem 1.6rem;
	border: 1.5px solid #fff;
	background: transparent;
	color: #fff;
	font-weight: 600;
	font-size: 1rem;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
}

	.btn-shop:hover {
		background-color: #fff;
		color: #000;
	}

	.btn-shop svg {
		width: 18px;
		height: 18px;
	}

/* Product Card Styling */


.product-title {
	margin-top: 130%;
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 5px;
}


.product-subtitle {
	font-style: italic;
	font-weight: 400;
	color: #ccc;
	font-size: 0.875rem;
	margin-top: 0.15rem;
}

.product-details {
	margin-top: 0.8rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.03em;
}

.material-options, .color-options {
	margin-top: 0.5rem;
	display: flex;
	gap: 12px;
}

.material-option {
	border: 1.5px solid #fff;
	font-weight: 600;
	font-size: 0.75rem;
	padding: 0.15rem 0.5rem;
	border-radius: 3px;
	cursor: pointer;
	user-select: none;
}

	.material-option.active {
		background-color: #fff;
		color: #000;
	}

.color-circle {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1.5px solid #bbb;
	cursor: pointer;
}

	.color-circle.gray {
		background-color: #b7b7b7;
	}

	.color-circle.yellow {
		background-color: #fbe94a;
		border-color: #fbe94a;
	}

		.color-circle.yellow.active {
			border: 2px solid #fff;
		}

.price {
	margin-top: 1rem;
	font-size: 1.1rem;
	font-weight: 600;
}

	.price .original-price {
		text-decoration: line-through;
		color: #555;
		font-weight: 400;
		margin-left: 0.5rem;
	}

.btn-add-cart {
	margin-top: 1rem;
	padding: 0.55rem 1.35rem;
	border: 1.5px solid #fff;
	background: transparent;
	color: #fff;
	font-weight: 600;
	font-size: 0.9rem;
	border-radius: 3px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: background-color 0.3s ease, color 0.3s ease;
	width: 100%;
	justify-content: center;
}

	.btn-add-cart:hover {
		background-color: #fff;
		color: #000;
	}

/* Swiper Styles */
.swiper {
	width: 100%;
	padding: 20px 0;
}

.swiper-slide {
	background: #1b1b1b;
	border-radius: 10px;
	padding: 15px;
	/*             box-shadow: 0 4px 8px rgba(0,0,0,0.2);
 */ color: #fff;
}

.swiper-button-prev, .swiper-button-next {
	color: #fff !important;
	--swiper-navigation-size: 24px;
}

.swiper-pagination-bullet {
	background: #555 !important;
	opacity: 0.8;
}

.swiper-pagination-bullet-active {
	background: #fff !important;
}

/* Responsive */
@media (max-width: 1024px) {
	.layout-grid {
		grid-template-columns: 1fr 1fr;
	}
}
.product-image-container {
	background-color: #0b0f2f;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	height: 50%;
	padding: 0 !important;
	z-index: 10;
	padding-top: 1rem; /* For shadow visibility */
}

	.product-image-container img {
		height: 100%;
		width: auto;
		object-fit: contain;
		border-radius: 10px;
	}

.right-action {
	z-index: 20;
}

@media (max-width: 720px) {
	

	.mtop
	{
		margin-top:0px;

	}

	.layout-grid {
		grid-template-columns: 1fr;
	}

	.section-text {
		padding: 0;
		max-width: 100%;
		margin-left: 0;
		margin-bottom: 2rem;
	}

	.product-image-container {
		height: 280px;
	}
}


.category-section .card {
	position: relative;
	color: white;
	cursor: pointer;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
	transition: transform 0.3s ease;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: 600;
	border-radius: 0.5rem;
	min-height: 220px;
}

	.category-section .card:hover {
		transform: scale(1.03);
	}

.category-section .btn-shop {
	margin-bottom: 10px;
	background: transparent;
	border: 1px solid white;
	color: white;
	padding: 6px 12px;
	font-size: 0.8rem;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.3s ease, color 0.3s ease;
	width: fit-content;
}

	.category-section .btn-shop:hover {
		background-color: white;
		color: black;
	}

	.category-section .btn-shop svg {
		width: 14px;
		height: 14px;
		fill: currentColor;
	}

.category-section .card h2 {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
}

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

	.category-img-container img {
		width: 100%; /* Increased size for image */
	    height: 100%;
		object-fit: contain;
	}




	.category-section .card h2 {
		font-size: 1.1rem;
	}

	.category-section .btn-shop {
		font-size: 0.7rem;
		padding: 4px 10px;
	}
}

/* Background classes */
.category-section .Swiss {
	background-image: url('/image/silverbar.png');
}

.category-section .UAE {
	background-image: url('/image/lirah.jpg');
}

.category-section .silver {
	background-image: url('/image/GoldBar.png');
}

.category-section .Lerah-coin {
	background-image: url('/image/UAEGOLDBAR.png');
}





.finery-section {
	background-color: #111;
	padding: 60px 0;
	color: #fff;
	font-family: 'Segoe UI', sans-serif;
}

.finery-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1200px;
	margin: auto;
	padding: 0 20px;
}

.finery-left, .finery-right {
	flex: 1 1 48%;
	padding: 0% 3%;
}

	.finery-left h2 {
		font-size: 2.5rem;
		color: #fff;
		margin-bottom: 20px;
	}

	.finery-left p {
		font-size: 1rem;
		color: #ccc;
		margin-bottom: 30px;
		line-height: 1.6;
	}

.finery-buttons {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.btn-highlight {
	background-color: #d4e157;
	color: #222;
	padding: 12px 18px;
	text-decoration: none;
	border-radius: 6px;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.btn-outline {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	padding: 12px 18px;
	text-decoration: none;
	border-radius: 6px;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.product-box {
	background-color: #1a1a1a;
	border: 1px solid #333;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.product-actions {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 10;
}

	.product-actions a {
		background: rgba(255,255,255,0.1);
		padding: 6px;
		border-radius: 50%;
		color: #fff;
	}

.product-image-wrapper {
	position: relative;
	background-color: #000;
}

	.product-image-wrapper img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}

.countdown {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 0.9rem;
}

.product-info {
	padding: 20px;
}

.product-category {
	color: #aaa;
	font-size: 0.9rem;
	margin-bottom: 15px;
}

.material-label {
	display: block;
	font-size: 0.9rem;
	margin-bottom: 5px;
	color: #ccc;
}

.material-options {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}

	.material-options span {
		padding: 5px 10px;
		border-radius: 4px;
		font-size: 0.85rem;
		border: 1px solid #fff;
		color: #fff;
	}

	.material-options .selected {
		background-color: #d4e157;
		color: #222;
		border: none;
	}

.product-price {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 15px;
}

.price-current {
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
}

.price-original {
	color: #aaa;
	text-decoration: line-through;
}

.btn-cart {
	display: inline-block;
	width: 100%;
	padding: 12px 0;
	text-align: center;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 6px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

	.btn-cart i {
		margin-right: 6px;
	}

@media (max-width: 768px) {
	.finery-container {
		flex-direction: column;
	}
}

.testimonials-section {
	background-color: #111;
	color: #fff;
	padding: 60px 0;
	font-family: 'Segoe UI', sans-serif;
}

.testimonials-heading {
	text-align: center;
	margin-bottom: 50px;
	position: relative;
}

	.testimonials-heading h2 {
		font-size: 2.4rem;
		margin-top: 10px;
	}

.icon-cluster {
	position: relative;
	display: inline-block;
}

.large-icon {
	font-size: 2rem;
	color: white;
}

.small-icon {
	position: absolute;
	bottom: -6px;
	left: -12px;
	font-size: 1rem;
	color: white;
}

.testimonial-cards {
	display: flex;
	gap: 30px;
	justify-content: center;
	flex-wrap: wrap;
}

.testimonial-card {
	background-color: #1a1a1a;
	border: 1px solid #333;
	border-radius: 10px;
	padding: 25px;
	flex: 1 1 45%;
	max-width: 500px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.testimonial-text {
	font-size: 1rem;
	color: #eee;
	margin-bottom: 20px;
	line-height: 1.5;
}

.testimonial-item {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.product-icon {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-right: 12px;
}

.about-text {
	font-weight: bold;
	color: #fff;
	font-size: 0.95rem;
}

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

.reviewer-info {
	display: flex;
	align-items: center;
}

.reviewer-img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-right: 10px;
}

.reviewer-details .name {
	font-weight: bold;
}

.reviewer-details .company {
	font-size: 0.85rem;
	color: #ccc;
}

.star-rating i {
	color: #FFD700;
	font-size: 1rem;
}

@media (max-width: 768px) {
	.testimonial-cards {
		flex-direction: column;
		align-items: center;
	}
}





@media (min-width: 769px) {
	.product-scroll-wrapper

{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.product-card1 {
	flex: 0 0 calc(33.333% - 20px);
}

}

@media (max-width: 768px) {
	.product-scroll-wrapper {
		display: flex;
		overflow-x: auto;
		gap: 10px;
		scroll-snap-type: x mandatory;
		padding-bottom: 10px;
	}
	.product-scroll-wrapper-Category {
	
		overflow-x: auto;
		
		scroll-snap-type: x mandatory;
		padding-bottom: 10px;
	}
		.product-scroll-wrapper::-webkit-scrollbar {
			height: 8px;
		}

		.product-scroll-wrapper::-webkit-scrollbar-thumb {
			background: #ccc;
			border-radius: 4px;
		}

	.product-card1 {
		flex: 0 0 80%;
		max-width: 80%;
		scroll-snap-align: start;
	}
}

.product-card1 {
	background: #000;
	border: 1px solid #333;
	padding: 16px;
	color: #fff;
	box-shadow: 0 0 10px #ccc;
	border-radius: 8px;
}

.product-media img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 5px;
}
/*header top by ashwani*/
/* Ensure dir-aware float */
[dir="ltr"] .header-top-menu {
	float: right !important;
}

[dir="rtl"] .header-top-menu {
	float: left !important;
}

/* Align "7 days a week..." message correctly for RTL and LTR */
[dir="ltr"] .header-top-message {
	float: left !important;
	text-align: left;
}

[dir="rtl"] .header-top-message {
	float: right !important;
	text-align: right;
}

/* Responsive fix */
@media (max-width: 768px) {
	.header-top-message,
	.header-top-menu {
		float: none !important;
		text-align: center !important;
		display: block;
		margin: 5px 0;
	}
}


/*Header Menu*/
/* Direction-aware main layout */
[dir="ltr"] .header-logo {
	float: left !important;
}

[dir="rtl"] .header-logo {
	float: right !important;
}

/* Cart position */
[dir="ltr"] .header-cart-toggle,
[dir="ltr"] .header-cart {
	float: right !important;
}

[dir="rtl"] .header-cart-toggle,
[dir="rtl"] .header-cart {
	float: left !important;
}

	/* Toggle button fix for RTL */
	/*[dir="rtl"] .header-cart button.btn {
		margin-left: -40px !important;
		margin-right: 0 !important;
	}*/

/* Menu layout fix */
[dir="rtl"] .mainmenu nav > ul#nav {
	text-align: right;
	direction: rtl;
}

[dir="ltr"] .mainmenu nav > ul#nav {
	text-align: left;
	direction: ltr;
}

/* Responsive layout adjustments */
@media (max-width: 768px) {
	.header-cart,
	.header-logo,
	.mainmenu {
		float: none !important;
		text-align: center !important;
		display: block;
	}

	.header-cart-toggle {
		margin-top: 10px;
	}
}
/*Crasoulpartial*/

[dir="rtl"] .product-slider {
	direction: rtl;
}

[dir="ltr"] .product-slider {
	direction: ltr;
}

/* Reverse arrows in RTL */
[dir="rtl"] .slick-prev {
	right: 2px !important;
	left: auto !important;
	transform: rotate(180deg) translateY(50%);
}

[dir="rtl"] .slick-next {
	left: 2px !important;
	right: auto !important;
	transform: rotate(180deg) translateY(50%);
}

[dir="rtl"] .product-slider .card {
	text-align: right;
}

[dir="ltr"] .product-slider .card {
	text-align: left;
}

/* Responsive spacing fixes */
@media (max-width: 767px) {
	.relative {
		margin-top: 10% !important;
	}

	.midgold {
		margin-top: 0 !important;
	}


	.leftnav {
		background-color: black;
		padding: 0% 2% 2% 0%;
	}
	.header-cart {
		margin: 5% 20% 0% -8%;
		position: relative;
	}
	.rating-boxes {
		grid-template-columns: 1fr !important;
	}

	.product-slider {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 768px) {
	.rating-boxes {
		grid-template-columns: repeat(3, 1fr);
	}
}


/*End*/



.footer-section {
	background-color: #0d0d0d;
	color: #f5f5f5;
	font-family: 'Segoe UI', sans-serif;
	padding: 60px 20px 30px;
	border-top: 1px solid #222;
}

.footer-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
	max-width: 1200px;
	margin: auto;
	padding-bottom: 40px;
	border-bottom: 1px solid #333;
}

.footer-column {
	flex: 1 1 220px;
}

	.footer-column h3,
	.footer-column h4 {
		font-size: 1.2rem;
		font-weight: bold;
		margin-bottom: 16px;
		color: #fff;
	}

	.footer-column p {
		font-size: 0.95rem;
		color: #ccc;
		font-weight:bold;
	}

	.footer-column ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

		.footer-column ul li {
			margin-bottom: 10px;
		}

			.footer-column ul li a {
				color: #ccc;
				text-decoration: none;
				font-size: 0.95rem;
				font-weight:bold;
			}

				.footer-column ul li a:hover {
					color: #fff;
				}

.newsletter-form {
	display: flex;
	align-items: center;
	margin-top: 12px;
	max-width: 350px;
	background: transparent;
	border-radius: 50px;
	color: var(--white);
	padding: 18.5px 55px 18.5px 20px;
	border-color:white !important;
	font-size: 14px;
	-webkit-border-radius: 50px;
}
	.newsletter-form input {
		flex: 1;
		padding: 10px 15px;
		background-color: #1a1a1a;
		color: #fff;
		border: 1px solid #444;
		border-radius: 4px 0 0 4px;
		font-size: 0.95rem;
	}

	.newsletter-form button {
		background-color: #333;
		color: #fff;
		border: 1px solid #444;
		padding: 10px 15px;
		border-radius: 0 4px 4px 0;
		cursor: pointer;
	}

		.newsletter-form button i {
			font-size: 1rem;
		}

.contact-detail {
	font-size: 1.05rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 16px;
}

.footer-bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
	border-top: 1px solid #222;
	padding-top: 20px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

	.footer-bottom p,
	.footer-bottom a,
	.footer-bottom span {
		font-size: 0.85rem;
		color: #aaa;
		margin: 5px 10px;
	}

	.footer-bottom .payment-icons img {
		width: 40px;
		margin: 0 6px;
		vertical-align: middle;
	}

.policy-links a {
	text-decoration: none;
}

	.policy-links a:hover {
		text-decoration: underline;
	}

@media (max-width: 768px) {
	.footer-container {
		flex-direction: column;
		align-items: flex-start;
	}

	.footer-bottom {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}



/**************************************Mobile MenuBar Start**********************************/
body[dir="rtl"] .mainmenu nav > ul#nav {
	text-align: right;
	direction: rtl;
}

	body[dir="rtl"] .mainmenu nav > ul#nav > li {
		float: right;
	}

		body[dir="rtl"] .mainmenu nav > ul#nav > li > ul.sub-menu {
			right: 0;
			left: auto;
			text-align: right;
		}

body[dir="ltr"] .mainmenu nav > ul#nav > li > ul.sub-menu {
	left: 0;
	right: auto;
	text-align: left;
}
body[dir="rtl"] .sidebar-offcanvas {
	left: auto;
	right: 0;
}

body[dir="ltr"] .sidebar-offcanvas {
	left: 0;
	right: auto;
}

body[dir="rtl"] .sidebar-offcanvas ul.nav > li {
	text-align: right;
}