@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('//fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap');

html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
  display: unset;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: auto;
scrollbar-color: #cfa757 #f8f9fa;
}

/* Chrome, Edge, and Safari */
	*::-webkit-scrollbar {
	width: 18px;
}

	*::-webkit-scrollbar-track {
	background: #f8f9fa;
	border-radius: 9px;
}

*::-webkit-scrollbar-thumb {
	background-color: #cfa757;
	border-radius: 9px;
	border: 2px solid #f8f9fa;
	transition: all 0.3s ease;
}

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

*::-webkit-scrollbar-corner {
	background: #f8f9fa;
}

body {
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	color: #1e1e1e;
	font-weight: 500;
	letter-spacing: 0.5px;
	padding: 0;
	margin: 0;
	text-size-adjust: none ;
	-webkit-text-size-adjust: none;
    font-family: 'Plus Jakarta Sans', 'Nunito', sans-serif;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
button {
    color: #cfa757;
    text-decoration:none;
    outline:none;
    display:inline-block;
    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in;
}
button:focus { outline: none; }
a {
	color: #272727;
	text-decoration:none;
	outline:none;
	display:inline-block;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}
a:hover, a:focus {
	color: #800210;
	outline: none;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Nunito', sans-serif;
	margin-top: 0px;
}
p {
	margin-bottom:30px;
}
p:last-child {
    margin-bottom:0px;
}
img {
	max-width: 100%;
	height: auto;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
::-webkit-input-placeholder { /* Edge */
  	color: #272727;
  	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  	color: #272727;
  	opacity: 1;
}

::placeholder {
  	color: #272727;
  	opacity: 1;
}
.black-btn {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border: 2px solid #1e1e1e;
    background-color: #1e1e1e;
    border-radius: 5px; 
    display: inline-block; 
    padding: 15px 30px 15px;
    position: relative;  
    text-align: center; 
    width: auto; 
    cursor:pointer; 
    text-transform: uppercase;
    line-height: 1.42857143;
    transition: all .5s;
}
.black-btn:hover,
.black-btn:focus  { 
    color: #fff ;
    background-color: #FEAF16;
    border: 2px solid #FEAF16;
}
.white-btn {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #800210;
    border: 2px solid #fff;
    background-color: #fff;
    border-radius: 5px; 
    display: inline-block; 
    padding: 15px 30px 15px;
    position: relative;  
    text-align: center; 
    width: auto; 
    cursor:pointer; 
    text-transform: uppercase;
    line-height: 1.42857143;
    transition: all .5s;
}
.white-btn:hover,
.white-btn:focus  { 
    color: #fff ;
    background-color: #FEAF16;
    border: 2px solid #FEAF16;
}
.light-btn {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border: 2px solid #FFFFFF;
    background-color: #1e1e1e;
    border-radius: 5px; 
    display: inline-block; 
    padding: 15px 30px 15px;
    position: relative;  
    text-align: center; 
    width: auto; 
    cursor:pointer; 
    text-transform: uppercase;
    line-height: 1.42857143;
    transition: all .5s;
}
.light-btn:hover,
.light-btn:focus  { 
    color: #1e1e1e;
    background-color: #FEAF16;
    border: 2px solid #FEAF16;
}
.section-header h2.title {
	font-family: 'Nunito', sans-serif;
    font-size: 36px;
    font-weight: 900;
    text-transform: capitalize;
    padding: 0 0 20px;
    margin: 0 0 0px;
    color: #1e1e1e;
    letter-spacing: 1px;
    position: relative;
}
.section-header h2.title:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 62px;
	height: 6px;
	background-color: #800210;
	margin-left: -31px;
}





/* Compact WhatsApp Floating Button (Left Aligned) */
.whatsapp-floating-btn {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 99999;
    text-decoration: none !important;
}

.whatsapp-btn-inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: #ffffff !important;
    height: 44px;
    border-radius: 22px;
    padding: 0 16px 0 12px;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

.whatsapp-btn-inner i {
    font-size: 22px;
    color: #ffffff !important;
    margin-right: 6px;
    transition: transform 0.25s ease;
}

.whatsapp-btn-text {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 0.825rem;
    color: #ffffff !important;
    white-space: nowrap;
    letter-spacing: 0.2px;
}

.whatsapp-floating-btn:hover .whatsapp-btn-inner {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.55);
    background: linear-gradient(135deg, #20ba5a 0%, #0e7368 100%);
}

.whatsapp-floating-btn:hover i {
    transform: rotate(10deg);
}

@media (max-width: 768px) {
    .whatsapp-floating-btn {
        left: 12px;
        bottom: 16px;
    }
    .whatsapp-btn-inner {
        height: 40px;
        padding: 0 12px 0 10px;
    }
    .whatsapp-btn-inner i {
        font-size: 20px;
        margin-right: 5px;
    }
    .whatsapp-btn-text {
        font-size: 0.775rem;
    }
}
.calling:hover {
    width: 250px;
    transition: 0.7s ease;
}
.calling:hover .calling-text{
    opacity: 1;
	visibility: visible;
}

/* Calling Button end */


/* Back to top button Styles
================================================================================*/
#button {
    display: inline-block;
    background-color: #e9351f;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#button::after {
    content: "\f062";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    font-size: 1.5em;
    line-height: 50px;
    color: #fff;
}
#button:hover {
    cursor: pointer;
    background-color: #333;
}
#button:active {
    background-color: #555;
}
#button.show {
    opacity: 1;
    visibility: visible;
}

/* Back to top button Styles end
================================================================================*/

header.cms-header {
	position: relative;
	min-height: 0;
}
.header-sticky.is-sticky {
  	position: fixed;
  	width: 100%;
  	z-index: 99;
  	top: 0;
}
header.cms-header .header-top {
	border-bottom: 1px solid #e1e1e1;
}
header.cms-header .topDetail {
	font-size: 13px;
	padding: 10px 0;
	font-weight: bold;
}

.header-top-settings a {
	font-weight: bold;
	font-size: 15px;
}

header.cms-header .header-top-settings .nav {
	justify-content: flex-end;
}
header.cms-header .header-top-settings ul li {
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	position: relative;
	padding: 10px 0;
	position: relative;
	margin-left: 20px;
	display: flex;
	align-items: center;
}
header.cms-header .header-top-settings ul li i {
	margin-left: 5px;
}
header.cms-header .header-top-settings ul li:first-child {
	margin-left: 0;
	padding-left: 0;
}
header.cms-header .header-top-settings ul li .dropdown-list {
	top: 100%;
	right: 0;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	padding: 5px 15px 10px;
	width: 100px;
	z-index: 9;
	pointer-events: none;
	background-color: #fff;
	-webkit-box-shadow: 0 0 6.65px 0.35px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 6.65px 0.35px rgba(0, 0, 0, 0.15);
}
header.cms-header .header-top-settings ul li .dropdown-list li {
	margin-left: 0;
	padding: 0;
}
header.cms-header .header-top-settings ul li .dropdown-list li a {
	color: #252525;
	font-size: 14px;
	display: block;
	padding: 5px 0 3px;
	text-transform: capitalize;
}
header.cms-header .header-top-settings ul li:hover .dropdown-list {
	opacity: 1;
	visibility: visible;
	pointer-events: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}


	/* header middle Styles
======================================================================================================*/

.contact-call-wrap-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
}
.contact-call-wrap-top .footer-call {
  	margin-left: 15px;
}
.contact-call-wrap-top .footer-call p:first-child {
	margin-bottom: 10px;
}
.contact-call-wrap-top .footer-call p {
	color: #272727;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 5px;
}
.search-box-wrapper {
	max-width: 100%;
	padding: 0;
}
.search-box-inner {
	position: relative;
	display: flex;
	align-items: center;
}
.search-field-wrap {
  	position: relative;
  	width: 100%;
  	border-radius: 3px;
	border: solid 2px #ddd;
}
.search-box-inner .search-field {
	width: 100%;
	height: 42px;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	border: none;
	background-color: #fff;
	border-radius: 0 5px 5px 0;
	padding: 0 50px 0 15px;
}
.search-field-wrap .search-btn button {
	width: 42px;
	height: 42px;
	font-size: 16px;
	line-height: 42px;
	text-align: center;
	display: block;
	position: absolute;
	top: 50%;
	right: 0px;
	border-radius: 0;
	color: #ffffff;
	background: #800210;
	border: none;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-right: 0;
	cursor: pointer;
}
.search-field-wrap .search-btn button i {
	width: 100%;
	height: 100%;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.right-blok-box {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: 0 0;
}
.box-cart-wrap .shopping-cart-wrap {
	position: relative;
	padding: 8px 12px;
	border-radius: 3px;
	border: 2px solid #800210;
	background: #800210;
}
.box-cart-wrap .shopping-cart-wrap > a {
	display: flex;
	align-items: center;
	color: #fff;
}
.shopping-cart-wrap .cart-total {
	background: #f59e0b !important;
	border-radius: 50% !important;
	color: #000000 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	height: 22px !important;
	width: 22px !important;
	line-height: 22px !important;
	position: absolute !important;
	text-align: center !important;
	top: -9px !important;
	left: -12px !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.right-blok-box a .cart-total-amunt {
	font-size: 14px;
	font-weight: 500;
	padding-left: 6px;
}
.shopping-cart-wrap ul.mini-cart {
	position: absolute;
	width: 320px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	right: 0;
	top: 180%;
	border-radius: 5px;
	padding: 30px;
	z-index: 99;
	visibility: hidden;
	opacity: 0;
	-ms-filter: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.shopping-cart-wrap ul.mini-cart::before {
	content: "";
	position: absolute;
	right: 40px;
	top: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 7px 6px;
	border-color: transparent transparent #ffffff transparent;
}
.shopping-cart-wrap ul.mini-cart .cart-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 15px;
	position: relative;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-image {
	display: block;
	width: 100px;
	border: solid 1px #ddd;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title {
	padding-left: 15px;
	width: 60%;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title h4 {
	font-size: 14px;
	font-weight: 500;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title .quanti-price-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title .quantity {
	font-size: 14px;
	margin-right: 5px;
	color: #1e1e1e;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title .price-box {
	font-size: 14px;
	color: #1e1e1e;
	font-weight: 700;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title .remove_from_cart {
	background: none;
	color: #1e1e1e !important;
	display: block;
	font-size: 16px;
	height: auto;
	left: auto;
	margin: 0;
	position: absolute;
	right: -10px;
	top: 0;
	width: auto;
	z-index: 1;
}
.shopping-cart-wrap ul.mini-cart .subtotal-box {
	border-top: 1px solid #ddd;
	padding-top: 15px;
}
.shopping-cart-wrap ul.mini-cart .subtotal-box .subtotal-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.shopping-cart-wrap ul.mini-cart .subtotal-box .subtotal-title h3 {
	font-size: 14px;
	font-weight: 600;
	color: #1e1e1e;
	line-height: 20px;
	margin: 0;
}
.shopping-cart-wrap ul.mini-cart .subtotal-box .subtotal-title span {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #1e1e1e;
}
.mini-cart-btns .cart-btns {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 15px;
	width: 100%;
}
.mini-cart-btns .cart-btns a {
	margin-bottom: 10px;
	background: #eef0f1;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	color: #1e1e1e;
	display: block;
	font-size: 12px;
	font-weight: 700;
	height: 40px;
	line-height: 36px;
	padding: 0 25px;
	text-align: center;
	text-transform: uppercase;
}
.mini-cart-btns .cart-btns a:last-child {
	background-color: #800210;
	color: #fff;
}
.shopping-cart-wrap:hover ul.mini-cart {
	visibility: visible;
	opacity: 1;
	-ms-filter: 1;
	top: 160%;
}




.curreny-wrap {
	border-radius: 3px;
	background: transparent;
	border: 2px solid #ddd;
	color: #333;
	margin-left: 20px;
	position: relative !important;
}
.curreny-wrap ul li {
	padding: 8px 12px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	position: relative;
	display: flex;
	align-items: center;
}
.curreny-wrap ul li i {
	margin-left: 7px;
}
.curreny-wrap ul li .dropdown-list {
	top: 100% !important;
	right: -2px !important;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	padding: 8px 15px 8px;
	width: 115px !important;
	max-height: 250px !important;
	overflow-y: auto !important;
	border-radius: 6px !important;
	z-index: 999;
	pointer-events: none;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
/* Custom thin scrollbar for currency dropdown */
.curreny-wrap ul li .dropdown-list::-webkit-scrollbar {
	width: 5px !important;
}
.curreny-wrap ul li .dropdown-list::-webkit-scrollbar-track {
	background: #f1f5f9 !important;
	border-radius: 10px !important;
}
.curreny-wrap ul li .dropdown-list::-webkit-scrollbar-thumb {
	background: #fbbf24 !important;
	border-radius: 10px !important;
}
.curreny-wrap ul li .dropdown-list::-webkit-scrollbar-thumb:hover {
	background: #d97706 !important;
}

.curreny-wrap ul li .dropdown-list li {
	margin-left: 0;
	padding: 0;
}
.curreny-wrap ul li .dropdown-list li a {
	color: #252525;
	font-size: 13.5px;
	font-weight: 600;
	display: block;
	padding: 5px 0 3px;
	text-transform: uppercase !important;
	transition: all 0.2s ease !important;
}
.curreny-wrap ul li .dropdown-list li a:hover {
	color: #7f0517 !important;
	padding-left: 3px !important;
}
.curreny-wrap ul li:hover .dropdown-list {
	opacity: 1;
	visibility: visible;
	pointer-events: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}



	/* header bottom Styles
======================================================================================================*/

.header-bottom {
	background-color: #800210;
}
.categories_menu {
  	position: relative;
}
.categories-menu-wrap_box .categories_menu_toggle {
  	display: none;
}
.categories-menu-wrap_box .categories_title {
	height: 52px;
	line-height: 52px;
	background: #FEAF16;
	padding: 0 40px 0 16px;
	font-weight: 700;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	box-shadow: inset 4px 0 0 #3b0208;
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	transition: background 0.2s ease;
}
.categories-menu-wrap_box .categories_title:hover,
.categories-menu-wrap_box .categories_title.is-open {
	background: #e59d0e;
}
.categories_title .categori_toggle {
	line-height: 52px;
	color: #3b0208;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
.categories_title .categori_toggle::before {
	content: "\f0c9";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #3b0208;
	display: inline-block;
	position: absolute;
	font-size: 14px;
	line-height: 0px;
	right: 16px;
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%);
}
.categories_menu_toggle {
	padding: 0;
	-webkit-box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
	background: #fff;
	position: absolute;
	width: 100%;
	top: 100%;
	z-index: 100050;
}
.categories_menu_toggle > ul > li {
  	position: relative;
  	border-bottom: solid 1px #ddd;
}
.categories_menu_toggle > ul > li.menu_item_children:before {
	content:'';
	position:absolute;
    top: 0;
	right: -36px;
	width:0;
	height:0;
	border: 26px solid transparent;
	border-left: 10px solid #fff;
	transition: all 0.3s ease-in;
	opacity: 0;
	visibility: hidden;
}
.categories_menu_toggle > ul > li > a {
	font-size: 16px;
	line-height: 1.8;
	text-transform: capitalize;
	font-weight: 700;
	display: block;
	cursor: pointer;
	padding: 10px 20px;
}
.categories_menu_toggle > ul > li > a i {
	float: right;
	line-height: 1.8;
}
.categories_menu_toggle > ul > li ul.categories_mega_menu {
	position: absolute;
	left: 110%;
	width: 240px;
	-webkit-box-shadow: 1px 0 6px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 0 6px 0 rgba(0, 0, 0, 0.3);
	background: #fff;
	padding: 5px 15px 5px;
	max-height: 240px;
	overflow: hidden;
	overflow-y: auto;
	top: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
}
.categories_menu_toggle > ul > li ul.categories_mega_menu > li {
	display: block;
}
.categories_menu_toggle > ul > li ul.categories_mega_menu > li > a {
	display: block;
	padding: 5px 0;
	font-size: 14px;
	font-weight: 500;
}
.categories_menu_toggle > ul > li:hover ul.categories_mega_menu {
	opacity: 1;
	visibility: visible;
	left: 105%;
}
.categories_menu_toggle > ul > li:hover:before {
	opacity: 1;
	visibility: visible;
}
.rx-child, 
.categories_menu_toggle ul li a.rx-show {
  	display: none;
}
.categories_menu_toggle ul li.rx-parent {
  	cursor: pointer;
  	border: 0;
}
.categories_menu_toggle ul li.rx-parent a {
	color: #800210;
}
.categories_menu_toggle ul li.rx-change a.rx-default {
  	display: none;
}
.categories_menu_toggle ul li.rx-change a.rx-show {
  	display: block;
}


.main-menu ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.main-menu ul > li {
	display: flex;
	align-items: stretch;
	position: relative;
	margin: 0;
	flex: 1 1 0;
	min-width: 0;
}
.main-menu ul > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 12.5px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.92);
	padding: 0 14px;
	height: 52px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	white-space: nowrap;
	position: relative;
}
.main-menu ul > li > a:before {
	content: "";
	background: #e8b84a;
	width: 0%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	-ms-filter: 0;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.main-menu ul > li:hover > a:before {
	visibility: visible;
	opacity: 1;
	-ms-filter: 1;
	width: 100%;
}

	/* banner Styles
======================================================================================================*/

section.cms-banner {
	position: relative;
	padding: 22px 0 0;
}
section.cms-banner .owl-item.active h1,
section.cms-banner .owl-item.active h2 {
	animation: fadeInLeft; 
  	animation-duration: 2s;
}
section.cms-banner .owl-item.active p {
	animation: fadeInUp ease 1s 1s both; 
}
section.cms-banner .owl-item.active .btn-box {
	animation: fadeInUp ease 1.5s 1.5s both; 
}
section.cms-banner .owl-item.active .banner-img {
	animation: fadeInRight ease 1.5s 1.5s both;
}
section.cms-banner h1,
section.cms-banner h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 51px;
	font-weight: 700;
	color: #800210;
	margin: 0 0 30px;
	word-break: normal;
	overflow-wrap: break-word;
}
/* Before owl-carousel initialises, only the first slide is laid out (no jump, no 3-column squeeze). */
.owl-carousel:not(.owl-loaded) > .item:not(:first-child) { display: none; }
section.cms-banner h1 span,
section.cms-banner h2 span {
	display: block;
	font-size: 40px;
	color: #fff;
	font-weight: 600;
}
section.cms-banner p {
	font-size: 22px;
	font-weight: 300;
	color: #000;
}

section.cms-banner .banner-txt {
	padding-left: 54px;
}

	/* customer support Styles
======================================================================================================*/
section.cms-support {
	position: relative;
	padding: 60px 0 60px;
}
section.cms-support .col-md-4 {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
section.cms-support .support-box {
	background: #f4f4f4;
	border: 2px solid #e5e5e5;
	padding: 0px 10px 20px;
	transition: all 0.3s ease-in;
}
section.cms-support .support-box .icon {
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;

}
section.cms-support .support-box p {
	font-size: 16px;
	line-height: 24px;
	transition: all 0.3s ease-in;
}
section.cms-support .support-box svg path,
section.cms-support .support-box svg circle {
	transition: all 0.3s ease-in;
}
section.cms-support .support-box:hover {
	background-color: #800210;
}
section.cms-support .support-box:hover svg path,
section.cms-support .support-box:hover svg circle {
	fill: #FEAF16;
}
section.cms-support .support-box:hover p {
	color: #FEAF16;
}


	/* single product Styles
======================================================================================================*/

section.cms-single-product {
	position: relative;
	padding: 80px 0 80px;
	background-color: #f4f4f4;
}
section.cms-single-product .section-header {
	padding: 0 0 30px;
}
.custom-tab .nav-tabs {
  	border-bottom: 3px solid #c7c7c7;
  	justify-content: center;
  	margin: 0 0 40px;
}
.custom-tab .nav-tabs > li {
  	margin-bottom: -4px;
}
.custom-tab .nav > li > a {
	color: #898989;
	cursor: pointer;
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 0;
	padding: 18px 20px 17px;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 0;
	border-bottom: solid 6px transparent;
	margin-right: 10px;
}
.custom-tab .nav > li > a:hover {
	color: #1e1e1e;
	border-bottom: solid 6px #800210;
}
.custom-tab .nav-tabs > li > a.active, 
.custom-tab .nav-tabs > li > a.active:focus, 
.custom-tab .nav-tabs > li > a.active:hover {
  	color: #1e1e1e;
  	border-bottom: solid 6px #800210;
}
.single_product {
	position: relative;
	background-color: #fff;
	border: 1px solid #353535;
	border-radius: 10px;
	padding: 15px;
	height: 100%;
	overflow: hidden;
}
.single_product .product-img-box {
	position: relative;
}
.single_product .product_thumb {
  	position: relative;
  	max-width: 250px;
	height: 250px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
  	overflow: hidden;
  	transition: all 0.3s ease-in;
}
/* Product Thumbnail Hover Fix */
.single_product .product_thumb a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.single_product .product_thumb img.primary-img {
  transition: opacity 0.35s ease, transform 0.35s ease !important;
  opacity: 1 !important;
}

.single_product .product_thumb img.secondary-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  opacity: 0 !important;
  transition: opacity 0.35s ease, transform 0.35s ease !important;
  pointer-events: none;
}

/* If second image exists: smooth crossfade on hover */
.single_product:hover .product_thumb.has-second-img img.primary-img {
  opacity: 0 !important;
}

.single_product:hover .product_thumb.has-second-img img.secondary-img {
  opacity: 1 !important;
  transform: scale(1.03);
}

/* If NO second image: main image MUST NOT hide or fade away! */
.single_product:hover .product_thumb:not(.has-second-img) img.primary-img {
  opacity: 1 !important;
  transform: scale(1.04);
}
.single_product .product_discount {
  	position: absolute;
  	top: 0;
  	left: 20px;
  	width: 80px;
  	height: 30px;
  	background: #800210;
  	border-radius: 0px 0px 9px 9px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}
.single_product .product_discount span {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}
.single_product .product-name {
	height: 50px;
	overflow: hidden;
	margin: 0 0 20px;
	text-align: center;
}
.single_product .product-name a {
	color: #1a1a1a;
	line-height: 1.4;
	font-weight: 700;
}
.single_product .product-price {
	text-align: center;
}
.single_product .product-price a {
	color: #800210;
	font-size: 20px;
	font-weight: 900;
}
.single_product .product-detail-list {
	border: 0;
	padding: 0;
	margin: 10px 0 0 0 !important;
}
.single_product .product-detail-list ul li:last-child {
	border-radius: 6px !important;
	margin-bottom: 0 !important;
}
.single_product .sp-button {
	border: 0 none;
	left: 50%;
	margin-left: -65px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 100%;
	overflow: hidden;
	transition: all 0.5s ease-out 0s;
}
.single_product .sp-button .s-button {
	border-right: 0 none;
	float: left;
	height: 40px;
	margin-right: 10px;
	transform: scale(0);
	transition: all 0.4s ease 0s;
	width: 40px;
}
.single_product .sp-button .s-button a {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	background-color: #800210;
	border-radius: 50%;
	width: 100%;
	height: 100%;
}
.single_product .sp-button .s-button a:hover {
	background-color: #1a1a1a;
}
.single_product:hover .sp-button {
  background: none;
}
.single_product:hover .s-button {
  	transform: scale(1);
}



.custom-carousel .owl-nav{	
	opacity: 0;
	transition: all 0.3s linear;
}
.custom-carousel .owl-nav button.owl-prev,
.custom-carousel .owl-nav button.owl-next {
	background: #1e1e1e;
	border-radius: 0px;
	color: #fff;
	display: inline-block;
	font-size: 25px;
	padding: 3px 10px;
	height: 80px;
	line-height: 70px;
	text-align: center;
	transition: all 0.3s linear;
	width: 32px;
	opacity:1;
	margin:0;
}
.custom-carousel:hover .owl-nav{
	opacity:1;
}
.custom-carousel .owl-nav button:hover {
  background: #800210;
}
.custom-carousel .owl-prev{
	position: absolute;
	top: 50%;
	margin-top: -40px !important;
	left:0;
}
.custom-carousel .owl-next{
	position: absolute;
	top: 50%;
	margin-top: -40px !important;
	right:0;
}
section.cms-single-product .btn-box {
	padding: 60px 0 0;
}


	/* static area Styles
======================================================================================================*/

section.cms-static-area {
	position: relative;
	padding: 80px 0 80px;
}
.single-static {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	background: #9F9F9F;
	border-radius: 10px;
	padding: 30px;
	padding-right: 60px;
	transition: all .5s;
}
.single-static .icon {
	width: 290px;
  	margin-right: 40px;
}
.single-static .icon img {
	border-radius: 10px;
}
.single-static .content {
	width: calc(100% - 290px);
}
.single-static h4 {
	font-size: 30px;
	line-height: 1.4;
	font-weight: 900;
	color: #fff;
	margin: 0 0 40px;
}
.single-static:hover {
	background-color: #353535;
}
.single-static:hover .btn-box a {
	color: #1e1e1e;
    background-color: #FEAF16;
    border: 2px solid #FEAF16;
}

	/* about Styles
======================================================================================================*/

section.cms-about {
	position: relative;
	padding: 80px 0 80px;
	background-color: #1e1e1e;
}
section.cms-about .about-img {
	border-radius: 10px;
	border: 3px solid #FEAF16;
}
section.cms-about .about-img img {
	border-radius: 7px;
}
section.cms-about .about-content h2 {
	font-size: 30px;
	color: #fff;
	font-weight: 900;
	margin: 0 0 20px;
	max-width: 460px;
	line-height: 1.4;
}
section.cms-about .about-content h3 {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 20px;
}
section.cms-about .about-content p {
	color: #fff;
}	

	/* stone list Styles
======================================================================================================*/

section.stone-list {
	position: relative;
	background-color: #f4f4f4;
	padding: 90px 0 90px;
}
section.stone-list .section-header {
	padding: 0 0 60px;
}
section.stone-list .btn-box {
  	padding: 60px 0 0;
}


	/* SHOP BY CATEGORY Styles
======================================================================================================*/

section.cms-category {
	position: relative;
	padding: 90px 0 90px;

}
section.cms-category .section-header {
	padding: 0 0 60px;
}
.category-box {
	position: relative;
	padding: 30px;
	border-radius: 20px;
	height: 100%;
    border:solid 1px;
}
.category-box:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	
    background-repeat: no-repeat;
	width: 121px;
	height: 117px;
}
.category-box .category-img {
	width: 200px;
	height: 200px;
	margin: 0 auto 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.category-box .category-img img {
	width: auto;
	display: inline-block;
}
.category-box h4 {
	font-size: 18px;
	font-weight: 900;
	color: #FEAF16;
	margin: 0 0 30px;
}
.category-box h4 a {
	color: #800210;
}
.category-box .category-list {
	max-height: 240px;
	overflow: hidden;
	overflow-y: auto;
}
.category-box ul li {
	position: relative;
	padding-left: 15px;
	margin: 0 0 5px;
}
.category-box ul li:before {
	content: "\f105";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0;
	color: #202020;
	font-size: 16px;
	transition: all 0.3s ease-in;
}
.category-box ul li a {
	color: #202020;
	font-size: 16px;
}
.category-box ul li:hover a,
.category-box ul li:hover:before {
	color: #FEAF16;
}



	/* special Styles
======================================================================================================*/

section.cms-special {
	position: relative;
	background-color: #f4f4f4;
	padding: 30px 0 30px;
}
section.cms-special .section-header h2 {
	color: #800210;
	font-size: 60px;
	font-weight: 900;
	letter-spacing: 3px;
	color: #800210;
	text-transform: uppercase;
}
section.cms-special .section-header h2 span {
	letter-spacing: 0;
	font-size: 32px;
	font-weight: 900;
	color: #272727;
	text-transform: uppercase;
	display: block;
	padding: 0 0 10px;
}
section.cms-special .section-header p {
	font-size: 24px;
}



	/* Recommended Styles
======================================================================================================*/

section.cms-recommended {
	position: relative;
	padding: 100px 0 100px;
}
section.cms-recommended .section-header {
	padding: 0 0 60px;
}
section.cms-recommended .single_product {
  	display: flex;
}
section.cms-recommended .single_product .product-detail-list {
	margin: 0;
}
section.cms-recommended .single_product .product-detail-list ul li:last-child {
  	border-radius: 0;
}
section.cms-recommended .single_product .product-info {
	margin-left: 20px;
}


	/* footer Styles
======================================================================================================*/

footer.cms-footer {
	position: relative;
	background-color: #0b0103 !important;
	border-top: 3px solid #FEAF16;
	color: #cbd5e1;
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 1. Corporate Trust Features Bar */
.footer-trust-bar {
	background: #140305;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 28px 0;
}

.footer-trust-item {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 10px 15px;
}

.footer-trust-icon {
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: rgba(254, 175, 22, 0.12);
	border: 1px solid rgba(254, 175, 22, 0.3);
	color: #FEAF16;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	flex-shrink: 0;
	transition: all 0.3s ease;
}

.footer-trust-item:hover .footer-trust-icon {
	background: #FEAF16;
	color: #3b0208;
	transform: scale(1.06);
}

.footer-trust-text strong {
	display: block;
	color: #ffffff;
	font-size: 0.96rem;
	font-weight: 700;
	margin-bottom: 3px;
}

.footer-trust-text span {
	color: #94a3b8;
	font-size: 0.84rem;
	line-height: 1.35;
	display: block;
}

/* 2. Footer Main Top Section */
footer.cms-footer .footer-top {
	padding: 60px 0 45px;
	background: linear-gradient(180deg, #140305 0%, #060102 100%) !important;
}

.footer-brand-col {
	margin-bottom: 30px;
}

.footer-brand-title {
	font-size: 1.5rem;
	font-weight: 800;
	color: #ffffff;
	margin-bottom: 10px;
	letter-spacing: -0.5px;
}

.footer-brand-desc {
	font-size: 0.9rem;
	color: #cbd5e1;
	line-height: 1.6;
	margin-bottom: 20px;
}

.footer-top-wrap {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	gap: 30px !important;
}

footer.cms-footer .footer-nav {
	flex: 1 1 210px !important;
	min-width: 190px !important;
	margin-bottom: 25px !important;
}

footer.cms-footer .footer-nav h4 {
	font-size: 1.15rem !important;
	color: #FEAF16 !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	margin: 0 0 22px !important;
	position: relative !important;
	padding-bottom: 12px !important;
}

footer.cms-footer .footer-nav h4:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44px;
	height: 3px;
	background: #FEAF16;
	border-radius: 2px;
}

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

footer.cms-footer .footer-nav ul li {
	margin-bottom: 12px !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

/* Contact icons directly under LI */
footer.cms-footer .footer-nav ul li > span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	height: 24px !important;
	color: #FEAF16 !important;
	font-size: 1rem !important;
	flex-shrink: 0 !important;
}

footer.cms-footer .footer-nav ul li a {
	color: #e2e8f0 !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	line-height: 1.4 !important;
	width: auto !important;
}

footer.cms-footer .footer-nav ul li a span {
	width: auto !important;
	height: auto !important;
	font-size: inherit !important;
	color: inherit !important;
	display: inline !important;
	white-space: normal !important;
}

footer.cms-footer .footer-nav ul li a i {
	flex-shrink: 0 !important;
}

footer.cms-footer .footer-nav ul li a:hover {
	color: #FEAF16 !important;
	transform: translateX(4px) !important;
}

footer.cms-footer .footer-nav ul li a:before {
	display: none;
}

/* Footer Reach Us Address Block */
footer.cms-footer .footer-nav .footer-address {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin-top: 5px !important;
}

footer.cms-footer .footer-nav .footer-address span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	color: #FEAF16 !important;
	font-size: 1.1rem !important;
	flex-shrink: 0 !important;
	margin-top: 2px !important;
}

footer.cms-footer .footer-nav .footer-address p {
	color: #e2e8f0 !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

/* Back-to-Top Button Positioned Safely Above Live Chat Button */
#button, .scroll-to-top, #back-to-top, a#button {
	position: fixed !important;
	bottom: 95px !important;
	right: 25px !important;
	z-index: 99999 !important;
	transition: all 0.3s ease !important;
}

@media (max-width: 991px) {
	#button, .scroll-to-top, #back-to-top, a#button {
		bottom: 110px !important;
		right: 18px !important;
	}
}

/* 3. Footer Mid Social & Payments */
footer.cms-footer .footer-mid {
	background-color: #120204 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 22px 0;
}

footer.cms-footer .footer-mid-wrap {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 20px !important;
}

footer.cms-footer .footer-social {
	display: flex !important;
	align-items: center !important;
	gap: 15px !important;
	flex-wrap: wrap !important;
}

footer.cms-footer .footer-social h4 {
	font-size: 0.95rem !important;
	color: #FEAF16 !important;
	font-weight: 800 !important;
	letter-spacing: 1px !important;
	margin: 0 !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

footer.cms-footer .footer-social ul {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

footer.cms-footer .footer-social ul li {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

footer.cms-footer .footer-social ul li a {
	width: 40px !important;
	height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffffff !important;
	background-color: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	font-size: 1.1rem !important;
	border-radius: 50% !important;
	transition: all 0.3s ease !important;
	text-decoration: none !important;
}

footer.cms-footer .footer-social ul li a:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 6px 18px rgba(254, 175, 22, 0.35) !important;
	border-color: #FEAF16 !important;
	background-color: #FEAF16 !important;
	color: #3b0208 !important;
}

footer.cms-footer .footer-payment {
	display: flex !important;
	align-items: center !important;
	gap: 15px !important;
	flex-wrap: wrap !important;
}

footer.cms-footer .footer-payment h4 {
	font-size: 0.875rem !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	letter-spacing: 1px !important;
	margin: 0 !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

footer.cms-footer .footer-payment ul {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

footer.cms-footer .footer-payment ul li {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

footer.cms-footer .footer-payment ul li img {
	max-height: 38px !important;
	width: auto !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	padding: 4px 8px !important;
	display: block !important;
}

/* 4. Footer Bottom Tags & Copyright */
footer.cms-footer .footer-bottom {
	background-color: #000000 !important;
	padding: 10px 0 15px !important;
}

footer.cms-footer .footer-category h4 {
	font-size: 0.875rem;
	color: #ffffff;
	font-weight: 800;
	letter-spacing: 1px;
	margin-bottom: 16px;
	text-transform: uppercase;
}

footer.cms-footer .footer-category ul {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

footer.cms-footer .footer-category ul li {
	display: inline-block;
	padding: 0;
}

footer.cms-footer .footer-category ul li a {
	color: #cbd5e1;
	font-size: 0.8rem;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 6px 14px;
	border-radius: 20px;
	text-decoration: none;
	transition: all 0.25s ease;
	display: inline-block;
}

footer.cms-footer .footer-category ul li a:hover {
	background: #f59e0b;
	color: #000000;
	border-color: #f59e0b;
	font-weight: 700;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(245, 158, 11, 0.2);
}

footer.cms-footer .copyright {
	padding: 5px 0 0 !important;
	border-top: none !important;
	margin-top: 0 !important;
}

footer.cms-footer .copyright ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

footer.cms-footer .copyright ul li {
	display: inline-block;
	margin: 0 8px;
}

footer.cms-footer .copyright ul li a {
	color: #94a3b8;
	font-size: 0.8rem;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: color 0.2s;
	text-decoration: none;
}

footer.cms-footer .copyright ul li a:hover {
	color: #f59e0b;
}

footer.cms-footer .copyright p {
	font-size: 0.85rem;
	color: #64748b;
	margin: 4px 0;
}

/* SSL & Trust Security Widget */
.ssl-security-widget {
	background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%) !important;
	border: 1px solid rgba(245, 158, 11, 0.3) !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25) !important;
	border-radius: 16px !important;
	padding: 18px 22px !important;
	transition: all 0.3s ease !important;
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
}
.ssl-security-widget:hover {
	border-color: rgba(245, 158, 11, 0.6) !important;
	box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.35) !important;
	transform: translateY(-2px) !important;
}
.ssl-icon-box {
	width: 48px !important;
	height: 48px !important;
	border-radius: 12px !important;
	background: rgba(245, 158, 11, 0.15) !important;
	border: 1px solid rgba(245, 158, 11, 0.35) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	margin-right: 16px !important;
}
.ssl-text-block {
	flex: 1 !important;
}
.ssl-title {
	color: #ffffff !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.3px !important;
	margin: 0 0 3px 0 !important;
	line-height: 1.3 !important;
}
.ssl-desc {
	color: #cbd5e1 !important;
	font-size: 0.8rem !important;
	line-height: 1.35 !important;
	display: block !important;
}

	/*  Begin JB's Offcanvas Area  Styles
======================================================================================================*/

.mobile-navigation {
  	overflow: hidden;
}
.mobile-navigation +.mobile-navigation {
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 2px #ddd;
}

.off-canvas-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	opacity: 0;
	visibility: hidden;
	pointer-events: none !important;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	z-index: 9999;
}

.mobile-menu {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 10px;
	margin-right: -10px;
}

.mobile-navigation nav {
  	height: 100%;
}
.off-canvas-wrapper.open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto !important;
}
.off-canvas-wrapper.open .off-canvas-inner-content {
	-webkit-transform: none;
	transform: none;
}
.off-canvas-wrapper .off-canvas-overlay {
	background-color: rgba(0, 0, 0, 0.4);
	content: "";
	cursor: url("../images/icon/cancel.png"), auto;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.off-canvas-wrapper .off-canvas-inner-content {
	background-color: #fff;
	width: 300px;
	padding: 20px;
	height: 100%;
	position: relative;
	-webkit-transform: translateX(calc(-100% - 50px));
	transform: translateX(calc(-100% - 50px));
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.off-canvas-wrapper .btn-close-off-canvas {
	top: 0;
	left: 100%;
	width: 40px;
	height: 40px;
	font-size: 20px;
	background-color: #800210;
	color: #fff;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.off-canvas-wrapper .btn-close-off-canvas i {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.off-canvas-wrapper .btn-close-off-canvas:hover i {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.off-canvas-wrapper .off-canvas-inner {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  	margin-left: auto;
  	height: 100%;
}
.offcanvas-curreny-lang-support {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 20px 0;
	-webkit-box-pack: center;
	  -ms-flex-pack: center;
	      justify-content: center;
	padding-top: 15px;
}
.offcanvas-curreny-lang-support.header-top-settings ul li {
	color: #333;
	font-size: 14px;
}
.offcanvas-account-container li {
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 2px;
}
.offcanvas-account-container li::before {
	content: "•";
	color: #777;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

/*---------------------------
    - Mobile Menu Css
-----------------------------*/
.mobile-header .category-toggle {
  	padding: 8px 15px;
}
.mobile-menu-btn .off-canvas-btn {
  	font-size: 17px;
  	cursor: pointer;
  	padding: 8px 12px;
  	line-height: 1;
  	color: #fff;
  	border: 2px solid #FEAF16;
  	margin-left: 10px;
}
.mobile-menu-btn .off-canvas-btn a {
	color: #fff;
}
.mobile-menu li > a {
	font-size: 15px;
	color: #252525;
	text-transform: capitalize;
	line-height: 18px;
	position: relative;
	display: inline-block;
	padding: 10px 0;
}
.mobile-menu li > a:hover {
  	color: #80BB01;
}
.mobile-menu li ul li {
  	border: none;
}
.mobile-menu li ul li a {
	font-size: 14px;
	text-transform: capitalize;
	padding: 10px 15px 8px;
}
.mobile-menu .menu-item-has-children {
  	position: relative;
}
.mobile-menu .menu-item-has-children .menu-expand {
	line-height: 50;
	top: -5px;
	left: 95%;
	width: 30px;
	position: absolute;
	height: 50px;
	text-align: center;
	cursor: pointer;
}
.mobile-menu .menu-item-has-children .menu-expand i {
	display: block;
	position: relative;
	width: 10px;
	margin-top: 25px;
	border-bottom: 1px solid #252525;
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
.mobile-menu .menu-item-has-children .menu-expand i:before {
	top: 0;
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	border-bottom: 1px solid #252525;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.mobile-menu .menu-item-has-children.active > .menu-expand i:before {
  	-webkit-transform: rotate(0);
  	transform: rotate(0);
}
.mobile-menu .menu-item-has-children .dropdown {
	width: 100%;
	height: 280px;
	overflow-y: auto;
}

.search-box-offcanvas {
  	margin-bottom: 10px;
}
.search-box-offcanvas form {
  	position: relative;
}
.search-box-offcanvas form input {
	color: #666;
	font-size: 13px;
	width: 100%;
	height: 40px;
	border: none;
	padding: 0 40px 0 10px;
	background-color: #f2f2f2;
}
.search-box-offcanvas form .search-btn {
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	position: absolute;
	background: #800210;
	border: none;
}


	/*  product detail Styles
======================================================================================================*/

.breadcrumb-area {
	background: #f4f4f4;
	padding: 17px 0;
	border: 1px solid #ebebeb;
}
.breadcrumb-list .breadcrumb-item {
	font-size: 14px;
	text-transform: capitalize;
	line-height: 1;
	display: inline-block;
	font-weight: 600;
}
.breadcrumb-list .breadcrumb-item.active {
  	color: #800210;
}
.section-ptb {
  	padding: 60px 0 60px;
}
.product-info h4 {
	position: relative;
	font-weight: 700;
	padding-bottom: 15px;
  	border-bottom: solid 2px #ddd;
  	margin: 0 0 20px;
}
.product-info h4:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 6px;
	width: 90px;
	background-color: #800210;
}
.product-rating li {
  	margin-right: 3px;
  	font-size: 15px;
  	color: #ffcc00;
}
.product-details-view-content .product-rating li a {
  	color: #FECC0A;
}
.product-details-view-content .product-rating > a {
  margin-left: 10px;
}
.product-details-view-content .price-box {
	color: #800210;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 10px;
	width: 100%;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.product-details-view-content .price-box .new-price {
	background: none;
	text-decoration: none;
	color: #800210;
	font-weight: 900;
}
.product-details-view-content .price-box .old-price {
	color: #777;
	display: inline-block;
	font-weight: 600;
	margin-left: 4px;
	text-decoration: line-through;
}

.product-pager {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin: 4px 0 16px;
}
.product-pager-link {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	padding: 10px 14px;
	background: #fffaf3;
	border: 1px solid #e8d5a3;
	border-radius: 8px;
	color: #7f0517 !important;
	text-decoration: none !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.product-pager-prev {
	border-left: 3px solid #d4a017;
}
.product-pager-next {
	border-right: 3px solid #d4a017;
	text-align: right;
	align-items: flex-end;
}
.product-pager-link:hover,
.product-pager-link:focus {
	background: #f3e6c4;
	border-color: #d4a017;
	color: #6a0412 !important;
	box-shadow: 0 4px 12px rgba(127, 5, 23, 0.08);
}
.product-pager-dir {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #7f0517;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.product-pager-next .product-pager-dir {
	justify-content: flex-end;
}
.product-pager-name {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	color: #1e293b;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.product-pager-link.is-placeholder {
	visibility: hidden;
	pointer-events: none;
	border: none;
	background: transparent;
	box-shadow: none;
	padding: 0;
}
@media (max-width: 575px) {
	.product-pager {
		grid-template-columns: 1fr;
	}
	.product-pager-next {
		text-align: left;
		align-items: flex-start;
		border-right: none;
		border-left: 3px solid #d4a017;
	}
	.product-pager-next .product-pager-dir {
		justify-content: flex-start;
	}
	.product-pager-link.is-placeholder {
		display: none;
	}
}
.product-detail-list {
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: 25px 0;
	margin-top: 30px;
}
.product-detail-list ul {
	max-width: 400px;
}
.product-detail-list ul li:nth-child(2n+1) {
  	background-color: #f4f4f4;
}
.product-detail-list ul li {
	display: flex;
	padding: 8px 5px;
}
.product-detail-list .list-label {
	width: 40%;
	color: #800210;
	padding-left: 10px;
	font-size: 16px;
	font-weight: 700;
	position: relative;
}
.product-detail-list .list-label:after {
	content: ":";
	display: block;
	position: absolute;
	font-size: 14px;
	color: #333;
	right: 0;
	top: 1px;
}
.product-detail-list .list-value {
	width: 60%;
	padding-left: 30px;
	color: #212121;
	font-size: 16px;
	font-weight: 700;
}

.product_quantity {
	display: flex;
	align-items: flex-end;
	margin: 20px 0 0;
}
.cart-quantity {
  width: 120px;
  text-align: center;
}
.cart-quantity-button {
	position: relative;
	width: 100%;
	display: flex;
	border: solid 1px #ddd;
	border-radius: 0px;
	overflow: hidden;
}
.cart-quantity-button .btn {
	background-color: #f4f4f4;
	border: 0;
	border-radius: 0;
	width: 80px;
	height: 40px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cart-quantity-button .btn svg {
  	width: 20px;
  	height: 20px;
}
.cart-quantity-button .item-count {
  	border: 0;
  	padding: 5px;
}
.qty-title {
	color: #212121;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
}
.product_quantity button {
	background: #800210;
	font-size: 14px;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	border: none;
	height: 42px;
	padding-right: 15px;
	padding-left: 0;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.product_quantity button i {
	width: 50px;
	background: #FEAF16;
	color: #1e1e1e;
	height: 42px;
	line-height: 42px;
	margin-right: 8px;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.product_quantity button:hover i {
  	background: #800210;
  	color: #fff;
}
.product_quantity .btn-box {
	padding-left: 30px;
}
.single-add-actions {
	margin-top: 20px;
}
.single-add-actions a {
	font-weight: 700;
}


.product-description-area {
	border: 1px solid #ddd;
	margin-top: 60px;
	border-radius: 3px;
	padding: 0px 20px 20px 20px;
}
.product-details-tab {
  	border-bottom: 1px solid #ddd;
}
.product-details-tab li {
  	margin-right: 50px;
}
.product-details-tab li a {
	padding: 20px 0;
	font-size: 20px;
	font-weight: 700;
}
.product-details-tab li a.active {
  	color: #800210;
}
.pro_review {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.review_thumb {
  	min-width: 62px;
}
.review_details {
	border: 1px solid #ddd;
	margin-left: 26px;
	padding: 10px 20px;
	position: relative;
	border-radius: 3px;
}
.review_details::before {
	background: #fff;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	content: "";
	display: block;
	height: 10px;
	left: -6px;
	position: absolute;
	top: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}
.review_details .review_info h5 {
	font-size: 16px;
	font-weight: 700;
}
.review_details .review_info h5 span {
  	font-weight: 400;
  	color: #999;
}
.rating_wrap h5,
.rating_wrap h6 {
	font-size: 16px;
	font-weight: 700;
}
.comments-reply-area .comment-input input, 
.comments-reply-area .comment-form-comment textarea {
  	width: 100%;
  	border: 1px solid #ddd;
  	padding: 10px;
}
.comments-reply-area .comment-form-comment textarea {
	height: 140px;
}
.comments-reply-area label {
	display: block;
	margin-bottom: 3px;
}
.comment-form-submit input {
	border: none;
	padding: 10px 30px;
	border-radius: 3px;
	background: #800210;
	color: #fff;
	cursor: pointer;
}


	/*  product page Area  Styles
======================================================================================================*/

.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}
.select {
	cursor: pointer;
	position: relative;
	font-size: 14px;
	color: #1a1a1a;
	width: 220px;
	height: 46px;
}
.select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 3px;
	padding: 8px 15px;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.select-styled:after {
	content: "";
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-color: #1a1a1a transparent transparent transparent;
	position: absolute;
	top: 16px;
	right: 10px;
}
.select-styled:active:after, .select-styled.active:after {
  	top: 9px;
  	border-color: transparent transparent #1a1a1a transparent;
}
.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	background-color: #fff;
	box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
	border-radius: 5px;
	margin-top: 4px;
}
.select-options li {
	margin: 0;
	padding: 5px 0;
	text-indent: 15px;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
.select-options li:hover, .select-options li.is-selected {
	color: #c0392b;
	background: #f4f4f4;
}
.select-options li[rel="hide"] {
  	display: none;
}
.product-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 40px;
}
.product-header .number-sorting {
	display: flex;
	align-items: center;
}
.product-header .number-sorting .select {
	width: 90px;
}
.product-mode ul li {
	width: 44px;
	height: 44px;
	margin-left: 15px;
}
.product-mode ul li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #777;
	border: 2px solid #ddd;
	border-radius: 3px;
}
.product-mode ul li a:hover,
.product-mode ul li a.active {
	color: #800210;
	border: 2px solid #800210;
}

.product-col {
	margin: 0 0 30px;
}
.shop-product-list-wrap .category-box {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
.shop-product-list-wrap .category-box .category-img {
	width: 250px;
	min-width: 250px;
	margin-right: 25px;
	height: auto;
	margin-bottom: 0;
	overflow: hidden;
}
.shop-product-list-wrap .category-box .category-content {
	width: 100%;
}


	/*  product page sub category  Styles
======================================================================================================*/

.col-20 {
    flex: 0 0 20%;
    max-width: 20%;
}
.sub-category-box {
	position: relative;
	padding: 15px;
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 10px;
	height: 100%;
	text-align: center;
	transition: all .5s;
}
.sub-category-box .sub-category-img {
	width: 200px;
	height: 200px;
	margin: 0 auto 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.sub-category-box .sub-category-img img {
	transition: all .5s;
}
.sub-category-box h4 {
	font-size: 18px;
	font-weight: 900;
	color: #800210;
	margin: 0 0 10px;
}
.sub-category-box h4 a {
	color: #800210;
}
.sub-category-box .product-btn {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	border: 2px solid #800210;
	background-color: #800210;
	border-radius: 5px;
	display: inline-block;
	padding: 12px 22px 12px;
	position: relative;
	text-align: center;
	width: auto;
	cursor: pointer;
	text-transform: uppercase;
	line-height: 1.42857143;
	transition: all .5s;
	transform: scale(0);
}
.sub-category-box .btn-box {
	left: 0;
	position: absolute;
	top: 30%;
	width: 100%;
	overflow: hidden;
	transition: all 0.5s ease-out 0s;
}
.sub-category-box:hover {
	border: solid 2px #800210;
}
.sub-category-box:hover .product-btn {
  	transform: scale(1);
}
.sub-category-box:hover .sub-category-img img {
	opacity: 0.2;
}

	/*  product page category list  Styles
======================================================================================================*/

.shop-product-list-wrap .single_product {
	display: flex;
}
.shop-product-list-wrap .single_product .product-img-box {
	min-width: 250px;
	margin-right: 30px;
}
.shop-product-list-wrap .single_product .product-detail-list {
	margin: 15px 0 0;
}
.shop-product-list-wrap .single_product .product-detail-list ul li:last-child {
  	border-radius: 0;
}
.prodDetailMar {
	max-width: 290px;
	margin-left: 30px;
	border-left: solid 1px #353535;
	padding-left: 30px;
}
.prodDescriTitle {
	font-size: 18px;
	color: #800210;
	font-weight: 900;
	margin: 0 0 10px;
}

	/*  cart page  Styles
======================================================================================================*/

.cms-cart .cart-header {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    border-bottom: solid 1px #eaeaea;
    letter-spacing: .05em;
    font-weight: 600;
    color: #1f1f22;
    opacity: .75;
    padding: 0 0 15px;
}
.cms-cart .header-quantity {
    margin-left: auto;
    width: 100px;
    text-align: center;
}
.cms-cart .header-total {
    width: 140px;
    text-align: right;
}
.cms-cart .cart-item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 30px 0 30px;
}
.cms-cart .cart-image {
    width: 120px;
    border-radius: 10px;
    overflow: hidden;
    border: solid 1px #ddd;
}
.cms-cart .cart-item-main {
    width: calc(100% - 160px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 30px;
}
.cms-cart .cart-item-detail {
    line-height: 24px;
}
.cms-cart .cart-item-title {
    color: #000;
    font-weight: 700;
}
.cms-cart .cart-item-subtitle {
    color: #777;
    margin: 0;
}
.cms-cart .cart-quantity {
    width: 120px;
    flex-direction: column;
    text-align: center;
}
.cms-cart .cart-quantity-button {
    position: relative;
    width: 100%;
    display: flex;
    border: solid 1px #ddd;
    border-radius: 5px;
    overflow: hidden;
}
.cms-cart .cart-quantity-button .btn {
    background-color: #f1f4f5;
    border: 0;
    border-radius: 0;
    width: 80px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cms-cart .cart-quantity-button .btn svg {
    width: 20px;
    height: 20px;
}
.cms-cart .item-count {
    border: 0;
    padding: 5px;
}
.cms-cart .cart-item-remove {
    font-size: 14px;
    text-align: center;
}
.cms-cart .cart-item-total {
    width: 140px;
    text-align: right;
}


.cms-cart .cart-footer {
    width: 100%;
    border-top: solid 1px #eaeaea;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 0 0;
}
.cms-cart .cart-footer-left {
    width: 35%;
}
.cms-cart .cart-footer textarea {
    height: 140px;
}
.cms-cart .cart-footer-right {
    width: 65%;
    text-align: right;
}
.cms-cart .cart-footer-tax-note {
    font-size: 16px;
    color: #555;
}
.cms-cart .coupons-stacker {
    width: 400px;
    max-width: 100%;
    margin-left: auto;
    text-align: left;
}
.cms-cart .coupons-stacker label {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}
.cms-cart .stack-discounts-input-block {
    display: flex;
}
.cms-cart .stack-discounts-input-block input {
    width: calc(100% - 96px);
    background-color: #f1f4f5;
    margin-right: 10px;
    height: 45px;
    border-radius: 3px;
    color: #000;
    font-weight: 500;
}
.cms-cart .stack-discounts-input-block .black-btn {
    width: 96px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 0;
    text-transform: uppercase;
}
.stack-discounts-tag {
    position: relative;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #f1f4f5;
    display: inline-block;
    margin: 10px 0 15px;
    font-size: 14px;
    font-weight: 600;
}
.stack-discounts-tag:before {
    background-image: url('../images/coupon.svg');
    width: 17px;
    height: 17px;
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 7px;
    opacity: 0.8;
    transition: all 0.2s;
}
.stack-discounts-applied-discount {
    padding: 7px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #1488ff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.stack-discounts-applied-discount .discount-label {
    display: flex;
    align-items: center;
}
.stack-discounts-applied-discount i {
    margin-right: 7px;
}
.cart-footer .stack-discounts-discount-value {
    margin-left: 30px;
}


.stack-discounts-total-price {
    padding: 7px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.cart-footer #stack-discounts-subtotal {
    margin-left: 30px;
}
#stack-discounts-subtotal-value strike {
    margin-right: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: line-through;
}
.cms-cart .btn-box .black-btn {
    padding: 10px 26px;
    font-size: 16px;
}
.cms-cart .cart-table table td {
    vertical-align: middle;
}
.cms-cart .cart-table table td .black-btn {
    padding: 6px 14px;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 4px;
    white-space: nowrap;
}
.cms-cart .cart-update .black-btn {
    padding: 8px 18px;
    font-size: 13px;
    line-height: 1.4;
    border-radius: 4px;
    margin-right: 6px;
    margin-bottom: 6px;
}
.cms-cart .cart-calculator-wrapper .table td {
    vertical-align: middle;
}
.cms-cart .cart-calculator-wrapper .table td .black-btn {
    padding: 6px 14px;
    font-size: 12px;
    line-height: 1.2;
    border-radius: 4px;
    white-space: nowrap;
}
.cms-cart .cart-calculator-wrapper > .black-btn {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px;
    width: 100%;
    margin-top: 15px;
}


	/*  login register page  Styles
======================================================================================================*/
.cms-login .section-header h2 {
	margin: 0 0 30px;
}
.cms-login .section-header p {
	/*font-size: 20px;
	color: #999;*/
}
.cms-login .section-header a.login-txt {
	font-weight: 700;
	color: #800210;
}
.cms-login .section-header a.register-txt {
	font-weight: 700;
	color: #FEAF16;
}
.cms-login:not(.login-page-wrapper) .form-group {
	display: flex;
	flex-wrap: wrap;
}
.cms-login:not(.login-page-wrapper) .form-group label {
	margin: 0;
	font-weight: 900;
	letter-spacing: 1px;
	color: #1a1a1a;
	background-color: #fff;
	display: inline-block;
	font-size: 14px;
	margin-left: 15px;
	margin-bottom: -15px;
	position: relative;
	padding: 0 10px;
	z-index: 1;
}
.cms-login:not(.login-page-wrapper) .form-group input {
	border: 2px solid #ddd;
	border-radius: 3px;
	padding: 8px 25px 0;
	box-shadow: none;
	height: 56px;
}
.form-group .select {
	width: 100%;
	height: 56px;
	color: #777;
	font-size: 1rem;
}
.form-group textarea {
	border: 2px solid #ddd;
	border-radius: 3px;
	padding: 15px 25px 0;
	box-shadow: none;
	height: 126px;
}
.form-group .select-styled {
	padding: 15px 25px 0;
}
.form-group .select-styled::after {
	top: 22px;
}
.form-group .select-styled:active::after, 
.form-group .select-styled.active::after {
	top: 15px;
}
.form-control:focus {
  	color: #495057;
  	background-color: #fff;
  	border-color: #800210;
  	outline: 0;
  	box-shadow: none;
}
.check-box input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}
.check-box label {
    font-size: 14px;
    position: relative;
    cursor: pointer;
    margin: 0;
    display: flex;
    align-items: center;
    line-height: 1;
}
.check-box label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #000;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 3px;
}
.check-box input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.check-box input:checked + label:before {
    background-color: #000;
}
.checkbox-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 30px;
}
.checkbox-wrap .forgot-password a {
	color: #800210;
	font-weight: 700;
	font-size: 14px;
}


	/*  checkout page  Styles
======================================================================================================*/

section.cms-checkout {
    overflow: hidden;
}

.checkout-lft {
    padding: 30px 30px 0;
    padding-left: 0;
}
.checkout-header {
    padding: 0 0 30px;
}
.dynamic-checkout {
    position: relative;
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #000;
    margin: 30px 0 0;
}
.dynamic-checkout h2 {
    font-size: 16px;
    position: absolute;
    top: -10px;
    left: 0;
    text-align: center;
    width: 100%;
    margin: 0;
}
.dynamic-checkout h2 span {
    background-color: #fff;
    padding: 0 10px;
}
.dynamic-checkout ul {
    list-style: none;
    margin: 0 -5px;
    padding: 0;
    display: flex;
    justify-content: center;
}
.dynamic-checkout ul li {
    padding: 0 5px;
}
.alternative-payment-separator {
    position: relative;
    display: flex;
    align-items: center;
    margin: 30px 0 0;
}
.alternative-payment-separator span {
    display: inline-block;
    padding: 0 1em;
}
.alternative-payment-separator:after, 
.alternative-payment-separator:before {
    content: '';
    display: inline-block;
    height: 1px;
    background-color: #000;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
} 
.checkout-lft .contact-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
}
.checkout-lft .contact-info h2 {
    font-size: 20px;
    font-weight: 900;
    margin: 0;
}
.checkout-lft .contact-info p {
    font-size: 14px;
}
section.cms-checkout .step {
    padding: 0 0 40px;
}
.shipping-address {
    padding: 30px 0 0;
}
.shipping-address h2 {
    font-size: 20px;
    font-weight: 900;
    margin: 0 0 20px;
}
.checkout-lft .step-footer {
    display: flex;
    justify-content: space-between;
    padding: 30px 0 0;
}
.step-footer-previous-link {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 900;
}
.step-footer-previous-link svg {
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
.step-footer .black-btn {
    font-size: 16px;
}
section.cms-checkout .sidebar {
    position: relative;
    padding: 30px 60px 0;
    padding-right: 0;
    height: 100%;
}
section.cms-checkout .sidebar:after {
    content: "";
    display: block;
    width: 300%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #f4f4f4;
    z-index: -1;
    box-shadow: 1px 0 0 #e0e1e0 inset;
    background-position: left top;
}
.order-summary-product-list {
    border-bottom: solid 1px #000;
}
section.cms-checkout .product-table td {
    border: 0;
    vertical-align: middle;
}
section.cms-checkout .product-table .product-image {
    padding-left: 0;
}
section.cms-checkout .product-thumbnail {
    width: 4.6em;
    height: 4.6em;
    border-radius: 8px;
    background: #fff;
    position: relative;
}
.product-thumbnail:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 8px;
    border: 1px rgba(0,0,0,0.1) solid;
    z-index: 2;
}
section.cms-checkout .product-thumbnail-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    z-index: 1;
}
section.cms-checkout .product-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}
section.cms-checkout .product-thumbnail-quantity {
    font-size: 0.8571428571em;
    font-weight: 500;
    line-height: 1.75em;
    white-space: nowrap;
    text-align: center;
    border-radius: 1.75em;
    background-color: rgba(114,114,114,0.9);
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 1.75em;
    height: 1.75em;
    padding: 0 0.5833333333em;
    position: absolute;
    right: -0.75em;
    top: -0.75em;
    z-index: 3;
}
section.cms-checkout .product-description {
    width: 100%;
    text-align: left;
    padding-left: 1em !important;
}
section.cms-checkout .product-description span {
    font-size: 14px;
    font-weight: 900;
    display: block;
    line-height: 22px;
}
section.cms-checkout .product-description .product-description-variant {
    font-weight: 400;
}
section.cms-checkout .product-price {
    font-size: 15px;
    font-weight: 500;
}
.order-summary-discount {
    padding: 1.5em 0;
}
.order-summary-discount .stack-discounts-input-block {
    display: flex;
}
.order-summary-discount .stack-discounts-input-block input {
    width: calc(100% - 96px);
    background-color: #fff;
    margin-right: 10px;
    height: 45px;
    border-radius: 3px;
    color: #000;
    font-weight: 500;
}
.order-summary-discount .stack-discounts-input-block .black-btn {
    width: 96px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 0;
    text-transform: uppercase;
}
.order-summary-total {
    padding: 1.5em 0;
    border-top: solid 1px #000;
    font-weight: 400;
    font-size: 14px;
}
.order-summary-total .total-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.total-line-price {
    padding-left: 1.5em;
    text-align: right;
    white-space: nowrap;
}
.total {
	/* display: flex; */
	justify-content: space-between;
	/* align-items: center; */
	/* border-top: solid 1px #000; */
	/* padding: 1.5em 0 0; */
	font-weight: bold;
	font-size: x-large;
}
.total .total-name {
    font-size: 20px;
    font-weight: 900;
}
.total .payment-due-currency {
    font-size: 13px;
    font-weight: 400;
}
.total .payment-due-price {
    font-size: 20px;
    font-weight: 900;
}


/* user profile page Styles
======================================================================================================*/

.profile-nav {
    margin-bottom: 20px;
    background-color: #fff;
    border: solid 1px #eaeaea;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.profile-nav .user-heading {
    background: #f4f4f4;
    color: #000;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    padding: 30px;
    text-align: center;
}
.profile-nav .user-heading.round a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 10px solid rgba(28,44,92,0.1);
    display: inline-block;
}
.profile-nav .user-heading a img {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.profile-nav .user-heading h1 {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0 0;
}
.profile-nav .user-heading p {
    font-size: 14px;
}
.profile-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.profile-nav ul > li {
    border-bottom: 1px solid #ebeae6;
    margin-top: 0;
    line-height: 30px;
    width: 100%;
}
.profile-nav ul > li > a {
    position: relative;
    font-size: 16px;
    color: #000;
    display: block;
    padding: 10px 15px;
    border-left: 5px solid transparent;
}
.profile-nav ul > li > a > i {
    padding-right: 10px;
}
.profile-nav ul > li > a:hover, 
.profile-nav ul > li > a:focus, 
.profile-nav ul li a.active {
    background: #800210;
    border-left: 5px solid #FEAF16;
    color: #fff !important;
}




.profile-info {
    margin-bottom: 20px;
    background-color: #fff;
    border: solid 2px #eaeaea;
    border-radius: 4px;
}
.profile-info .bio-graph-info {
    padding: 20px;
}
.profile-info .bio-graph-info h1 {
    font-size: 20px;
    font-weight: 600;
    background: #f4f4f4;
    padding: 15px 15px;
    margin: 0 0 40px;
}
.profile-info .bio-row {
    margin: 0 0 15px;
}
.profile-info .bio-row p {
    font-size: 16px;
}
.profile-info .bio-row p span {
    width: 120px;
    display: inline-block;
}
.profile-info .address-info {
    padding: 30px;
}
.address-info .address {
    background-color: #fff;
    border: solid 2px #eaeaea;
    border-radius: 5px;
    padding: 20px;
}
.address-info .address h2 {
    font-size: 20px;
    font-weight: 600;
}
.address-info .address p {
    margin: 0;
}



.order-info {
	border: solid 2px #eaeaea;
	padding: 30px;
}
.order-info .order-number {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 30px;
}
.order-box {
	background-color: #f4f4f4;
	padding: 30px;
	border-radius: 5px;
}
.order-box .order-detail {
	display: flex;
	justify-content: space-between;
}
.order-box .order-value p {
	margin: 0;
	font-weight: 700;
}


/* our blog page Styles
======================================================================================================*/
section.blog-pg-section {
    padding: 80px 0 80px;
}
.blog-sidebar {
    padding-left: 45px;
}


.blog-pg-section .entry-meta {
    border: 2px solid #ddd;
    padding: 15px 35px;
}
.blog-pg-section .post-box + .post-box {
    margin-top: 60px;
}
.entry-media img {
	/*width: 100%;
	height: 400px;*/
	object-fit: cover;
	object-position: center;
}
.blog-pg-section .entry-meta span {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    display: inline-block;
}
.blog-pg-section .entry-meta span i {
    padding-right: 4px;
    color: #800210;
}
.blog-pg-section .entry-meta span a {
    color: #000;
    text-transform: capitalize;
}
.blog-pg-section .entry-meta > span + span {
    margin-left: 20px;
}
.blog-pg-section .entry-details {
    border: 2px solid #ddd;
    border-top: 0;
    padding: 35px 35px 35px;
    position: relative;
    z-index: 1;
}
.blog-pg-section .post-box h3 {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2em;
    margin: 0 0 15px;
}
.blog-pg-section .post-box h3 a {
    color: #800210;
}
.blog-pg-section .post-box p {
    margin: 0 0 30px;
    color: #777;
}
.blog-pg-section .post-box .blue-btn {
    max-width: 160px;
}

/* Latest updates grid layout */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin: 0;
}
.blog-grid > [class*="col-"] {
    padding: 0;
    max-width: 100%;
    flex: 0 0 auto;
}
@media (max-width: 1199.98px) {
    .blog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 991.98px) {
    .blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767.98px) {
    .blog-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}


.blog-sidebar .widget h3 {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    text-transform: capitalize;
    padding-bottom: 20px;
    margin: 0 0 30px;
    border-bottom: 2px solid #ddd;
}
.blog-sidebar .widget h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 60px;
    height: 4px;
    background: #800210;
}
.blog-sidebar .search-widget form div {
    position: relative;
}
.blog-sidebar .search-widget input {
    background-color: #fff;
    border: 2px solid #ddd;
    height: 50px;
    font-size: 16px;
    width: 100%;
    padding: 6px 50px 6px 20px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.blog-sidebar .search-widget form button {
    background: #800210;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    border: 0;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
}
.blog-sidebar > .widget + .widget {
    margin-top: 60px;
}



.widget_categories ul li {
    position: relative;
    display: block;
}
.blog-sidebar .widget_categories ul li a {
    display: block;
    padding-left: 25px;
    position: relative;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #000;
}
.blog-sidebar .widget_categories ul a:before {
    content: "\f30b";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 12px;
}
.widget_categories > ul > li a + span {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    text-align: center;
    color: #828282;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
}



.blog-sidebar .recent-post-widget .post {
    overflow: hidden;
}
.blog-sidebar .recent-post-widget .post .img-holder {
    width: 68px;
    float: left;
}
.blog-sidebar .recent-post-widget .post .img-holder img {
    border-radius: 50%;
    border: 2px solid #efefef;
}
.blog-sidebar .recent-post-widget .post .details {
    width: calc(100% - 68px);
    float: left;
    padding-left: 20px;
}
.blog-sidebar .recent-post-widget .post h4 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0 0 0.3em;
}
.blog-sidebar .recent-post-widget .post h4 a {
    display: inline-block;
    color: #262b3e;
}
.blog-sidebar .recent-post-widget .post .details .date {
    color: #9e9c9c;
    font-size: 13px;
}
.blog-sidebar .recent-post-widget .post .details .date i {
    display: inline-block;
    padding-right: 7px;
}
.blog-sidebar .recent-post-widget .posts > .post + .post {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f3f2f2;
}



.widget_tag_cloud .tagcloud a {
    font-size: 13px;
    color: #32373c;
    display: inline-block;
    padding: 5px 13px;
    border-radius: 0;
    margin: 0 3px 6px 0;
    border: 2px solid #efefef;
    border-radius: 60px;
}
.widget_tag_cloud .tagcloud a:hover {
    background-color: #800210;
    border-color: #800210;
    color: #fff;
}


/* our blog detail page Styles
======================================================================================================*/

section.blog-single-section {
    padding: 80px 0 80px;
}
.blog-single-section .date-entry-meta {
    position: relative;
    margin-bottom: 35px;
}
.blog-single-section .date-entry-meta .entry-meta {
    border-bottom: 2px solid #f4f4f4;
    padding: 15px 35px;
    padding-left: 0px;
}
.blog-single-section .date-entry-meta .entry-meta span {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    display: inline-block;
}
.blog-single-section .date-entry-meta .entry-meta span i {
    color: #800210;
    padding-right: 5px;
}
.blog-single-section .date-entry-meta .entry-meta span a {
    color: #000;
    text-decoration: none;
}
.blog-single-section .date-entry-meta .entry-meta > span + span {
    margin-left: 20px;
}
.blog-single-section .date-entry-meta .entry-meta span {
    font-size: 14px;
    color: #000;
    display: inline-block;
}
.blog-single-section .post h2 {
    font-size: 30px;
    line-height: 1.3em;
    margin: 20px 0 20px;
}
.blog-single-section .entry-details p {
    margin-bottom: 1.5em;
}



.blog-single-section .tag-share {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    margin: 30px 0 0;
    padding: 30px 0;
    color: #262b3e;
}
.blog-single-section .tag-share .tag {
    float: left;
    padding-top: 5px;
}
.blog-single-section .tag-share .tag > span {
    position: relative;
    top: -8px;
    color: #262b3e;
    font-weight: bold;
    display: inline-block;
    padding-right: 8px;
}
.blog-single-section .tag-share .tag ul {
    list-style: none;
    display: inline-block;
    position: relative;
    top: 5px;
    padding-left: 5px;
}
.blog-single-section .tag-share .tag ul li {
    position: relative;
    list-style: none;
    line-height: 20px;
    margin-bottom: 0px;
    float: left;
}
.blog-single-section .tag-share .tag ul > li + li {
    margin-left: 10px;
}
.blog-single-section .tag-share .tag a {
    background-color: #f5f5f5;
    font-size: 13px;
    color: #687693;
    padding: 6px 15px;
    border-radius: 50px;
    display: inline-block;
}
.blog-single-section .tag-share .tag a:hover {
    background-color: #800210;
    color: #fff;
}
.blog-single-section .tag-share .tag ul > li + li {
    margin-left: 10px;
}



.blog-single-section .tag-share .share {
    float: right;
    position: relative;
    top: -12px;
    margin-top: 15px;
}
.blog-single-section .tag-share .share span {
    position: relative;
    top: -7px;
    padding-right: 8px;
    color: #262b3e;
    font-weight: 600;
    display: inline-block;
}
.blog-single-section .tag-share ul {
    top: 7px;
    position: relative;
    list-style: none;
    display: inline-block;
    overflow: hidden;
}
.blog-single-section .tag-share ul li {
    float: left;
}
.blog-single-section .tag-share .share ul > li + li {
    margin-left: 10px;
}
.blog-single-section .tag-share .share a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #eae6e6;
    border-radius: 50%;
    display: inline-block;
    font-size: 14px;
    color: #627381;
}
.blog-single-section .tag-share .share a:hover {
    background: #800210;
    border-color: #800210;
    color: #fff !important;
}
.blog-single-section .tag-share .share ul > li:first-child a {
    color: #3c5ba4;
}
.blog-single-section .tag-share .share ul > li:nth-child(2) a {
    color: #47a0d9;
}
.blog-single-section .tag-share .share ul > li:nth-child(3) a {
    color: #0073b1;
}
.blog-single-section .tag-share .share ul > li:nth-child(4) a {
    color: #933f94;
}




.blog-single-section .comment-form {
    padding: 50px 50px;
    -webkit-box-shadow: 0px 9px 57px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 9px 57px 0px rgba(0, 0, 0, 0.11);
    margin: 60px 0 30px;
}
.blog-single-section .comment-form .comment-reply-title {
    font-size: 22px;
    margin: 0 0 20px;
}
.blog-single-section .comment-form input.form-control {
    height: 52px;
    box-shadow: none;
    background-color: #fff;
    color: #000;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}



/* contact page Styles
======================================================================================================*/

.contact-detail {
	padding: 20px;
	border: solid 2px #ddd;
	border-radius: 10px;
}
.contact-detail .contact-map img {
	border-radius: 10px;
}
.contact-detail .contact-info {
	padding: 20px 0;
}
.contact-detail .contact-info h4 {
	font-weight: 900;
	text-transform: uppercase;
	margin: 0 0 30px;
}
.contact-detail .contact-info li {
	position: relative;
	line-height: 24px;
	margin: 0 0 20px;
	display: flex;
	align-items: center;
}
.contact-detail .contact-info li img {
	width: 30px;
	margin-right: 20px;
}
.contact-detail .footer-social ul li {
    display: inline-block;
}
.contact-detail .footer-social ul li + li {
    padding-left: 10px;
}
.contact-detail .footer-social ul li a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #FEAF16;
    font-size: 22px;
    border-radius: 50%;
}
.contact-detail .footer-social ul li a:hover {
    color: #fff;
}
.contact-detail .footer-social ul li a.whatsapp:hover {
	background-color: #25d366;
}
.contact-detail .footer-social ul li a.facebook:hover {
	background-color: #3b5998;
}
.contact-detail .footer-social ul li a.twitter:hover {
	background-color: #1da1f2;
}
.contact-detail .footer-social ul li a.instagram:hover {
	background-color: #c4008c;
}
.contact-detail .footer-social ul li a.linkedin:hover {
	background-color: #0073b0;
}


/* faq page Styles
======================================================================================================*/

.accordion {
	padding: 0 40px 0;
}
.accordion__item {
	position: relative;
	margin-bottom: 25px;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
}
.accordion__body {
	position: relative;
  	display: none;
  	padding: 25px 25px 30px;
  	padding-left: 100px;
  	background-color: #fff;
  	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}
.accordion__body p {
  	margin-bottom: 0;
  	font-size: 16px;
  	color: #3B435E;
  	letter-spacing: 0.01em;
}
.accordion__title {
  	font-size: 21px;
  	font-weight: 700;
  	color: #fff;
  	cursor: pointer;
  	margin-bottom: 0;
  	position: relative;
  	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	background-color: #800210;
	border-radius: 0px;
	display: flex;
	align-items: center;
	padding: 20px 27px 20px;
	padding-right: 72px;
	padding-left: 92px;
	min-height: 72px;
}
.accordion__title:after {
	content: "+";
	font-size: 32px;
	font-weight: 500;
	color: #fff;
	width: 72px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0px;
	top: 0;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
}
.accordion__title.active:after {
  	content: "-";
}
.accordion__title:before {
	content: "Q";
	position: absolute;
	left: 0;
	top: 0;
	width: 72px;
	height: 100%;
	background-color: #FEAF16;
	font-size: 38px;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
    transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	z-index: 1;
}
.accordion__body:before {
	content: "A";
	position: absolute;
	left: 0;
	top: 0;
	width: 72px;
	height: 100%;
	background-color: #E7E5F3;
	font-size: 38px;
	font-weight: 700;
	color: #555C6F;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-info {
	margin-bottom: 25px;
	border-bottom: solid 2px #ddd;
	padding-bottom: 20px;
}
.faq-info:last-child {
	border: 0;
	margin: 0;
	padding: 0;
}
.faq-info h4 {
	font-weight: 800;
	font-size: 20px;
	margin: 0 0 5px;
}
.faq-info a {
	font-weight: 900;
	color: #FEAF16;
}
.faq-info span {
	font-weight: 900;
	color: #800210;
}

	/*  registration complete page  Styles
======================================================================================================*/

.register-pg-section .support {
	color: #353535;
	font-size: 20px;
}
.register-pg-section .support a {
	font-weight: 900;
	color: #800210;
}


.paginatoin-area ul li.active {
	color: #fff;
	background-color: #800210;
	height: 36px;
	width: 36px;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	line-height: 36px;
	border-radius: 50%;
}

.paginatoin-area {
	margin-top: 30px;
	padding: 20px;
	border: 1px solid #efefef;
}

.paginatoin-area ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.paginatoin-area ul li {
	margin-right: 5px;
	display: inline-block;
}

.paginatoin-area ul li a {
	color: #222222;
	height: 36px;
	width: 36px;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	line-height: 36px;
	background-color: #f5f5f5;
	border-radius: 50%;
}


.curreny-wrap ul li .dropdown-list {
	max-height: 400px;
	overflow: auto;
}

.categories_menu_toggle > ul {
	max-height: 500px;
	overflow-y: initial;
}
.category-box .category-img {
	width: 300px;
	height: 300px;
	max-width: 100%;
}


.footer-nav .fas {
	color: #fff;
}
#xzoom-fancy {
	width: 100%;
}
.xzoom-thumbs img {
	width: 100px;
}

.max-450 {
	max-height: 300px;
	overflow-x: hidden;
	padding-right: 18px;
}
.shopping-cart-wrap ul.mini-cart {
	width: 350px;
	padding: 17px;
}

.pro-nav-thumb {
	width: 100px;
}


.contact-detail .footer-social ul li a {
	background-color: #800210;
}

.entry-media img {
	max-width: 100%;
	max-height: 400px;
}


.close {
	text-align: right;
	margin-right: 15px;
}

.text1 {
	max-width: 250px;
	display: block;
	text-align: justify;
	max-height: 200px;
	overflow: auto;
}

.select-options {
	max-height: 200px;
	overflow: auto;
}

.price-regular {
	color: #800210;
	font-weight: bold;
	font-size: x-large;
}

select.form-control {
	height: 60px !important;
}

.pro-nav-thumb {
	width: 100px;
	text-align: center;
	margin: 0 auto;
}


.post-box.border-2{
	border: 2px solid #ddd;
}

.post-box.border-2 .entry-media {
	text-align: center;
}

.post-box.border-2 .entry-media img{
	max-height: 350px;
}
.blog-pg-section .entry-meta {
	border-top: 0;
}

.blog-pg-section .entry-details {
	border-bottom: 0;
}

.cms-banner {
	background: #f4f4f4;
	border: 1px solid #f2f0f0;
}


/* example: numbered steps */
#ae-steps li {
    margin: 8px 0;
}

/* example: check-style bullets for benefits */
#ae-benefits li {
    margin: 8px 0;
    list-style: disc;
}

/* or use a custom marker:
#ae-benefits li { list-style: none; position: relative; padding-left: 26px; }
#ae-benefits li::before {
  content: "✓";
  position: absolute; left: 0; top: 0;
  color: #7F0517; font-weight: 700;
}
*/

/* ==========================================================================
   MODERN HOMEPAGE REFRESH - THEME COLORS & PREMIUM STYLING (#7F0517 MAROON)
   ========================================================================== */

/* 1. Hero Banner Refresh */
.cms-banner {
	background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
	border: 1px solid #e2e8f0 !important;
	padding: 40px 0 !important;
	border-radius: 20px !important;
	margin-top: 15px !important;
	margin-bottom: 25px !important;
	box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}

.cms-banner .banner-txt h2, 
.cms-banner .banner-txt h3 {
	color: #7f0517 !important;
	font-weight: 800 !important;
}

.cms-banner .light-btn,
.cms-banner .btn-box a {
	background: linear-gradient(135deg, #7f0517 0%, #9b061c 100%) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 30px !important;
	padding: 12px 32px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	box-shadow: 0 6px 20px rgba(127, 5, 23, 0.3) !important;
	transition: all 0.3s ease !important;
}

.cms-banner .light-btn:hover,
.cms-banner .btn-box a:hover {
	background: linear-gradient(135deg, #9b061c 0%, #7f0517 100%) !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 25px rgba(127, 5, 23, 0.45) !important;
}

/* 2. Support Features Section */
section.cms-support {
	padding: 50px 0 30px !important;
}

section.cms-support .col-md-4 {
	-ms-flex: 0 0 20% !important;
	flex: 0 0 20% !important;
	max-width: 20% !important;
	padding: 0 8px !important;
}

section.cms-support .support-box {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	padding: 25px 12px 20px !important;
	box-shadow: 0 6px 20px rgba(0,0,0,0.03) !important;
	transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	height: 100% !important;
}

section.cms-support .support-box .icon {
	height: 70px !important;
	margin-bottom: 12px !important;
}

section.cms-support .support-box .icon svg path,
section.cms-support .support-box .icon svg circle {
	fill: #7f0517 !important;
	transition: all 0.3s ease !important;
}

section.cms-support .support-box p {
	font-size: 14.5px !important;
	line-height: 20px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	margin: 0 !important;
	transition: all 0.3s ease !important;
}

section.cms-support .support-box:hover {
	background: linear-gradient(135deg, #7f0517 0%, #60030f 100%) !important;
	border-color: #7f0517 !important;
	transform: translateY(-7px) !important;
	box-shadow: 0 15px 35px rgba(127, 5, 23, 0.28) !important;
}

section.cms-support .support-box:hover .icon svg path,
section.cms-support .support-box:hover .icon svg circle {
	fill: #FEAF16 !important;
}

section.cms-support .support-box:hover p {
	color: #ffffff !important;
}

/* 3. Top Products Showcase Section */
section.cms-single-product {
	padding: 70px 0 70px !important;
	background: #f8fafc !important;
	border-top: 1px solid #e2e8f0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

section.cms-single-product .section-header .title {
	font-size: 28px !important;
	font-weight: 800 !important;
	color: #7f0517 !important;
	letter-spacing: 1px !important;
	position: relative !important;
	display: inline-block !important;
	margin-bottom: 25px !important;
}

section.cms-single-product .section-header .title::after {
	content: '' !important;
	display: block !important;
	width: 60px !important;
	height: 3px !important;
	background: #FEAF16 !important;
	margin: 8px auto 0 !important;
	border-radius: 2px !important;
}

.custom-tab .nav-tabs {
	border-bottom: none !important;
	justify-content: center !important;
	margin-bottom: 35px !important;
	gap: 12px !important;
	padding-bottom: 5px !important;
}

.custom-tab .nav > li {
	margin-bottom: 0 !important;
}

.custom-tab .nav > li > a {
	color: #475569 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	padding: 10px 24px !important;
	border-radius: 30px !important;
	border: 1px solid #cbd5e1 !important;
	background: #ffffff !important;
	transition: all 0.25s ease !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.02) !important;
}

.custom-tab .nav > li > a:hover {
	color: #7f0517 !important;
	border-color: #7f0517 !important;
	background: #fff5f6 !important;
	box-shadow: 0 4px 12px rgba(127, 5, 23, 0.1) !important;
}

.custom-tab .nav-tabs > li > a.active,
.custom-tab .nav-tabs > li > a.active:focus,
.custom-tab .nav-tabs > li > a.active:hover {
	color: #ffffff !important;
	border-color: #7f0517 !important;
	background: linear-gradient(135deg, #7f0517 0%, #9b061c 100%) !important;
	box-shadow: 0 6px 20px rgba(127, 5, 23, 0.3) !important;
}

.single_product {
	background-color: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 14px !important;
	padding: 18px !important;
	box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
	transition: all 0.35s ease !important;
}

.single_product:hover {
	border-color: #7f0517 !important;
	transform: translateY(-5px) !important;
	box-shadow: 0 12px 30px rgba(127, 5, 23, 0.12) !important;
}

.single_product .product-name a {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	transition: color 0.2s ease !important;
}

.single_product .product-name a:hover {
	color: #7f0517 !important;
}

.single_product .product-price .price-regular {
	color: #7f0517 !important;
	font-weight: 800 !important;
	font-size: 16px !important;
}

.single-product-tab .black-btn {
	background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
	color: #ffffff !important;
	border-radius: 30px !important;
	padding: 12px 32px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	box-shadow: 0 4px 15px rgba(15, 23, 42, 0.2) !important;
	transition: all 0.3s ease !important;
	display: inline-block !important;
	margin-top: 25px !important;
}

.single-product-tab .black-btn:hover {
	background: linear-gradient(135deg, #7f0517 0%, #9b061c 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 25px rgba(127, 5, 23, 0.35) !important;
}

/* 4. About Us Brand Showcase */
section.cms-about {
	padding: 70px 0 !important;
	background: linear-gradient(135deg, #ffffff 0%, #fdf2f4 100%) !important;
}

section.cms-about .about-img img {
	border-radius: 20px !important;
	box-shadow: 0 15px 35px rgba(127, 5, 23, 0.12) !important;
	border: 3px solid #ffffff !important;
}

section.cms-about .about-content .title {
	font-size: 26px !important;
	font-weight: 800 !important;
	color: #7f0517 !important;
	line-height: 1.35 !important;
	margin-bottom: 20px !important;
	position: relative !important;
	padding-bottom: 12px !important;
}

section.cms-about .about-content .title::after {
	content: '' !important;
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
	width: 60px !important;
	height: 3px !important;
	background: #FEAF16 !important;
	border-radius: 2px !important;
}

section.cms-about .about-content p {
	font-size: 15px !important;
	line-height: 1.8 !important;
	color: #334155 !important;
}

section.cms-about .white-btn {
	background: linear-gradient(135deg, #7f0517 0%, #9b061c 100%) !important;
	color: #ffffff !important;
	border-radius: 30px !important;
	padding: 12px 34px !important;
	font-weight: 700 !important;
	box-shadow: 0 6px 20px rgba(127, 5, 23, 0.3) !important;
	transition: all 0.3s ease !important;
	display: inline-block !important;
}

section.cms-about .white-btn:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 25px rgba(127, 5, 23, 0.45) !important;
	color: #FEAF16 !important;
}

/* 5. Special Promo Banner */
section.cms-special {
	background: linear-gradient(135deg, #ffffff 0%, #fff5f6 50%, #fdf2f4 100%) !important;
	border: 1px solid #fecdd3 !important;
	padding: 50px 40px !important;
	border-radius: 20px !important;
	margin: 50px 0 !important;
	box-shadow: 0 10px 30px rgba(127, 5, 23, 0.05) !important;
	color: #1e293b !important;
}

section.cms-special h2 {
	color: #7f0517 !important;
	font-size: 28px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
	margin-bottom: 10px !important;
}

section.cms-special h2 span {
	color: #b91c1c !important;
	background: #ffe4e6 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	display: inline-block !important;
	padding: 4px 14px !important;
	border-radius: 20px !important;
	font-weight: 700 !important;
	margin-bottom: 12px !important;
}

section.cms-special p {
	color: #475569 !important;
	font-size: 15.5px !important;
	font-weight: 500 !important;
}

section.cms-special .black-btn {
	background: linear-gradient(135deg, #7f0517 0%, #9b061c 100%) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	border-radius: 30px !important;
	padding: 12px 34px !important;
	box-shadow: 0 6px 20px rgba(127, 5, 23, 0.3) !important;
	transition: all 0.3s ease !important;
	display: inline-block !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

section.cms-special .black-btn:hover {
	background: linear-gradient(135deg, #9b061c 0%, #7f0517 100%) !important;
	color: #ffffff !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 25px rgba(127, 5, 23, 0.45) !important;
}

/* Responsive Support Cards Grid */
@media (max-width: 991px) {
	section.cms-support .col-md-4 {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		margin-bottom: 15px !important;
	}
}

@media (max-width: 575px) {
	section.cms-support .col-md-4 {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/* ==========================================================================
   FIX CAROUSEL CARD HOVER CLIPPING & OUT OF BOUNDS OVERFLOW
   ========================================================================== */
.owl-carousel.product-carousel,
.owl-carousel.custom-carousel,
.owl-carousel {
	padding-top: 15px !important;
	padding-bottom: 20px !important;
	margin-top: -15px !important;
	margin-bottom: -20px !important;
}

.owl-carousel .owl-stage-outer {
	padding-top: 15px !important;
	padding-bottom: 20px !important;
	margin-top: -15px !important;
	margin-bottom: -20px !important;
	overflow: hidden !important;
}

.owl-carousel .owl-item {
	padding: 4px 6px !important;
}

.single_product {
	transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.single_product:hover {
	border-color: #7f0517 !important;
	transform: translateY(-4px) !important;
	box-shadow: 0 10px 25px rgba(127, 5, 23, 0.15) !important;
}

/* Home About Text Box Styling */
section.cms-home-about {
	padding: 50px 0 60px !important;
	background: #f8fafc !important;
	border-top: 1px solid #e2e8f0 !important;
}

.home-about-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-left: 4px solid #7f0517 !important;
	border-radius: 16px !important;
	padding: 35px 40px !important;
	box-shadow: 0 8px 30px rgba(0,0,0,0.03) !important;
	color: #334155 !important;
	font-size: 15px !important;
	line-height: 1.85 !important;
}

.home-about-card p {
	margin-bottom: 16px !important;
}

.home-about-card p:last-child {
	margin-bottom: 0 !important;
}

/* ==========================================================================
   CATEGORY & SUBCATEGORY PAGE DESIGN SYSTEM MATCHING HOME PAGE
   ========================================================================== */

/* Page Header & Section Title */
.shop-page .section-header .title {
	font-size: 30px !important;
	font-weight: 800 !important;
	color: #7f0517 !important;
	letter-spacing: 0.5px !important;
	position: relative !important;
	display: inline-block !important;
	margin-bottom: 25px !important;
}

.shop-page .section-header .title::after {
	content: '' !important;
	display: block !important;
	width: 65px !important;
	height: 3px !important;
	background: #FEAF16 !important;
	margin: 8px auto 0 !important;
	border-radius: 2px !important;
}

/* Category Card Container */
.category-box {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	padding: 20px !important;
	margin-bottom: 30px !important;
	box-shadow: 0 6px 20px rgba(0,0,0,0.03) !important;
	transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	height: calc(100% - 30px) !important;
	display: flex !important;
	flex-direction: column !important;
}

.category-box:hover {
	border-color: #7f0517 !important;
	transform: translateY(-6px) !important;
	box-shadow: 0 15px 35px rgba(127, 5, 23, 0.12) !important;
}

/* Category Image */
.category-box .category-img {
	position: relative !important;
	overflow: hidden !important;
	border-radius: 12px !important;
	max-height: 220px !important;
	margin-bottom: 18px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #f8fafc !important;
}

.category-box .category-img img {
	width: 100% !important;
	height: 200px !important;
	object-fit: contain !important;
	transition: transform 0.4s ease !important;
}

.category-box:hover .category-img img {
	transform: scale(1.06) !important;
}

/* Category Heading */
.category-box .category-content h4 {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #1e293b !important;
	margin-bottom: 14px !important;
	line-height: 1.35 !important;
}

.category-box .category-content h4 a {
	color: #1e293b !important;
	transition: color 0.25s ease !important;
}

.category-box .category-content h4 a:hover {
	color: #7f0517 !important;
}

/* Subcategory List */
.category-box .category-list {
	border-top: 1px solid #f1f5f9 !important;
	padding-top: 12px !important;
	margin-top: auto !important;
	max-height: 220px !important;
	overflow-y: auto !important;
	scrollbar-width: thin !important;
	scrollbar-color: #800000 #f1f5f9 !important;
}

.category-box .category-list::-webkit-scrollbar {
	width: 6px !important;
}

.category-box .category-list::-webkit-scrollbar-track {
	background: #f1f5f9 !important;
	border-radius: 4px !important;
}

.category-box .category-list::-webkit-scrollbar-thumb {
	background: #800000 !important;
	border-radius: 4px !important;
}

.category-box .category-list::-webkit-scrollbar-thumb:hover {
	background: #600000 !important;
}

.category-box .category-list ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.category-box .category-list ul li {
	margin-bottom: 8px !important;
}

.category-box .category-list ul li a {
	color: #334155 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	transition: all 0.2s ease !important;
	display: inline-flex !important;
	align-items: center !important;
}

.category-box .category-list ul li a::before {
	display: none !important;
	content: none !important;
}

.category-box .category-list ul li a:hover {
	color: #800000 !important;
	transform: translateX(4px) !important;
}

/* Controls & Filters Bar */
.product-header {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 12px 20px !important;
	margin-bottom: 30px !important;
	box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
}

.product-short select {
	border: 1px solid #cbd5e1 !important;
	border-radius: 20px !important;
	padding: 6px 16px !important;
	font-size: 14px !important;
}

/* Modern Blog Card & Detail Styles */
.blog-card-modern {
	border: 1px solid #e2e8f0 !important;
}

.blog-card-modern:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
	border-color: #f59e0b !important;
}

.blog-card-modern:hover .card-img-top-zoom {
	transform: scale(1.08) !important;
}

.blog-card-modern:hover .hover-warning-title {
	color: #800000 !important;
}

.blog-card-modern:hover .blog-card-btn {
	background-color: #f59e0b !important;
	color: #000000 !important;
	border-color: #f59e0b !important;
}

.blog-card-modern:hover .blog-card-btn i {
	color: #000000 !important;
	transform: translateX(3px) !important;
}

.blog-card-footer-divider {
	border-top: 1px solid #f1f5f9 !important;
	transition: border-color 0.3s ease !important;
}

.blog-card-modern:hover .blog-card-footer-divider {
	border-top-color: transparent !important;
}

.article-entry-body p {
	margin-bottom: 1.25rem !important;
	line-height: 1.8 !important;
}

.article-entry-body img {
	max-width: 100% !important;
	height: auto !important;
	border-radius: 8px !important;
	margin: 15px 0 !important;
}
	color: #334155 !important;
	background-color: #ffffff !important;
	outline: none !important;
	transition: border-color 0.2s ease !important;
}

.product-short select:focus {
	border-color: #7f0517 !important;
}

/* Small Homepage Advertisement Banners */
section.cms-static-area {
	padding: 50px 0 !important;
	background: #ffffff !important;
}

.single-static {
	position: relative !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 8px 25px rgba(0,0,0,0.04) !important;
	transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	background: #f8fafc !important;
}

.single-static:hover {
	transform: translateY(-6px) !important;
	border-color: #7f0517 !important;
	box-shadow: 0 15px 35px rgba(127, 5, 23, 0.12) !important;
}

.single-static .icon {
	overflow: hidden !important;
	border-radius: 16px 16px 0 0 !important;
}

.single-static .icon img {
	width: 100% !important;
	height: auto !important;
	transition: transform 0.4s ease !important;
}

.single-static:hover .icon img {
	transform: scale(1.05) !important;
}

.single-static .content {
	padding: 22px 25px !important;
	background: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

.single-static .content h4 {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #1e293b !important;
	margin: 0 !important;
}

.single-static .light-btn {
	background: linear-gradient(135deg, #7f0517 0%, #9b061c 100%) !important;
	color: #ffffff !important;
	border-radius: 30px !important;
	padding: 10px 24px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	box-shadow: 0 4px 15px rgba(127, 5, 23, 0.25) !important;
	transition: all 0.3s ease !important;
	display: inline-block !important;
	text-transform: uppercase !important;
}

.single-static .light-btn:hover {
	background: linear-gradient(135deg, #9b061c 0%, #7f0517 100%) !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 20px rgba(127, 5, 23, 0.4) !important;
}

/* Product NEW & OFFER Badges */
.single_product {
	position: relative !important;
}

.single_product .product_discount {
	position: absolute !important;
	top: 10px !important;
	left: 10px !important;
	z-index: 5 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.single_product .product_discount span {
	display: inline-block !important;
	background: #000000 !important;
	color: #f59e0b !important;
	border: 1px solid rgba(245, 158, 11, 0.6) !important;
	padding: 3px 10px !important;
	border-radius: 20px !important;
	font-size: 0.7rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.5px !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
	text-transform: uppercase !important;
	line-height: 1.3 !important;
}

/* Permanent Visible Action Buttons */
.single_product .sp-button {
	display: none !important;
}

.product-card-actions {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-top: 12px !important;
	padding-top: 10px !important;
	border-top: 1px solid #f1f5f9 !important;
}

.btn-card-addcart {
	flex: 1 !important;
	background: #000000 !important;
	color: #ffffff !important;
	border: 1px solid #000000 !important;
	padding: 7px 10px !important;
	border-radius: 6px !important;
	font-size: 0.775rem !important;
	font-weight: 700 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
	white-space: nowrap !important;
}

.btn-card-addcart:hover {
	background: #f59e0b !important;
	color: #000000 !important;
	border-color: #f59e0b !important;
	box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3) !important;
}

.btn-card-quickview {
	background: #f8fafc !important;
	color: #334155 !important;
	border: 1px solid #cbd5e1 !important;
	padding: 7px 10px !important;
	border-radius: 6px !important;
	font-size: 0.775rem !important;
	font-weight: 700 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
	white-space: nowrap !important;
}

.btn-card-quickview:hover {
	background: #000000 !important;
	color: #ffffff !important;
	border-color: #000000 !important;
}

/* Tight & Clean Spacing for Shop & Product Pages */
.breadcrumb-area {
	background: #f8fafc !important;
	padding: 10px 0 !important;
	border-top: 1px solid #f1f5f9 !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

.breadcrumb-list {
	margin: 0 !important;
	padding: 0 !important;
}

.breadcrumb-list .breadcrumb-item {
	font-size: 13px !important;
}

.shop-page.section-ptb,
.section-ptb {
	padding: 20px 0 35px !important;
}

.section-header {
	margin-bottom: 16px !important;
}

.section-header .title {
	font-size: 1.65rem !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin-bottom: 4px !important;
	position: relative !important;
	display: inline-block !important;
}

.section-header .title::after {
	content: '' !important;
	display: block !important;
	width: 40px !important;
	height: 3px !important;
	background: #f59e0b !important;
	margin: 6px auto 0 !important;
	border-radius: 2px !important;
}

.product-header {
	padding: 8px 16px !important;
	margin-bottom: 18px !important;
	border-radius: 8px !important;
}

/* Product List View Card Overrides */
.product-list-card {
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
	transition: all 0.25s ease !important;
	display: block !important;
	height: auto !important;
}

.product-list-card:hover {
	border-color: #cbd5e1 !important;
	box-shadow: 0 8px 25px rgba(0,0,0,0.06) !important;
}

/* Override global grid card styles for List View card components */
.product-list-card .product-img-box {
	height: auto !important;
	width: auto !important;
	margin-bottom: 0 !important;
	display: block !important;
}

.product-list-card .product_thumb {
	height: auto !important;
	width: auto !important;
	max-width: 100% !important;
	display: block !important;
	text-align: center !important;
}

.product-list-card .product_thumb img {
	max-height: 120px !important;
	height: auto !important;
	width: auto !important;
	object-fit: contain !important;
	display: inline-block !important;
}

.product-list-card .product-info {
	display: block !important;
	width: auto !important;
}

.product-list-card .product-name {
	max-height: none !important;
	min-height: 0 !important;
	margin-bottom: 8px !important;
}

@media (min-width: 768px) {
	.product-list-card .product_thumb img {
		max-height: 170px !important;
	}
}

@media (max-width: 767px) {
	.product-list-card .product-price {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
}

@media (min-width: 768px) {
	.border-start-md {
		border-left: 1px solid #f1f5f9 !important;
	}
}

/* Responsive Product Card & Carousel Container Hover Fixes */
.owl-carousel .owl-stage-outer {
	padding: 8px 5px !important;
	margin: -8px -5px !important;
}

.owl-carousel .owl-item {
	padding: 6px 8px !important;
}

.single_product {
	background-color: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 14px !important;
	box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

.single_product:hover {
	border-color: #7f0517 !important;
	transform: translateY(-4px) !important;
	box-shadow: 0 10px 22px rgba(127, 5, 23, 0.14) !important;
}

.single_product .product-name {
	min-height: 42px !important;
	margin-bottom: 8px !important;
}

.single_product .product-name a {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	font-size: 0.9rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	word-break: break-word !important;
	color: #1e293b !important;
}

.single_product .product-name a:hover {
	color: #7f0517 !important;
}

.product-card-actions {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-top: 10px !important;
	padding-top: 10px !important;
	border-top: 1px solid #f1f5f9 !important;
	position: relative !important;
	z-index: 2 !important;
}

.btn-card-addcart, .btn-card-quickview {
	flex: 1 !important;
	min-width: 0 !important;
	font-size: 0.75rem !important;
	padding: 6px 6px !important;
	text-align: center !important;
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}

@media (max-width: 1400px) {
	.product-card-actions {
		gap: 4px !important;
	}
	.btn-card-addcart, .btn-card-quickview {
		font-size: 0.725rem !important;
		padding: 6px 4px !important;
	}
}

/* Mobile Header Bar - White Background, Light Cart Box & Full Color Brand Logo */
@media (max-width: 991px) {
	.header-bottom.header-sticky {
		background-color: #ffffff !important;
		border-bottom: 1px solid #e2e8f0 !important;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
	}

	.header-bottom .logo img {
		max-height: 42px !important;
		width: auto !important;
		object-fit: contain !important;
	}

	.box-cart-wrap .shopping-cart-wrap {
		background: #f8fafc !important;
		border: 1px solid #cbd5e1 !important;
		border-radius: 8px !important;
		padding: 6px 10px !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
	}

	.box-cart-wrap .shopping-cart-wrap > a {
		color: #0f172a !important;
	}

	.mobile-menu-btn .off-canvas-btn {
		color: #0f172a !important;
		border: none !important;
		background: transparent !important;
		border-radius: 0 !important;
		padding: 0 !important;
		box-shadow: none !important;
	}

	.mobile-menu-btn .off-canvas-btn a {
		color: #0f172a !important;
	}

	.header-bottom .right-blok-box .shopping-cart-wrap a i {
		color: #0f172a !important;
	}
}

/* Amazon-Style Mobile Sticky Bottom Navigation Bar (Firefox & All Mobile Browsers) */
@media screen and (max-width: 991px) {
    body {
        padding-bottom: 70px !important;
    }

    .mobile-sticky-bottom-nav {
        display: block !important;
        position: -webkit-sticky !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 999999 !important;
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        background: #0f172a !important;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.25) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        padding: 6px 0 !important;
    }

    .mobile-nav-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        color: #94a3b8 !important;
        text-decoration: none !important;
        font-size: 0.65rem !important;
        font-weight: 700 !important;
        transition: all 0.2s ease !important;
        padding: 4px 0 !important;
    }

    .mobile-nav-item i {
        font-size: 1.1rem !important;
        margin-bottom: 2px !important;
        transition: transform 0.2s ease !important;
    }

    .mobile-nav-item:hover,
    .mobile-nav-item.active {
        color: #f59e0b !important;
    }

    .mobile-nav-item.active i {
        transform: translateY(-2px) !important;
        color: #f59e0b !important;
    }

    .mobile-cart-badge {
        position: absolute !important;
        top: -2px !important;
        right: 18% !important;
        font-size: 0.6rem !important;
        padding: 2px 5px !important;
        background: #dc2626 !important;
        color: #ffffff !important;
    }
}

/* Mobile Responsive Overrides for Order Details Page */
@media (max-width: 767px) {
    .order-header-box {
        text-align: center !important;
        padding: 14px !important;
    }

    .performa-banner {
        flex-direction: column !important;
        text-align: center !important;
        justify-content: center !important;
        padding: 10px !important;
        gap: 6px !important;
    }

    .toptable th {
        width: 40% !important;
        font-size: 0.775rem !important;
        padding: 6px 8px !important;
    }

    .toptable td {
        font-size: 0.8rem !important;
        padding: 6px 8px !important;
    }

    .InvoiceBox {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        margin-bottom: 20px !important;
    }

    .InvoiceBox table {
        min-width: 620px !important;
    }

    .calcrow td {
        font-size: 0.8rem !important;
        padding: 6px 8px !important;
    }
}

/* ==========================================================================
   HOMEPAGE LIGHT-THEMED & PREMIUM DESIGN SYSTEM REFRESH
   ========================================================================== */

/* Global Body Font & Neutral Page Accent */
body {
	font-family: 'Plus Jakarta Sans', 'Nunito', sans-serif !important;
}

.main-wrapper {
	background: #fbfbf9 !important; /* Soft luxury cream backdrop */
}

/* 1. Hero Banner - Clean Light Design */
.cms-banner {
	background: linear-gradient(135deg, #f8f7f2 0%, #f3f1ea 100%) !important;
	border-bottom: 1px solid #e9e6dd !important;
	padding: 80px 0 !important;
	position: relative !important;
}

.cms-banner .banner-txt {
	background: rgba(255, 255, 255, 0.9) !important;
	border: 1px solid rgba(255, 255, 255, 0.6) !important;
	border-radius: 20px !important;
	padding: 40px !important;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04) !important;
	transition: all 0.3s ease;
}

.cms-banner .banner-txt h2, 
.cms-banner .banner-txt h3 {
	color: #7f0517 !important;
	font-weight: 800 !important;
}

.cms-banner .light-btn,
.cms-banner .btn-box a {
	background: linear-gradient(135deg, #7f0517 0%, #9b061c 100%) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 30px !important;
	padding: 12px 32px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	box-shadow: 0 6px 20px rgba(127, 5, 23, 0.25) !important;
	transition: all 0.3s ease !important;
}

.cms-banner .light-btn:hover,
.cms-banner .btn-box a:hover {
	background: linear-gradient(135deg, #9b061c 0%, #7f0517 100%) !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 25px rgba(127, 5, 23, 0.35) !important;
	color: #ffffff !important;
}

.cms-banner .banner-img img {
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.05));
	transition: all 0.4s ease;
}

.cms-banner:hover .banner-img img {
	transform: translateY(-5px);
}

/* 2. Customer Support - Clean White Cards (Undoing dark bento-grid gradients) */
section.cms-support {
	padding: 60px 0 40px !important;
	background: transparent !important;
}

section.cms-support .support-box {
	background: #ffffff !important;
	border: 1px solid #e9e6dd !important;
	border-radius: 20px !important;
	padding: 30px 20px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
	transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	height: 100% !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

section.cms-support .support-box:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 20px 40px rgba(127, 5, 23, 0.08) !important;
	border-color: #7f0517 !important;
}

section.cms-support .support-box .icon {
	height: 60px !important;
	margin-bottom: 15px !important;
}

section.cms-support .support-box .icon svg path,
section.cms-support .support-box .icon svg circle {
	fill: #7f0517 !important;
}

section.cms-support .support-box p {
	font-size: 15px !important;
	line-height: 22px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	margin: 0 !important;
}

/* 3. Special Offer Section - Light Background to merge transparent images */
section.cms-special {
	position: relative !important;
	padding: 80px 0 !important;
	background: #fdfbf7 !important; /* Soft warm light color */
	border-top: 1px solid #e9e6dd !important;
	border-bottom: 1px solid #e9e6dd !important;
	margin: 40px 0 !important;
}

section.cms-special .section-header {
	background: #ffffff !important;
	border: 1px solid #e9e6dd !important;
	border-radius: 24px !important;
	padding: 40px !important;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.03) !important;
	text-align: left !important;
}

section.cms-special .section-header h2 {
	color: #7f0517 !important;
	font-size: 32px !important;
	font-weight: 850 !important;
	line-height: 1.3 !important;
	margin-bottom: 10px !important;
}

section.cms-special .section-header h2 span {
	color: #c2410c !important;
	background: #ffedd5 !important;
	border: 1px solid #fed7aa !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	display: inline-block !important;
	padding: 4px 12px !important;
	border-radius: 20px !important;
	font-weight: 700 !important;
	margin-bottom: 15px !important;
}

section.cms-special .section-header p {
	color: #475569 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	margin-bottom: 20px !important;
}

section.cms-special .black-btn {
	background: linear-gradient(135deg, #7f0517 0%, #9b061c 100%) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	border-radius: 30px !important;
	padding: 12px 34px !important;
	box-shadow: 0 6px 20px rgba(127, 5, 23, 0.25) !important;
	transition: all 0.3s ease !important;
	display: inline-block !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	border: none !important;
}

section.cms-special .black-btn:hover {
	background: linear-gradient(135deg, #9b061c 0%, #7f0517 100%) !important;
	color: #ffffff !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 25px rgba(127, 5, 23, 0.35) !important;
}

section.cms-special .special-products img {
	filter: drop-shadow(0 10px 20px rgba(0,0,0,0.04)) !important;
	transition: transform 0.4s ease !important;
}

section.cms-special:hover .special-products img {
	transform: scale(1.03) translateY(-5px) !important;
}

/* 4. Small Homepage Advertisement Banners - Light Clean Theme */
section.cms-static-area {
	padding: 40px 0 !important;
	background: transparent !important;
}

.single-static {
	background: #ffffff !important;
	border: 1px solid #e9e6dd !important;
	border-radius: 20px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
	overflow: hidden !important;
	transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.single-static:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 20px 40px rgba(127, 5, 23, 0.08) !important;
	border-color: #7f0517 !important;
}

.single-static .icon {
	overflow: hidden !important;
}

.single-static .icon img {
	width: 100% !important;
	height: auto !important;
	transition: transform 0.5s ease !important;
}

.single-static:hover .icon img {
	transform: scale(1.03) !important;
}

.single-static .content {
	padding: 24px 28px !important;
	background: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

.single-static .content h4 {
	font-size: 17px !important;
	font-weight: 800 !important;
	color: #1e293b !important;
	margin: 0 !important;
}

.single-static .light-btn {
	background: linear-gradient(135deg, #7f0517 0%, #9b061c 100%) !important;
	color: #ffffff !important;
	border-radius: 30px !important;
	padding: 10px 24px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	border: none !important;
	box-shadow: 0 5px 15px rgba(127, 5, 23, 0.2) !important;
	transition: all 0.3s ease !important;
}

.single-static .light-btn:hover {
	background: linear-gradient(135deg, #9b061c 0%, #7f0517 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 20px rgba(127, 5, 23, 0.3) !important;
	color: #ffffff !important;
}

/* 5. About Us & Details Page Overrides */
.about-img img {
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	transition: all 0.4s ease;
}

.about-img:hover img {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(127, 5, 23, 0.1);
}

@media (max-width: 991px) {
	.cms-banner {
		padding: 20px 0 !important;
		overflow: hidden !important;
	}
	.cms-banner .banner-txt {
		padding: 20px 16px !important;
		margin-bottom: 16px;
		overflow: hidden;
		max-width: 100%;
	}
	.cms-banner .banner-txt h1,
	.cms-banner .banner-txt h2,
	.cms-banner .banner-txt h3 {
		font-size: 22px !important;
		line-height: 1.3 !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}
	.cms-banner .banner-txt p {
		font-size: 14px !important;
		line-height: 1.45 !important;
	}
	section.cms-special {
		padding: 50px 0 !important;
		text-align: center !important;
	}
	section.cms-special .section-header {
		text-align: center !important;
		padding: 30px 20px !important;
		margin-bottom: 30px;
	}
}

/* 6. Login to View Price Pill Badge (Smaller yet More Prominent) */
.login-price-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #fffbeb !important;
	border: 1px solid #fde68a !important;
	color: #b45309 !important; /* Rich amber-brown for high readability */
	font-size: 13.5px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	padding: 8px 18px !important;
	border-radius: 30px !important;
	box-shadow: 0 4px 10px rgba(180, 83, 9, 0.05) !important;
	transition: all 0.25s ease !important;
	text-decoration: none !important;
	margin-top: 5px !important;
}

.login-price-link i {
	font-size: 12px !important;
	margin-right: 6px !important;
	color: #d97706 !important;
}

.login-price-link:hover {
	background: #fef3c7 !important;
	border-color: #fcd34d !important;
	color: #92400e !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 15px rgba(180, 83, 9, 0.12) !important;
	text-decoration: none !important;
}

/* Compact layout for grid cards */
.product-price .login-price-link {
	font-size: 11.5px !important;
	padding: 5px 12px !important;
	border-radius: 20px !important;
	letter-spacing: 0.2px !important;
	margin-top: 2px !important;
}

/* Fix mobile my cart checkbox overlap and alignment issues */
.cms-cart-mobile-cards .form-check-input,
.cms-cart-table .form-check-input {
	position: relative !important;
	margin: 0 !important;
	display: inline-block !important;
	flex-shrink: 0 !important;
	vertical-align: middle !important;
	transform: none !important;
}

.cms-cart-mobile-cards label,
.cms-cart-mobile-cards span {
	margin-left: 4px !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

/* Breadcrumb global responsive styles */
.breadcrumb-area {
	background: #f8fafc !important;
	padding: 12px 0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	margin-bottom: 25px !important;
}

.breadcrumb-list {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.breadcrumb-item {
	font-size: 13.5px !important;
	font-weight: 500 !important;
	color: #64748b !important;
	display: flex !important;
	align-items: center !important;
}

.breadcrumb-item a {
	color: #64748b !important;
	transition: color 0.2s ease !important;
	text-decoration: none !important;
}

.breadcrumb-item a:hover {
	color: #7f0517 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: "/" !important;
	padding: 0 10px !important;
	color: #cbd5e1 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}

.breadcrumb-item.active {
	color: #7f0517 !important;
	font-weight: 600 !important;
}

@media (max-width: 767px) {
	.breadcrumb-area {
		padding: 8px 0 !important;
		margin-bottom: 15px !important;
	}
	.breadcrumb-list {
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		white-space: nowrap !important;
		-webkit-overflow-scrolling: touch !important;
		padding-bottom: 3px !important;
	}
	.breadcrumb-list::-webkit-scrollbar {
		display: none !important;
	}
	.breadcrumb-list {
		-ms-overflow-style: none !important;
		scrollbar-width: none !important;
	}
	.breadcrumb-item {
		font-size: 12px !important;
		flex-shrink: 0 !important;
	}
	.breadcrumb-item + .breadcrumb-item::before {
		padding: 0 6px !important;
	}
}

/* Premium Mobile Cart Cards Layout System */
@media (max-width: 767px) {
	.cms-cart-mobile-cards {
		display: flex !important;
		flex-direction: column !important;
		gap: 14px !important;
	}
	.cms-cart-mobile-cards .card {
		border: 1.5px solid #e2e8f0 !important;
		border-radius: 14px !important;
		box-shadow: 0 4px 12px rgba(0,0,0,0.015) !important;
		overflow: hidden !important;
		background: #ffffff !important;
	}
	.cms-cart-mobile-cards .card-header {
		background: #f8fafc !important;
		border-bottom: 1.5px solid #e2e8f0 !important;
		padding: 10px 14px !important;
	}
	.cms-cart-mobile-cards .card-body {
		padding: 14px !important;
	}
	.cms-cart-mobile-cards .cart-qty-input {
		border: 1.5px solid #cbd5e1 !important;
		border-radius: 8px !important;
		font-weight: 800 !important;
		padding: 4px 8px !important;
		text-align: center !important;
	}
	.cms-cart-mobile-cards .editbox {
		border: 1.5px solid #e2e8f0 !important;
		border-radius: 10px !important;
		padding: 10px 12px !important;
		background: #f8fafc !important;
		font-size: 0.8rem !important;
		transition: all 0.25s ease !important;
	}
	.cms-cart-mobile-cards .editbox:focus {
		background: #ffffff !important;
		border-color: #7f0517 !important;
		box-shadow: 0 0 0 3px rgba(127, 5, 23, 0.08) !important;
	}
}

/* 2-line Webkit Line Clamp utility */
.text-clamp-2 {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: normal !important;
}

/* ==========================================================================
   Desktop ALL PRODUCTS dropdown + B2B footer / button polish
   Mobile hamburger / off-canvas is unchanged (scoped to min-width: 992px)
   ========================================================================== */
@media (min-width: 992px) {
	.header-bottom,
	.header-bottom .categories-menu-wrap_box,
	.header-bottom .categories_menu {
		overflow: visible !important;
	}

	.header-bottom .header-nav-cats {
		flex: 0 0 auto !important;
		flex-basis: auto !important;
		width: auto !important;
		max-width: max-content !important;
	}

	.header-bottom .header-nav-links {
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0 !important;
	}

	.header-bottom .main-menu ul {
		justify-content: space-between !important;
		width: 100% !important;
	}

	.header-bottom .main-menu ul > li {
		flex: 1 1 0 !important;
	}

	.header-bottom .main-menu ul > li > a {
		width: 100%;
	}

	.categories_menu_toggle > ul > li.menu_item_children:before {
		display: none !important;
	}

	.header-bottom .categories_menu_toggle {
		width: min(640px, 72vw) !important;
		max-width: 640px;
		padding: 12px !important;
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-top: 3px solid #FEAF16 !important;
		border-radius: 0 0 12px 12px !important;
		box-shadow: 0 20px 45px rgba(15, 23, 42, 0.16) !important;
		max-height: none;
		overflow: visible !important;
		z-index: 100050 !important;
	}

	.header-bottom .categories_menu_toggle > ul {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 3px 8px;
		max-height: none !important;
		overflow: visible !important;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.header-bottom .categories_menu_toggle > ul > li {
		position: relative;
		border-bottom: none !important;
		margin: 0;
		z-index: 1;
	}

	.header-bottom .categories_menu_toggle > ul > li:hover,
	.header-bottom .categories_menu_toggle > ul > li:focus-within {
		z-index: 20;
	}

	.header-bottom .categories_menu_toggle > ul > li > a {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 9px 12px !important;
		font-size: 13.5px !important;
		font-weight: 600 !important;
		line-height: 1.35 !important;
		text-transform: none !important;
		color: #1e293b !important;
		border-radius: 8px;
		text-decoration: none !important;
		transition: background 0.15s ease, color 0.15s ease;
	}

	.header-bottom .categories_menu_toggle > ul > li:hover > a,
	.header-bottom .categories_menu_toggle > ul > li:focus-within > a,
	.header-bottom .categories_menu_toggle > ul > li > a:hover {
		background: #fff8eb !important;
		color: #4a040b !important;
	}

	.header-bottom .categories_menu_toggle .cat-name {
		flex: 1 1 auto;
		min-width: 0;
		font-weight: 600;
	}

	.header-bottom .categories_menu_toggle .cat-meta {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		flex: 0 0 auto;
	}

	.header-bottom .categories_menu_toggle .cat-count {
		font-size: 11px !important;
		font-weight: 600 !important;
		color: #64748b !important;
		background: #f1f5f9 !important;
		padding: 2px 7px !important;
		border-radius: 10px !important;
		letter-spacing: 0;
	}

	.header-bottom .categories_menu_toggle > ul > li > a i {
		float: none !important;
		line-height: 1 !important;
		font-size: 11px !important;
		color: #FEAF16 !important;
	}

	.header-bottom .categories_menu_toggle > ul > li:hover > a i {
		color: #4a040b !important;
	}

	.header-bottom .categories_menu_toggle > ul > li ul.categories_mega_menu {
		position: absolute !important;
		left: 100% !important;
		top: 0 !important;
		width: 260px !important;
		max-height: min(72vh, 680px) !important;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 8px !important;
		margin: 0;
		list-style: none;
		border: 1px solid #e2e8f0 !important;
		border-left: 3px solid #FEAF16 !important;
		border-radius: 0 10px 10px 0 !important;
		box-shadow: 12px 16px 36px rgba(15, 23, 42, 0.15) !important;
		background: #ffffff !important;
		z-index: 100060 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none;
		display: block !important;
	}

	.header-bottom .categories_menu_toggle > ul > li:hover ul.categories_mega_menu,
	.header-bottom .categories_menu_toggle > ul > li:focus-within ul.categories_mega_menu {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto;
		left: 100% !important;
	}

	.header-bottom .categories_menu_toggle > ul > li ul.categories_mega_menu > li > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 7px 10px !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		color: #334155 !important;
		border-radius: 6px;
	}

	.header-bottom .categories_menu_toggle > ul > li ul.categories_mega_menu > li > a:hover {
		background: #fff8eb !important;
		color: #4a040b !important;
	}
}

.header-bottom .categories_menu_toggle::-webkit-scrollbar {
	width: 6px;
}
.header-bottom .categories_menu_toggle::-webkit-scrollbar-thumb {
	background: #d6d3d1;
	border-radius: 6px;
}

/* Footer: tighter professional B2B */
.footer-trust-bar {
	padding: 16px 0 !important;
}
.footer-trust-item {
	gap: 12px !important;
	padding: 6px 8px !important;
}
.footer-trust-icon {
	width: 36px !important;
	height: 36px !important;
	border-radius: 8px !important;
	font-size: 0.95rem !important;
}
.footer-trust-text strong {
	font-size: 0.8rem !important;
}
.footer-trust-text span {
	font-size: 0.72rem !important;
}
footer.cms-footer .footer-top {
	padding: 32px 0 24px !important;
}
.footer-top-wrap {
	gap: 20px !important;
}
footer.cms-footer .footer-nav {
	flex: 1 1 140px !important;
	min-width: 140px !important;
	margin-bottom: 12px !important;
}
footer.cms-footer .footer-nav h4 {
	font-size: 0.8rem !important;
	margin: 0 0 12px !important;
	padding-bottom: 8px !important;
	letter-spacing: 0.06em !important;
}
footer.cms-footer .footer-nav h4:after {
	width: 24px !important;
	height: 2px !important;
}
footer.cms-footer .footer-nav ul li {
	margin-bottom: 6px !important;
}
footer.cms-footer .footer-nav ul li a {
	font-size: 0.8rem !important;
}
footer.cms-footer .footer-mid {
	padding: 14px 0 !important;
}
footer.cms-footer .footer-social ul li a {
	width: 32px !important;
	height: 32px !important;
	font-size: 0.9rem !important;
}
footer.cms-footer .footer-payment ul li img {
	max-height: 28px !important;
}
.footer-legal-row {
	gap: 10px !important;
	font-size: 0.75rem !important;
}
.footer-legal-link {
	color: #94a3b8 !important;
	font-weight: 500 !important;
	font-size: 0.72rem !important;
	text-transform: none !important;
	letter-spacing: 0.01em !important;
	text-decoration: none !important;
}
.footer-legal-link:hover {
	color: #f59e0b !important;
}
.footer-legal-sep {
	color: rgba(255, 255, 255, 0.22);
	font-weight: 400;
}

@media (max-width: 991px) {
	footer.cms-footer .footer-nav {
		flex: 1 1 calc(50% - 12px) !important;
		min-width: 0 !important;
		max-width: calc(50% - 8px);
	}
	.footer-trust-bar .col-12 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
	body {
		padding-bottom: 56px !important;
	}
	.mobile-sticky-bottom-nav {
		padding: 4px 0 !important;
	}
	.mobile-nav-item i {
		font-size: 1rem !important;
	}
	.cms-banner .light-btn,
	.cms-banner .btn-box a,
	section.cms-special .black-btn {
		padding: 8px 16px !important;
		font-size: 13px !important;
		letter-spacing: 0.03em !important;
		border-radius: 6px !important;
	}
	.custom-carousel .owl-nav button.owl-prev,
	.custom-carousel .owl-nav button.owl-next {
		height: 40px !important;
		line-height: 36px !important;
		font-size: 16px !important;
		width: 28px !important;
	}
}

@media (max-width: 575px) {
	.footer-trust-bar .col-12 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.footer-top-wrap {
		gap: 8px 16px !important;
	}
	.single-static .content {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 10px !important;
		padding: 14px 16px !important;
	}
}