/* ========google-font========== */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Marcellus&family=Sora:wght@100..800&family=Space+Grotesk:wght@300..700&display=swap');
/* =================Root============= */
:root {
  --main: #E3030B;        /* Primary Brand Red */
  --main-dark: #B80208;  /* Dark Red Hover */
  --accent: #FFD700;     /* Accent Yellow */
  --secondary: #B80208;  /* Blue Accent */
  
  --black: #190308;
  --black2: #312222; 
  --gray: #EEEEEE;
  --light: #F9FAFB;
  --white: #ffffff; 


   --gold: #FFD700;
  --orange: #FF6B00;
  --dark: #0a0002;
}

/* =================Root============= */

body,
html {
	color: var(--black);
	scroll-behavior: smooth;
	background: #fff;
	font-size: 15px;
	font-weight: 500;
	font-family: 'Sora', sans-serif; scroll-behavior:smooth;
}

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

a {
	text-decoration: none;
	outline: none;
}

p {
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h3,
h6 {
	padding: 0;
	/*! font-family: 'work sans', sans-serif; */
	font-weight: 400;
	/*! letter-spacing: 0.6px; */
}



.anouncebar {
	color: #fff;
	background-color: transparent;
	border: none;
	padding: 0;
	text-align: center;
	margin: 0;
	font-size: 16px;
	border-radius: 0;
}

.anouncebar a {
	color: #fff;
	margin: 0; 
	font-size: 14px;
	/*! font-weight: 600; */  
	line-height: 16px;
	text-transform: capitalize;
	display: flex;
	/* display: block; */
	justify-content: center;
	padding: 10px 0; 
	/*! text-transform: uppercase; */
	/*! font-style: italic; */
}

.anouncebar a span {
	color: #fff;
	margin: 0;
	font-size: 14px;
	/*! font-weight: 600; */
	/* letter-spacing: 0px; */
	/* display: block; */
	opacity: 1;
	/* display: none; */
	/*! font-size: 20px; */
	margin: 0 0 0 7px;
	text-decoration: underline;
}

.anouncebar .owl-item.center {
	background: rgba(255, 255, 255, 0.07);
}


.anouncebar .btn-close {
	box-sizing: content-box;
	width: 15px;
	height: 15px;
	padding: 0;
	color: var(--black);
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	border: 0;
	border-radius: 0;
	opacity: .5;
	position: absolute;
	right: 14px;
	top: 11px;
	background-size: 100%;
}

.search-wrapper {
	width: 100%;
	max-width: 600px;
}

.search-container {
	position: relative;
	width: 100%;
}

.search-input {
	width: 100%;
	padding: 14px 50px 14px 20px;
	border: 1px solid #dee2e6;
	border-radius: 10px;
	font-size: 13px;
	outline: none;
	transition: all 0.3s ease;
	padding-left: 50px;
	height: 48px;
	color: var(--black);
	font-weight: 700;
	text-transform: uppercase;
}

.search-input:focus {
	border-color: #0d6efd;
	box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

.search-input::placeholder {
	color: #adb5bd;
}

.search-btn {
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	border-radius: 9px;
	width: 45px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	color: #aca8a8;
}

.search-btn:hover {
	background: linear-gradient(90deg, #f03521 0%, #fec013 100%) !important;
	transform: translateY(-50%) scale(1.05);
	color: #fff;
}

.search-btn i {
	/*! color: white; */
	font-size: 21px;
}

ul.navbar-nav.ms-auto.icon_dv {
	flex-direction: row;
	justify-content: flex-end;
	padding: 0;
	background: transparent;
}

section.Middile_header {
	border-bottom: 1px solid #ddd;
	padding: 12px 0;
	/*! padding-top: 5px; */
}

.offcanvas-header {
	padding: 10px 16px;
}

.contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 60px;
}

.contact-list li {
	display: flex;
	align-items: center;
	gap: 15px;
}

.icon-wrapper {
	width: 45px;
	height: 45px;
	border: 1px solid #eaeaea;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: #eaeaea;
}

.icon-wrapper i {
	font-size: 20px;
	color: var(--black);
}

.contact-info h6 {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--black);
}

.contact-info p {
	margin: 0;
	font-size: 14px;
	color: #6c757d;
}

.Middile_header .col-lg-4.col-md-4 {
	display: flex;
}

.navbar-brand {
	width: 300px!important;
	display: inline-block;    
}

.navbar {
	padding: 0;
}

.navbar-expand-xl .navbar-nav .nav-link {
	font-size: 14px;
	font-weight: 500;
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	/* letter-spacing: 0.5px; */
	position: relative;
	white-space: nowrap;
	z-index: 999;
	color: #fff;
	transition: 0.3s;
	letter-spacing: 0;
	text-transform: capitalize;
}
 
.navbar-expand-xl .navbar-nav .active .nav-link {
	color: #ff0710;
	background: #ffffff17;
	border-radius: 40px;
}

.navbar-expand-xl .navbar-nav .nav-link:hover {
	/*! color: #ffe34b; */
	color: var(--main);
	background: #ffffff0d; 
	border-radius: 40px; 
}


.icon_dv .nav-link {
	padding: 0 !important;
	width: 100px;
	height: 45px; 
	line-height: 43px;
	/*! border: 1px solid #f81e0e; */ 
	/*! margin: 0 0 0 4px; */
	border-radius: 39px;
	/*! text-align: center; */
	position: relative;
	/*! background: #f81e0e; */
	padding: 0px 17px !important;
	background: var(--main);
	margin: 0 0 0 10px;
	text-align: center;
	font-size: 16px!important;
	color: #fff!important;
	font-size: 16px;
}

.Cart_count {
	position: absolute;
	color: #fff;
	width: 20px;
	height: 20px; 
	border-radius: 100%;
	background: #EA4335;
	text-align: center;
	line-height: 20px;
	font-size: 10px;
	right: -7px;
	top: -6px;
	font-weight: bold;
	letter-spacing: 0;
}

.carousel-control-next,
.carousel-control-prev {
	width: 5%;
	top: 25%; 
}

.navbar-nav.ms-auto.icon_dv {
	/*! background: #ffe300; */
	/*! border-radius: 18px; */
	/*! padding: 5px 15px; */
	/*! padding-right: 23px; */
}
.subtotal {
	justify-content: space-between;

	align-items: center;
	margin: 0 0 15px 0;
}

.subtotal h4 {
	font-weight: 600;
	font-size: 16px;
	color: var(--black);
	text-transform: uppercase;
	margin: 0;
	letter-spacing: 0;
}

.subtotal .total_price {
	font-weight: 400;
	font-size: 18px;
	color: var(--black);
}

.sb_ttl p small {
	font-size: 11px;
	text-align: center;
}

.btn {
	border-radius: 0;
}

.itemCarTM .btn.btn-outline-danger {
	padding: 0 8px;
}

.modal-footer {
	padding: 12px 26px;
	border-top: 1px solid #f0f0f0;
	padding-bottom: 27px;
}

.cartsubmit {
	padding: 13px 10px;
	display: inline-block;
	width: 100%;
	background: var(--main);
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	border-radius:24px;
	font-size: 15px;
	letter-spacing: 0;
	text-align: center;
}

.cartsubmit:hover {
	background: var(--black);
}


.cartsubmit.active {
	padding: 13px 10px;
	display: inline-block;
	width: 100%;
	background: transparent;
	/*! font-weight: 400; */
	text-transform: capitalize;
	margin: 0 0 0 14px;
	text-align: center;
}

.cartsubmit.active:hover {
	color: var(--white) !important;
	background: var(--black);

}

.modal-footer p {
	font-weight: 400;
	font-size: 12px;
	margin: 0 0 15px 0;
}

.offcanvas-body {
	border-top: 1px solid #f0f0f0;
	padding-top: 30px;
}

header {
	z-index: 9;
	background: #0c1122;
	position: fixed;
	width:100%;
	border-radius: 10px;
	
	padding: 2px 5px;padding-top: 8px;
	/*! border-bottom: 1px solid rgba(255, 255, 255, 0.21); */
}

.dropdown-menu.shadow {
	margin: 0;
	border: none !important;
	box-shadow: rgba(0, 0, 0, 0.29) 30px 30px 25px -5px, rgba(0, 0, 0, 0.61) 0px 10px 10px -5px !important;
	border-radius: 0;
	left: -10px;
	background: #fff;
	padding: 24px 0;
	width: 101.1%;
	border-top: 1px solid #f4f4f4 !important;
}

.top_header {
	background: linear-gradient(90deg, #9B04DB 0%, #FF1C6A 49.48%, #6D1DC6 100%);
	/*! background: #f14c1e; */
	background:  var(--main);; 
}

/* cart-modal */
.itemCarTM {
	margin: 0 0 15px 0; 
	display: flex;
	overflow: hidden;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 15px;
	/*! align-items: center; */
}

.itemCarTM .img_CrT {
	width: 70px;
	height: 70px;
	position: relative;
	margin: 0 15px 0 0;
	border: 2px solid #eeecec;
	overflow: hidden;
	border-radius: 10px;
	flex: 0 0 auto;
}

.itemCarTM .img_CrT img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.carT_head_main {
	width: 100%;
	flex: 0 0 auto;
}

.pm_btn {
	border: none;
	font-size: 18px;
	padding: 0 6px;
	background: transparent;
	height: 35px;
}

.add_itam_count .form-control {
	width: 35px;
	text-align: center;
	padding: 0 !important;
	height: 35px;
	border: none;
	background: transparent;
	border: none !important;
}

.p_title a h5 {
	color: var(--black);
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 269px;
	font-size: 16px;
	text-transform: capitalize;
	letter-spacing: 0;
	font-weight: 600;
}

.item_price {
	font-weight: 400;
	font-size: 14px;
	margin: 3px 0 5px 0;
	color: #131313;
}

.add_itam_count .input-group {
	border: 1px solid #2b2b2b1a;
	border-radius: 6px;  
	overflow: hidden;
	/*! background: #f3f3f3; */
}

/* Navbar SVG icons white */
.icon_dv svg {
	fill: var(--black);
}

.icon_dv svg path {
	fill: #fff;
}
 

.remove {
    width: 40px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #f14c1e;
    margin: 0 0 0 8px;
    border: none;
    /*! border: 1px solid; */
    border-radius: 4px;
    /*! border-radius: 30px; */
    background: #eb714f1c;
} 

.color {
	font-size: 12px;
	color: #999;
}

.dropdown-menu h4 a {
	font-weight: 600;
	font-size: 13px;
	color: #0d0d0d;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.dropdown-item {
	display: block;
	padding: 10px 10px;
	text-decoration: none;
	border-radius: 0;
	white-space: nowrap;
	text-transform: unset;
	font-weight: 600;
	font-size: 16px;
	color: var(--black);
	position: relative;
	transition: 0.3s;
	line-height: normal;
	text-transform: capitalize;
	/*! font-style: italic; */
	font-weight: 600;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: var(--main);
	background-color: transparent;
}

.input-elevated {
	font-size: 16px;
	border: none;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-size: 20px 20px;
	box-shadow: none;
	border-radius: 5px !important;
	;
	width: 100%;
	padding: .5em 1.9em .5em 2.8em;
	background: #fff;
	height: 40px;
}

.nav_icon ul {
	padding: 0;
	margin: 0;
}

.nav_icon ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.nav_icon ul li a {
	display: inline-block;
	width: 25px;
	height: 25px;
	position: relative;
}

.srchclose {
	position: absolute;
	right: 9px;
	top: 11px;
} 

.Searchbtn {
	position: absolute;
	height: 40px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path fill='%23838D99' d='M13.22 14.63a8 8 0 1 1 1.41-1.41l4.29 4.29a1 1 0 1 1-1.41 1.41l-4.29-4.29zm-.66-2.07a6 6 0 1 0-8.49-8.49 6 6 0 0 0 8.49 8.49z'></path></svg>");
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	border: none;
	background-color: transparent;
	left: 0;
}
.banner_vid {
  position: relative;
  overflow: hidden;
  background: var(--main);
  color: #fff;
  font-size: 1em;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  height: 100vh;
  letter-spacing: 2px;
}
.navbar-nav.ms-auto {
	/*! background: rgba(241, 241, 241, 0.05); */
	border-radius: 48px; 
	padding: 6px 8px;
}
.nav-link.carticonn {
	padding: 0 !important;
	width: 45px;
	height: 45px;
	line-height: 39px;
	border: 1px solid var(--black2);
	margin: 0 !important;
	border-radius: 12px;
	text-align: center;
	position: relative;
	background: var(--black2);
	margin: 0 0 0 10px !important;
}



.banner__video {
  position: absolute;
  top: 0;
  left: 0;
  width: auto; 
  min-width: 100%;
  height: auto;
  min-height: 100%;
  /*! -webkit-transform: translateX(-50%) translateY(-50%); */
  /*! transform: translateX(-50%) translateY(-50%); */
  z-index: 1;
  object-fit: cover;
  opacity: 0.9;
}
.searchead h4 {
	font-size: 16px;
	text-transform: uppercase; 
	font-weight: 600;
	margin: 7px 0 17px 5px;
	/*! color: var(--main); */
	letter-spacing: 1px;
}

.searchead ul {
	padding: 0;
	margin: 0;
}


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

.searchead ul li a {
	list-style: none;
	color: var(--black);
	align-items: center;
	background-color: #f5f5f5;
	display: flex;
	justify-content: space-between;
	padding: 12px 12px 12px 16px;
	text-decoration: none;
	width: 100%;
	line-height: 1;
	position: relative;
	margin-bottom: 10px;
	border-radius: 5px;
	font-size: 14px;
	transition: 0.3s;
	border: 1px solid #f5f5f5;
}

.searchead ul li a::after {
	content: "\F285";
	position: absolute;
	right: 8px;
	top: 12px;
	font-family: bootstrap-icons !important;
	opacity: 0.4;
}

.searchead ul li a:hover {
	border: 1px solid #ddd;
	transition: 0.3s;
}

.searchead ul li a span {
	color: #999;
	background: #f5f5f5;
	position: relative;
	z-index: 9;
	opacity: 1;
	font-weight: 300;
	font-size: 12px;
}

.dropdown-menu.show {
	padding: 12px 15px;
	border: none;
	margin: 0;
	border-radius: 10px;
	min-width: 30vh;
	/*! padding-top: 0; */
}

.container-fluid {
	max-width: 1600px;
}

.fixed {
	position: fixed !important;
	left: 0;
	top: 0; 
	width: 100%;
	z-index: 999;
	box-shadow: 1px 0 2.125rem rgba(0, 0, 0, .13);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px !important;
	background: var(--black) !important;
	padding: 2px 20px;
	border-radius: 0;
}

.cetogry_main {
	padding: 50px 0 50px;
	/*! padding-bottom: 30px; */  
	overflow: hidden;  
	background: #fcfafa; 
	background-size: contain; 
	/*! margin-top: -130px; */
} 
/* .cetogry_main h2 a{
	color: #fff;
} */ 
   

.c_item_M {
	margin: 0;
	background: #fff;
	position: relative;
	transition: 0.3s;
	overflow: hidden;
	/*! box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; */
	margin: 0 0 2px 0; 
	overflow: hidden;
	padding: 16px 0;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
  
.c_item_M .image {
	position: relative;
	height: 240px;
	width:auto;
	border-radius: 100%;
	/*! overflow: hidden; */ 
/* 	width: 240px; */
	margin: 0 auto; 
	/*! background-size: 170%; */
	/*! background-position: -135px 0; */
	z-index: 1;
	/*! box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 8px; */
	/*! margin: 13px; */
	padding: 19px;
}

/* .c_item_M .image:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(66, 66, 66, 0) 50%, rgba(255, 255, 255, 0) 100%);
	z-index: -1; 
	opacity: 0;
} */

.c_item_M img {
	transition: 0.3s;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.c_item_M:hover img {
	transition: 0.3s;
	transform: scale(1.06);
}
a:hover .c_item_M img{transition: 0.3s;
	transform: scale(1.06);
}
a:hover.center .c_item_M {
	transform: scale(1);
	background: var(--light);
} 
.owl-item.center .c_item_M {
	transform: scale(1);
	background: var(--light);
} 
.owl-item.center .c_item_M h3{
	transform: scale(1);
	color: #da0101fb; 
}
a:hover .c_item_M h3{
	transform: scale(1);
color:var(--main)
}
 .text-red{color:var(--main)}
 .owl-item .c_item_M svg{
	width: 90%;
	height: 90%;
	position: absolute;  
	left: 12px;
	top: 11px;
}
 
 .owl-item .c_item_M svg path{
	fill:  var(--main);;
	 opacity: 0.03;
}



.carousel-item img{
	width: 100%;
	height: 100vh;
	object-fit: cover; 
	/*! opacity: 0.9; */
}
.carousel-caption {
	position: absolute;
	top: 51%; 
	left: 50%;   
	width: 60%;
	transform: translate(-50%,-50%);
	text-align: center; 
	/*! max-width: 600px; */ 
	text-shadow: 1px 1px 2px var(--black);
	z-index: 1; display: flex;
    flex-direction: column;
    justify-content: center;  /* vertical */
    align-items: center;
}

.carousel-caption h5 {
	font-size: 60px;
	/*! text-transform: uppercase; */
	font-weight: 600;  
	margin: 0;
	margin-bottom: 6px;
	/*! font-family: Marcellus; */
	letter-spacing: -4px;
	position: relative;
	z-index: 9;
}
.carousel-caption h5 span { 
	font-style: italic;
}
.carousel-caption h6 {
	text-transform: uppercase;
	font-weight: 600;  
	font-size: 14px;  
	/*! font-family: "Rock Salt", cursive; */ 
	border: 2px solid #ffffff45;
	border-radius: 40px;
	display: inline-block;
	padding: 7px 22px; 
	background: yellow;
	text-shadow: none;
	color: var(--black);
}

.carousel-caption a {
	display: inline-block;
	padding: 1px 6px;
	/*! background: #fff; */
	color: #fff; 
	border-radius: 36px;
	font-size: 16px; 
	font-weight: 600;
	letter-spacing: -0.6px;
	/*! height: 50px; */
	text-shadow: none;
	max-width: 242px;
	align-items: center;
	margin: 0 auto;
	text-decoration: underline;
}
.carousel-caption a i {
	display: inline-block;
	width: 40px;
	height: 40px; display:none;
	text-align: center;
	line-height: 42px;
	background: #E3030B;
	border-radius: 100%;
	margin: 0 0 0 7px;
	color: #fff;
	font-size: 24px;
}


section h2 {
    font-size: 32px;
    font-weight: 900;
    color: var(--black); 
    text-transform: uppercase;
    letter-spacing: 0;
    letter-spacing: 0px;
    /* font-style: italic; */
}
 
section h2 a {
	color: var(--black);
}

section h2 a:hover {
	color: var(--black);
}
section h1 {
    font-size: 32px;
    font-weight: 900;
    color: var(--black); 
    text-transform: uppercase;
    letter-spacing: 0;
    letter-spacing: 0px;
    /* font-style: italic; */
}
 
section h1 a {
	color: var(--black);
}

section h1 a:hover {
	color: var(--black);
}



.inner_btnT {
	/*! position: absolute; */
	bottom: 24px;
	/*! background: rgba(0, 0, 0, 0.37); */
	width: 100%;
	text-align: center;
	padding: 11px 0;
	left: 10%;
	margin: 6px 0 0 0;
	z-index: 3;
}

.inner_btnT h3 {
	margin: 0;
	font-size: 20px;
	text-transform: inherit;
	color: var(--black);
	font-weight: 800;
	letter-spacing: 0;
	/*! font-family: Noto Serif Display; */
}

.inner_btnT p {
	font-size: 14px;
	color: #666; 
	margin: 0; 
}


.owl-theme .owl-controls {
	width: 100%;
	height: 50px;
	opacity: 1;
	position: absolute;
	top: 38%;
}


.owl-nav {
	position: absolute;
	top: 45%;
	left: 0;
	border-radius: 35px;
	/*! border: 1px solid #ddd; */
	transform: translatey(-50%);
	width: 100%;
	z-index: 9;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
	width: 45px;
	height: 45px;
	color: var(--black);
	/*! border: 1px solid #ddd; */
	border-radius: 13px;
	margin: 0 0 0 11px;
	font-size: 20px;
	background: #fff;
	position: absolute;
	left: -12px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 0;
}

.viewall {
	font-size: 16px;
	margin: 0 0 0 8px;
	color: #a8a8a8;
	font-weight: 200;
	/*! text-transform: capitalize !important; */
	letter-spacing: 2px;
}

.viewall:hover {
	color: var(--main);
	text-decoration: underline;
	text-decoration-thickness: 1px;
}


.product-item {
	position: relative;
	overflow: hidden; 
	transition: 0.6s;
	background: #fff;
	transition: 0.6s; 
	text-align: center;
	border: none;
	padding: 0;
	margin-bottom: 12px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	border-radius: 8px;
	/*! border: 1px solid #e5e5e5; */
	/*! box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; */
	/*! box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; */
	/*! box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px; */
	box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
	box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
	/*! border: 1px solid #ddd; */
	padding: 24px 0 10px;
}

.product-item:hover .product-desc h3 {
	/*! text-decoration: underline; */
	color: var(--black);
}

.product-item:hover {
	transition: 0.6s;
	z-index: 1;
}

.product-img img {
	margin: auto;
	/*! position: absolute; */
	left: 0;
	top: 0;
	right: 0; 
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: 0.6s;
	object-fit: contain;
	object-position: center;
	width: 100%;
}

.product-item:hover .product-img img {
	opacity: 1;
	transition: 0.6s;
	transform: scale(1.05);
}


.product-img {
	position: relative;
	width:100%;
	padding: 0;
	background: #fff; 
	overflow: hidden;
	margin: 0 auto;height:auto;
	max-height: 320px;height:auto;
	border-radius: 15px;
}

.product-overlay {
	background-color: rgba(0, 0, 0, 0.11);
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	width: 100%;
	transition: 0.8s;
}

.product-item:hover .product-desc h3 a {
	color: #fa5000;
	transition: 0.7s;
}

.product-btn {
	bottom: 7%;
	left: 24%;
	position: absolute;
	transform: translateX(-50%);
	transition: 0.8s;
	/*! width: 100%; */
}

.product-item:hover .product-btn {
	left: 50%;
}

.product-item .fa {
	font-family: "FontAwesome";
}

.product-desc {
    padding: 20px;
    position: relative;
    text-align: center;
    padding-top: 0;
}

.product-img .product-overlay {
	display: none;
	transition: 0.4s;
	top: 0;
	width: 70%;
	left: 15%;
	opacity: 1;
	margin: 0;
	height: 100%;
	align-items: center;
	padding: 0;
}

.product-img .product-overlay .btn.btn-circle {
	padding: 9px 1px;
	width: 60%;
	left: 20%;
	margin: 0 0 13px 0;
	position: relative;
}

.product-item:hover .product-overlay {
	display: block;
	transition: 0.4s;
	top: 0;
	width: 100%;
	left: 0;
	opacity: 1;
	z-index: 9;
}

.product-desc h3 {
	overflow: hidden;
	font-size: 15px;
	margin: 0; 
	height: 42px; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	color: var(--black);
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 8px;
	/*! text-transform: lowercase; */
	text-transform: capitalize;
	max-width: 100%!important;
	/*! font-style: italic; */
}

.product-desc .RevIEw_star ul {
	justify-content: start;
}

.product-wishlist {
	color: white;
	display: block;
	font-size: 20px;
	line-height: 0;
	position: absolute;
	right: 20px;
	top: 15px;
	transform: scale(0);
}

.product-item:hover .product-wishlist {
	transform: scale(1);
}

.product-label-new::before {
	align-items: center;
	border-radius: 0;
	color: white;
	display: flex;
	font-size: 12px;
	height: 22px;
	justify-content: center;
	left: 12px;
	position: absolute;
	top: 12px;
	width: 50px;
	z-index: 100;
}

.product-label-new::before {
	background-color: #228b22;
	content: "New";
}

.product-price {
	font-size: 16px;
	color: #ea3020;
	font-weight: bold;
	padding: 0;
	margin: 0; 
	letter-spacing: 0; 
	font-family: Inter; 
	line-height: normal;
	width: 100%;
	text-align: center;
	padding: 0;
	/*! border-right: 1px solid #ddd; */
	text-align: center;justify-content:center;
}

.product-price span {
	font-weight: 300;
	color: #6a6a6a;
	margin: 0 0 0 5px;
	text-decoration: line-through;
	/*! font-size: 12px; */
	/*! opacity: 0.6; */
	/*! display: block; */
	font-weight: 400;
	/*! font-style: italic; */
}

.btn.btn-theme {
	background: var(--white);
	color: var(--black);
	font-weight: 400;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
	font-size: 13px;
	/*! text-transform: uppercase; */
	border-radius: 60px;
	letter-spacing: 0.6px;
}

.btn.btn-circle {
	padding: 8px 19px;
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 33%;
	margin: auto;
	width: 50%;
	-webkit-transform: translateY(-50.1%);
	-ms-transform: translateY(-50.1%);
	transform: translateY(50.1px);
	transition: 0.3s;
	opacity: 0;
	white-space: nowrap;
}

.btn.btn-theme:hover {
	background: var(--black);
	color: #fff;
	transition: 0.3s;
	border-color: var(--black);
}

.product-item:hover .btn.btn-circle {
	transition: 0.3s;
	bottom: 30%;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0px);
	display: block;
	opacity: 1;
}

.btn-circle .fa {
	margin-left: 10px;
	font-size: 12px;
	display: none;
}

.product-name {
	display: block;
	text-decoration: none;
	color: #414141;
	padding: 13px 13px 11px 15px;
	background: transparent;
	overflow: hidden;
	margin: 0 0 8px 0;
	/*! white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px;
	font-weight: normal;
	max-height: 58px;
	line-height: 17px;
	font-family: Inter;
}

.RevIEw_star ul li {
	list-style: none;
	display: inline-block;
	color: #ffa41c;
	font-size: 12px;
	margin: 0 4px 0 0;
}

.RevIEw_star ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	padding: 0 !important;
}

.product-img .add-to-cart {
	color: #fff;
	background: var(--black);
	/*! width: 40px; */
	height: 43px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 20px;
	border-radius: 0;
	opacity: 0;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 0;
	transition: all .3s ease;
	line-height: 40px;
	white-space: nowrap;
	font-size: 14px;
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
	width: 100%;
	bottom: 0;
	/*! letter-spacing: 0.5px; */
}

.product-item:hover .add-to-cart {
	opacity: 1;
	bottom: 0;
}

.product-item .add-to-cart:hover {
	color: #fff;
	background: var(--main);
	border-color: var(--main); 
} 

/* product-new-css */
/* new arrival */
.owl-carousel .product-item {
	margin: 10px;
}

.newarrival_main {
	padding: 60px 0;
	background: #fff url(../images/bgbodyy.png);
	background-size: auto;
	background-size: contain;
}

.badge {  
	position: absolute;
	top: 12px;
	left: 12px; 
	/*! background: linear-gradient(90deg, #f03521 0%, #fec013 100%) !important; */
	background-repeat: no-repeat;
	z-index: 1;
	height: 21px;
	background-size: 24px;
	border-radius: 0; 
	/*! writing-mode: sideways-lr; */ 
	display: flex;
	justify-content: center;
	font-size: 10px;
	padding: 0 10px;
	font-weight: 600;
	text-transform: uppercase;
	width: auto;
	line-height: 21px;
	border-radius: 0px;
	background: #DF1409;
}

/* new arrival */



.discount_item {
	padding: 20px;
	position: relative;
	transition: 0.3s;
}

.discount_item img {
	transition: 0.3s;
}

.discount_item h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 78px;
	text-align: center;
	font-weight: 900;
	line-height: 37px;
	transition: 0.3s;
}

.discount_item h3 span {
	font-size: 44px;
	display: block;
	margin: 14px 0 0 0;
	transition: 0.3s;
}

.discount_item:hover img {
	animation: infiniteRotate 40s linear infinite;
	transition: 0.3s;
}



/* CSS code */

@keyframes infiniteRotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* Apply the animation to the element you want to rotate */

.abouttext h2 {
	font-size: 20px;
}

.abouttext {
	padding: 50px 0;
}

.startingat_main {
	padding: 12px 0;
	background: #ffcfd2 url(../images/desktop-pattern.webp);
}

.grid_catogry {
	padding: 30px 0;
}

.review_main.pt-0 {
	padding: 50px 0 !important;
	background: #fffbfc;
	overflow: hidden;
}

.review_item {
	padding: 0;
	background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);
	margin: 10px;
	position: relative;
	border: none;
	border-radius: 10px;
}


.review_item::before {
	position: absolute;
	content: '\f10d';
	right: 25px;
	top: 10px;
	color: var(--black);
	font-size: 45px;
	/* transform: translateX(-50%); */
	font-family: fontAwesome !important;
	opacity: 0.1;
}


.imgname {
	display: block;
	text-align: center;
	position: absolute;
	bottom: 20px;
	width: 100%;
	z-index: 1;
}

.imgname .image {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	overflow: hidden;
	/*! box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
	/* border: 1px solid #fff; */
	flex: 0 0 auto;
}

.imgname .image img {
	width: 100%;
}

.imgname .namestar {
	width: 100%;
	margin: 0 0 0 14px;
}

.imgname .namestar h4 {
	font-size: 16px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin: 0;
	margin-bottom: 0;
	font-family: 'IBM Plex Sans', sans-serif;
	color: var(--black);
}

.starR {
	display: flex;
	justify-content: center;
}

.starR a {
	color: gold;
	margin: 0 4px 0 0;
	font-size: 13px;
}

.review_item .image {
	height: 450px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}

.review_item .image p {
	color: #fff;
	padding: 20px;
	text-align: center;
}

.review_item .image::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(66, 66, 66, 0) 50%, rgba(255, 255, 255, 0) 100%);
}

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

}


.btn_txt {
	display: inline-block;
	font-size: 18px;
	color: var(--main);
	border-bottom: 1px solid var(--main);
	padding: 0 7px;
	letter-spacing: 0.5px;
}

.btn_txt:hover {
	color: var(--main);
	border-bottom: 2px solid var(--main);
}



.btn.btn_theme {
	padding: 0 30px;
	border-radius: 0;
	border: 1px solid var(--main);
	color: var(--main);
	text-transform: capitalize;
	font-size: 15px;
	position: relative;
	z-index: 1;
	border-radius: 60px;
	overflow: hidden;
	height: 40px;
	line-height: 36px;
	font-weight: 600;
}

.btn.btn_theme::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	transition: 0.4s;
	background: var(--main);
	z-index: -1;
}

.btn.btn_theme:hover:before {
	width: 100%;
	height: 100%;
	transition: 0.4s;
}

.btn.btn_theme:hover {
	color: #fff;
	transition: 0.4s;
}

.product_oftheweek {
	padding: 40px 0 60px 0;
}

.pr_week_img {
	border-radius: 0;
	overflow: hidden;
}

.main_contentP_Detail h3 {
	font-size: 30px;
	text-transform: capitalize;
	color: var(--black);
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 33px;
	margin: 0 0 12px 0;
	font-family: DM Serif Display;
}

.main_contentP_Detail p {
	margin: 0 0 5px 0;
}

.size_chrt {
	color: var(--black);
	letter-spacing: 0;
	margin: 0 0 4px 0;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
}

.size_chrt a {
	color: var(--main);
	text-decoration: none;
}

.size_list ul {
	padding: 0;
	margin: 0 0 10px 0;
}

.size_list ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.size_list ul li a {
	padding: 8px 13px;
	margin: 0 6px 10px 0;
	display: inline-block;
	border: 1px solid #d0d0d0;
	color: #777;
	font-size: 13px;
	border-radius: 5px;
	line-height: normal;
	letter-spacing: 0;
	font-family: Work Sans;
}

.size_list ul li.active a {
	background: #fff;
	border-color: var(--black);
	color: var(--black);
	border-width: 2px;
}

.size_list ul li a:hover {
	background: #fff;
	border-color: var(--main);
	color: var(--main);
}

.accordion-button {
	border: none;
	border-bottom: none;
}

.accordion-collapse {
	border: none;
}

.accordion-button {
	padding: 16px 21px;
	border-radius: 0;
	font-size: 15px;
	text-transform: capitalize;
	font-weight: 500;
	/*! letter-spacing: 2px; */
}

.accordion-button:focus {
	border: none;
	outline: 0;
	box-shadow: none;
}

.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.accordion-button:not(.collapsed) {
	box-shadow: none;
}

.accordion-button:not(.collapsed) {
	color: #623c21;
	background-color: transparent;
}

.type_main_inner .form-check-label {
	font-size: 15px;
	letter-spacing: 0;
	display: block;
	text-transform: capitalize;
	color: #484848;
}

.type_main_inner .form-check-label span {
	text-align: right;
	font-weight: 500;
	float: right;
	font-size: 13px;
}

.type_main_inner .form-check {
	margin: 0;
	padding-bottom: 10px;
}

.color_bx {
	padding: 0;
}

.color_bx li {
	padding: 0;
	list-style: none;
	display: inline-block;
}

.color_bx li a {
	padding: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 2px 3px 0;
	border: 1px solid #e3e3e3;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.color_bx li.active a {
	box-shadow: 0 0 0px 2px var(--main);
}

.color_bx li a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.form-check-input:checked {
	background-color: var(--main);
	border-color: var(--main);
}

.form-check-input[type="checkbox"] {
	border-radius: 0;
	margin-top: 2px;
	border-radius: 0;
	width: 15px;
	height: 15px;
	margin-right: 9px;
}

.size_inner .form-check-label {
	/* font-size: 13px; */
	display: block;
	/* font-weight: 400; */
	color: var(--black);
	/* letter-spacing: 1px; */
}

.size_inner .form-check-label span {
	text-align: right;
	font-weight: 400;
	float: right;
}

.size_inner .form-check {
	margin: 0;
	padding-bottom: 10px;
}

.metrial_inner .form-check-label {
	font-size: 13px;
	display: block;
	text-transform: uppercase;
	font-weight: 400;
	color: #484848;
	letter-spacing: 1px;
}

.metrial_inner .form-check-label span {
	text-align: right;
	font-weight: 400;
	float: right;
}

.metrial_inner .form-check {
	margin: 0;
	padding-bottom: 10px;
}

.accordion-body {
	border-top: none;
}

.Rte b,
.Rte strong {
	font-weight: 500;
	color: var(--black);
}

.Rte p {
	/*! letter-spacing: 0; */
}

.details_main {
	padding-left: 25px;
}

.PdrSliDer {
	display: flex;
}

.product_slider .carousel-indicators {
	display: block;
	position: relative;
	top: 0;
	margin: 20px 0 0 0;
	display: none;
}

.detail_slider_img {
	width: 100%;
	position: relative;
	margin: 0 0 0 20px;
}

.main_contentP_Detail {
	padding: 0 0 0 20px;
}

.nav-pills .nav-link {
	border-radius: .25rem;
	border: none;
	background: transparent;
	font-size: 14px;
	margin: 0 10px 0 0;
	border-radius: 0;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
}

.body_tab {
	padding: 30px;
}

.order_item {
	padding: 20px;
	width: 100%;
	font-size: 14px;
	overflow: hidden;
	transition: box-shadow .1s linear;
	background-color: #fff;
	border: none;
	position: relative;
	cursor: pointer;
	display: block;
	/*! box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; */
	border-bottom: 1px solid #f6f6f6;
}

.order_item h4 a {
	color: var(--black);
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	font-size: 16px;
	display: block;
	font-weight: 500;
}

.cancal_btn {
	/*! border: 1px solid #ddd; */
	border-radius: 50px;
	padding: 0;
	font-size: 13px;
	color: #535353;
	text-decoration: underline;
}

.addres_item {
	background: #fff;
	padding: 20px;
	text-align: left;
	background: #fbfbfb;
	border-radius: 10px;
	margin-bottom: 20px;
	position: relative;
}

.badge-light {
	color: #212529;
	background-color: #f8f9fa;
}

.details_Product h6 {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	color: #555;
	line-height: 25px;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.details_Product p {
	margin: 0px 0px;
	font-size: 16px;
	font-weight: 500;
	color: #151515;
	line-height: 25px;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.remove_DV a {
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	color: #828282;
	border: 1px solid #dedede;
	padding: 4px 16px;
	border-radius: 4px;
	display: inline-block;
	background: #fff;
	margin: 15px 0 0 0;
	/* opacity: 0.3; */
	letter-spacing: 1px;
}

.modal-body.popover__inner {
	padding: 30px;
}

.imgname h4 {
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	margin: 0;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.imgname h4 i {
	color: white;
	font-size: 13px;
}

.sale_banner_product,
.new_banner_product {
	font-style: normal;
	text-transform: none;
	text-align: center;
	margin-bottom: 10px;
	display: inline-block;
	padding: 0;
	text-transform: uppercase;
	font-size: 13px;
	line-height: normal;
	color: gray;
	letter-spacing: 1px;
}

.price {
	font-size: 1.8rem;
	margin: 0;
	white-space: nowrap;
	text-transform: uppercase;
	color: #f14c1e;
	font-weight: bold;
	margin-bottom: 15px !important;
}

.size_chrt {
	color: var(--black);
	letter-spacing: 0.2em;
	margin: 0 0 4px 0;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 12px;
}




.main_contentP_Detail p {
	margin: 0 0 5px 0;
}

.griditem {
	height: 500px;
	overflow: hidden;
	position: relative;
	border-radius: 0;
	margin-bottom: 0;
	transition: 0.3s;
}

.griditem::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	height: 100%;
	background: linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(66, 66, 66, 0) 50%, rgba(255, 255, 255, 0) 100%);
	transition: 0.3s;
}

.griditem img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	transition: 0.3s;
}

.grid_description {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	padding-bottom: 30px;
	color: #fff;
	padding-left: 30px;
	z-index: 9;
	transition: 0.3s;
}

.griditem:hover img {
	transform: scale(1.06);
	transition: 0.3s;
}

.grid_description h3 {
	font-size: 30px;
	margin-bottom: 6px;
	text-transform: capitalize;
	font-family: Noto Serif Display;
	font-weight: 600;
}

.grid_description span {
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	padding: 6px 0 0 0px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	border-radius: 0;
	color: #fff;
}


/* product-details-slider */

.pr_week_img .carousel-item {
	height: 600px;
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 0;
	border: none;
}

.pr_week_img .carousel-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pr_week_img .thumbnail {
	width: 75px;
	height: 80px;
	overflow: hidden;
	margin: 0 11px 0 0;
	border: 2px solid #fff;
	border-radius: 10px;
	cursor: pointer;
}

.pr_week_img .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.skuPD {
	font-size: 13px;
	letter-spacing: 0;
	display: block;
}

.price small {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	color: #999;
}

.main_contentP_Detail .pm_btn {
	border: none;
	font-size: 18px;
	padding: 0 6px;
	background: transparent;
	height: 45px;
	width: 50px;
}

.main_contentP_Detail .form-control {
	height: 45px;
}

.main_contentP_Detail .input-group {
	background: #fcfcfc;
}


.buyBTn {
	padding: 0 30px;
	border-radius: 0;
	border: 1px solid #00d66f;
	color: #fff;
	letter-spacing: 0;
	text-transform: capitalize;
	font-size: 17px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 11px;
	font-weight: bold;
	margin-bottom: 15px; 
	display: block;
	text-align: center;
	height: 50px;
	line-height: 46px;
	background: #00d86f;
	transition: 0.3s; border-radius:50px
}

.buyBTn:hover {
	color: #fff;
	background: #08bb65;
	border-color: #08bb65;
	transition: 0.3s;
}

.buyBTn img {
	width: 61px;
}

.buyBTn.active {
	background: transparent;
	border-color: #ddd;
	color: #515151;
} 

.buyBTn.active { 
	background: var(--main);
	border-color: var(--main);
	color: #fff;
}

.buyBTn.active:hover {
	background: var(--black);
	border-color: var(--black);
	color: var(--white);
}
.wishlisticon {
    position: absolute;
    top: 2px;
    z-index: 9999;
    background: #fff;
    right: 15px;
    color: var(--black); 
    line-height: 33px;
    width: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border-radius: 100%;
    height: 30px;
}
.icon_dv .nav-link.dropdown-toggle::after { 
   display: none;
}
.icon_dv .dropdown-menu.show {
	padding: 12px 10px; 
	min-width: 23vh; 
}

.detail_link a {
	color: var(--black);
	position: relative;
	padding: 6px 0;
	font-size: 16px;
}

.detail_link a::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 15px;
	height: 1px;
	transition: 0.4s;
	background: var(--black);
	z-index: 1;
}

.detail_link a:hover:before {
	width: 100%;
	height: 1px;
	transition: 0.4s;
}

.detail_link a:hover {
	color: var(--black);
	transition: 0.4s;
}


.byprice_item {
	padding: 20px;
	position: relative;

}

.byprice_item .image {
	width: 272px;
	height: 272px;
	overflow: hidden;
	border-radius: 100%;
	border: 6px solid #fff;
	box-shadow: 0 0 0 6px #D4ECEA;
	position: relative;
	z-index: 1;
	transition: 0.3s;
}


.byprice_item .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s;
}

.byprice_item .image::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.67) 0%, rgba(0, 0, 0, 0) 100%);
	transition: 0.3s;
	z-index: 1;
}

.byprice_item h3 {
	position: absolute;
	bottom: 62px;
	left: 50%;
	width: 272px;
	text-align: center;
	transform: translateX(-50%);
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 31px;
	z-index: 3;
	transition: 0.3s;
	font-family: DM Serif Display;
	font-style: italic;
}

.byprice_item:hover img {
	transition: 0.3s;
	transform: scale(1.09);
}






/* product-details-slider */



.shopby_price {
	padding: 50px 0;
	background: #edfaf9;
}


.st-desktop-filter-btn {
	display: flex;
	padding: 0 20px;
	border: 1px solid #e8e8e1;
	height: 44px;
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	white-space: nowrap;
	max-width: -moz-fit-content;
	max-width: fit-content;
	cursor: pointer;
	border-radius: 10px;
}

.st-desktop-filter-btn svg.icon.icon-filter {
	width: 20px;
	height: 100%;
	vertical-align: middle;
}

.st-desktop-filter-btn span {
	font-size: 16px;
	margin-left: 15px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.st-desktop-filter-btn svg path {
	fill: none !important;
	stroke-width: 2px;
	stroke: currentColor !important;
}

.filter_section {
	margin-bottom: 30px;
	margin-top: 30px;
}

.filterbtn {
	display: inline-block;
	color: var(--black);
	/*! box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
	border-radius: 10px;
	border: none;
	/*! overflow: hidden; */
}

.productCount {
	text-align: center;
}

.filter_by {
	text-align: right;
}

.filter_by .form-select {
	padding: 0 20px;
	border: 1px solid #e8e8e1;
	height: 44px;
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	white-space: nowrap;
	max-width: -moz-fit-content;
	max-width: fit-content;
	cursor: pointer;
	border-radius: 10px;
	display: inline-block;
}

.filter_modalDV {
	padding: 0 30px;
	padding-bottom: 62px;
}

.filter_modalDV .accordion {
	background-color: #fff;
	border-radius: 0;
	padding: 0;
}


.filter_modalDV .accordion-item {
	border: none !important;
	border-radius: 0 !important;
}

.accordion-button.collapsed {
	border-radius: 0;
}

.filter_modalDV .accordion-body {
	border-top: none;
	padding: 0;
	background: #fff;
}

.filtertitle {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 18px;
}

.main {
	padding: 0 0 50px 0;
}







.nav-folderized .nav {
	display: block !important;
}

.bg-dark-purple {
	background: #28044f;
	padding: 10px 0;
	color: #333131;
}

.footer-main {
	padding-top: 0;
	padding-bottom: 0;
	color: #878787;
	font-size: 14px;
}

footer .border-top {
	border-top: 1px solid rgba(167, 180, 201, .2) !important;
}

.footer-main .form-control {
	border: 0 !important;
}

.footer-payments {
	padding-left: 0;
	list-style: none;
	margin: 0;
	line-height: 1.25rem;
}

.footer-payments li {
	display: inline-block;
	padding: 0 11px;
	font-size: 20px;
}

.footer-main img {
	width: 35px;
	margin: 0 0 10px 0;
}

.footer-main .social li {
	margin-right: 15px;
	display: inline-block;
	list-style: none;
	font-size: 20px;
}

.footer-main .social li a {
	color: #a7b4c9;
	line-height: 0;
}

.social li {
	margin-right: 0;
	display: inline-block;
	list-style: none;
	font-size: 15px;
}

.social-icons li a {
	color: #fff;
}

.social-icons li {
	margin-right: 15px;
	display: inline-block;
	list-style: none;
	font-size: 15px;
	width: 40px;
	height: 40px;
	margin: 1px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .2);
	line-height: 40px;
}

.social li a {
	color: rgba(255, 255, 255, .6);
	line-height: 0;
}

.footer-main .payments li {
	margin-right: 15px;
	display: inline-block;
	list-style: none;
	font-size: 20px;
}

.footer-main .payments li a {
	color: rgba(255, 255, 255, .6);
	line-height: 0;
}

.footer-main h6 {
	font-size: 15px;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: 600;
	text-transform: uppercase;
	/*! letter-spacing: 0.6px; */
}

footer .border-bottom {
	border-bottom: 1px solid rgba(167, 180, 201, .2) !important;
}

.footer-main p {
	color: #d2d2d2;
}

.footer-main li {
	line-height: normal;
}

.footer-main a {
	transition: opacity .2s;
	color: #fcfaffe0;
	margin: 0;
	display: block;
	font-size: 14px;
	padding: 6px 0;
	text-transform: capitalize;
	font-weight: 400;
	/*! line-height: 12px; */
	/*! letter-spacing: 0.6px; */
	/*! font-family: work sans; */
	opacity: 0.9;
}

.footer-main.footer-main1 a {
	color: #080e1b;
}

.footer-main.footer-main1 .form-control {
	border: 1px solid #d8dde6 !important;
}

.address_fooTr li {
	position: relative;
	padding: 0 0 0 24px;
	margin: 0 0 5px 0;
}

.address_fooTr li i {
	position: absolute;
	left: 0;
	top: 0;
}

.accent-2 {
	border-top: 1px solid #ffffff4d;
}

.accent-2 {
	width: 60px;
	margin: 0;
}

.Social_footer {
	margin: 0;
	padding: 0;
}

.Social_footer li {
	list-style: none;
	display: inline-block;
}

.footer-main a:hover {
	color: #fff;
}

.Social_footer li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: var(--main);
	/*! background: var(--black); */
	line-height: 40px;
	text-align: center;
	margin: -1px 0 0px -5px !important;
	border-radius: 0;
	font-size: 22px;
	padding: 0;
	border: 1px solid #bed9d8;
}

.flogo {
	width: 200px !important;
}

.nav-tabs {
	border-bottom: none;
}

.nav-tabs .nav-link {
	margin-bottom: 0;
	border: none;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	font-size: 20px;

	font-weight: 400;
	background: transparent;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #495057;
	background-color: #fff;
	border-bottom: 1px solid var(--black);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:focus {
	outline: none;
}

.Social_footer li a i {
	color: #fff;
}

.fb_bg {
	background: #3b5998 !important;
}

.Social_footer li a:hover {
	color: #52a09e;
}

.tw_bg {
	background: #00aced;
}

.insta_bg {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.in_bg {
	background: #007bb6;
}

.yt_bg {
	background: #FF0000;
}

.ico_liNk li {
	position: relative;
	padding: 0;
	color: #747474;
	/*! line-height: 25px; */
	/*! font-size: 17px; */
	color: #c6c6c6;
}


.nav-folderized .nav {
	display: block;
	padding: 0 15px;
}

.CoPy_P {
	font-weight: 400;
	color: #afb0b2;
}

.CoPy_P a {
	color: #fff;
}

.DeTL_main {
	padding: 38px 0;
	background: rgb(251, 251, 251);
}

.DeTL_main p {
	text-align: justify;
}

.HlPN {
	font-size: 13px !important;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.DeTL_main h3 {
	font-size: 20px;
	color: #fe7701;
	font-family: Rubik;
}

.copy_right {
	background: transparent;
	background-size: 350px;
	padding: 12px 0;
	margin-top: 33px;
	border-top: 1px solid #ffffff2e;
}

.CoPy_P a {
	/*! color: var(--black); */
	display: inline-block;
	margin: 0 6px;
	padding: 0;
}

.CoPy_P {
	/*! font-weight: 500; */
	color: #fff !important;
	font-size: 14px;
	/*! letter-spacing: 0.6px; */
}

.img_ico {
	width: 50px;
	margin: 0 10px 0 0;
}

.hoteline_header {
	display: flex;
	align-items: center;
}



/* footer */

footer {
	background: #3A6575;
	padding: 40px 0 0 0;
	color: var(--black);
	background: #f4ede7;
}

.m-2\.5 {
	list-style: none;
	display: inline;
}

.footer-mid ul li {
	margin: 4px 0 5px 0;
	padding: 0 0 0 2px;
	list-style: none;
	color: #535353;
	font-size: 12px;
}

.footer-mid ul li a {
	color: #535353;
	font-size: 16px;
	letter-spacing: 0.4px;

}

.social_footr li a {
	color: #b0b0b0;
}

.footer-mid h5 {
	width: 100%;
	position: relative;
	margin: 0 0 12px 0;
	color: #484848;
	font-weight: 600;
	font-size: 15px;

	text-transform: uppercase;
}

.footer-mid h5::before {
	content: '';
	left: 0;
	bottom: -10px;
	width: 50px;
	height: 1px;
	background: #69A4BB;
	position: absolute;
}


/* footer */



.copyright-wrap {
	padding: 15px 0;
	background: #f4e9df;
	border-top: 1px solid #ecdfd4;
	margin: 11px 0 0 0;
	color: var(--black);

}

.footer-contact {
	padding: 0;
}


.single-static {
	text-align: center;
}


.signup-newsletter-form {
	border-color: #fff;
	position: relative;
}

.signup-newsletter-form input.input-text {
	color: #939393;
}

.signup-newsletter-form input.input-text {
	width: 100%;
	background-color: transparent;
	border-radius: 5px;
	padding: 0 58px 0 10px;
	border: 0;
	height: 35px;
	color: #fff;
}

.signup-newsletter-form .submit-btn {
	text-transform: none;
	border-radius: 50px;
	font-size: 21px;
	padding: 0 9px;
	margin: 0;
	border: none;
	background: transparent;
	color: var(--main);
	height: 35px;
	position: absolute;
	right: 0;
}

.mc4wp-form-fields {
	margin-top: 14px;
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 2px 15px;
	background: transparent;
}

.static-area.mtb-60px {
	padding: 48px 0;
	/*! background: #d9f4f3; */
	margin-bottom: 35px;
	padding-bottom: 37px;
	border-bottom: 1px solid #ffffff26;
}

.single-static-meta h4 {
	color: #fff3f3;
	margin: 0;
	font-weight: 600;
	font-size: 19px;
}

.single-static-meta a {
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0;
}

.single-static-meta p {
	color: #fff;
	font-size: 15px;
	letter-spacing: 0;
	margin: 7px 0 0 0;
	line-height: normal;
}



.slider_nav .carousel-control-next,
.slider_nav .carousel-control-prev {
	width: 13%;
}



/* footer */


.inner_banner {
	padding: 110px 0 40px 0; 
	position: relative;
	z-index: 1;
	background: var(--black);
	background-size: 61%;
}

.bannerIimgg img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: -1;
	opacity: 0.3;
}

.breadcrumb li a {
	font-size: 14px;
	font-weight: 400;
	color: #9f9f9f;
}

.breadcrumb li {
	color: #b6b6b6;
	font-size: 14px;
	font-weight: 400;
	opacity: 0.5;
}

.breadcrumb-item+.breadcrumb-item::before {
	font-size: 12px;
	margin: 0px 0 0 0;
}

.inner_banner h1 {
	font-weight: 200;
	color: #FFF;
	margin: 0;
	font-size: 35px;
	/* letter-spacing: 1px; */
	text-transform: uppercase;
	/* font-family: DM Serif Display; */
	font-weight: 900;
}

.applybtn_dv {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	left: 0;
	padding: 40px;
}

.abouttext a {
	color: #5c5c5c;
	font-size: 14px;
	display: inline-block;
	padding: 0 7px;
	letter-spacing: 0.3px;
}

.rte-setting p {
	font-size: 12px;
	color: #bbb4b4;
}

.abouttext a:hover {
	color: var(--main);
}

.applybtn_dv {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	left: 0;
	padding: 20px 39px;
	background: #fff;
}

.applybtn_dv a {
	width: 100%;
	padding: 15px 0;
	background: var(--main);
	color: #fff;
	font-weight: 600;
	display: block; 
	border-radius: 50px;
	transition: 0.4s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}

.applybtn_dv a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	transition: 0.4s;
	z-index: -1;
}

.applybtn_dv a:hover::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.4s;
	background: #337371;
}

.breadmain {
	background: #f2fbfb;
	padding: 3px 0;
}

.page-item:first-child .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}


.page-link {
	padding: 6px 18px;
	margin: 0 6px 0 0;
	color: var(--black);
	width: 45px;
	height: 45px;
	border-radius: 10px !important;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	font-weight: 600;
}



.TOP_FiX_DEtail {
	display: none;
}

.TOP_FiX_DEtail .nav {
	align-items: center;
	margin: 5px 0;
}

.TOP_FiX_DEtail .nav .nav-link {
	padding: 0;
	padding: 10px 13px !important;
	border: 0px solid #e8eded;
	margin: 0 8px 0 0;
	font-weight: 500;
	border-radius: 3px;
}

.nav-pills .nav-link:hover {
	color: #466e7d;
}

.nav-pills .nav-link:focus {
	color: #466e7d;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: var(--main);
	background-color: transparent;
	border: none;
	border-bottom: 3px solid var(--main);
}

.top-pro_details {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50%;
	background: #fff;
	border-bottom: none;
	transition: top 0.5s ease-in-out 0s;
	z-index: 999999;
	display: block;
	top: auto;
	padding: 15px 8px;
	border-radius: 10px;
	border: 1px solid #ddd;
}

.tF_Price {
	display: flex;
	align-items: center;
}

.S_Quantity {
	padding: 0 0 0 10px;
	border-left: 1px solid #ddd;
	margin: 0 0 0 11px;
}

.top-pro_details h4 {
	margin: 0;

	font-size: 16px;
	color: #242424;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
	text-transform: uppercase;
}

a.buyBTntpfix.mb-0 {
	width: 100%;
	display: block; 
	text-align: center;
	background: var(--main);
	border-radius: 60px;
	color: #fff;
	padding: 11px 0;
	font-weight: bold;
	text-transform: uppercase;
}

.imgtpfx {
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 10px;
	width: 70px;
	height: 70px;
}

.TOP_FiX_DEtail .price {
	font-size: 16px;
	margin-bottom: 0 !important;
}

.border-bottom {
	border-bottom: 1px solid #dee2e6 !important;
	box-shadow: 0 1px 1px #fff;
}

.product_details {
	padding: 35px 0;
}


/* .product_details */
.product_slider .carousel-item {
	float: none;
	margin: 0;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	flex: 0 0 auto;
	width: 49%;
	display: block;
	height: 250px;
	margin: 0 5px 5px 0;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	background: #fcfcfc;
	overflow: hidden;
}

.product_slider .carousel-item a {
	/*! display: block; */
}

.product_slider .carousel-item img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	/*! cursor: var(--cursor-zoom-in-svg-url) 18 18, zoom-in; */

}

.product_slider .carousel-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product_slider .carousel-inner .carousel-item:first-child {
	flex: 0 0 100%;
	height: 440px;
}

.product_slider .carousel-inner .carousel-item:first-child img {
	object-fit: contain;
}

.slider_nav {
	display: none
}

.details_main h3 {
	font-size: 28px;
	text-transform: uppercase;
	color: var(--black); 
	font-weight: 700;
	line-height: 34px;
	margin: 0 0 8px 0;
}
 
.details_main .pm_btn {
	border: none; 
	font-size: 18px;
	padding: 0 6px;
	background: transparent;
	height: 45px;
	width: 50px;
	color: var(--black);
}

.details_main .form-control {
	height: 45px;
	border-radius: 0 !important;
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 0 82px 0 0;
}

.details_main .input-group {
	/*! background: #fcfcfc; */
}

.video-slide-box {
	position: relative;
	height: 250px;
	overflow: hidden;
	border-radius: 12px;
}

.video-slide-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Play Button */
.video-play-btn {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.video-play-btn i {
	font-size: 64px;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.video-play-btn:hover i {
	transform: scale(1.1);
}

.sIzE_tLt {
	color: #919191;
	letter-spacing: 1px;
	margin: 0 0 4px 0;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 12px;
}

.DeLiVeRy_OpTiOn {
	margin: 10px 0 0 0;
}

.peoduct_main .c_item_M {
	margin: 0 0 25px 0;
}

.offerdiscount {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background: linear-gradient(95.29deg, #f29eb6 -6.72%, #e6116d 98.84%);
	color: #fff;
	font-size: 14px;
	font-weight: 900;
	padding: 3px 16px;
	border-radius: 0 0 10px 0;
}

.textred {
	color: var(--main);
}

.textred span {
	color: var(--main);
}

.product__delivery {
	padding: 0;
	margin: 20px 0 20px 0;
}

.product__delivery li {
	list-style: none;
	font-size: 15px;
	color: #848484;
	font-weight: 400;
	margin: 5px 0 0 0;
}

.product__delivery li img {
	width: 30px;
	opacity: 0.6;
}

.check_pinCoDe {
	position: relative;
	max-width: 300px;
}

.check_pinCoDe .btn-primary {
	height: 38px;
	margin: 0 0 0 11px;
	background: transparent;
	border-color: transparent;
	padding: 0 10px;
	position: absolute;
	right: 4px;
	top: 4px;
	z-index: 999;
	color: var(--main);
}

.pintesult {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	line-height: normal;
}

.product_details_txt ul {
	padding: 0 0 0 20px;
}

.product_details_txt ul li {
	list-style: disclosure-closed;
	margin: 0 0 6px 0;
}

.product_details_txt p {
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 10px 0;
}

.refund_policy {
	border-radius: 10px;
	padding: 0;
	text-decoration: underline;
}

.refund_policy a {
	color: var(--main);
	font-weight: 500;
	font-size: 20px;
}

.reviewSubtn {
	padding: 8px 15px;
	border: 1px solid var(--main);
	margin: 0 10px 0 0;
	color: var(--main);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
}

.reviewSubtn.active {
	color: var(--white);
	background: var(--main);
}

.AskQN_Bt {
	border: none;
	padding: 11px 15px;
	background: var(--main);
	color: #fff;
	border-radius: 0;
	font-size: 11px;
	display: inline-block;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0;
}

.reviewsec h3 {
	font-size: 30px;
	text-transform: capitalize;
	color: var(--black);
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 33px;
	margin: 0 0 12px 0;
	font-family: DM Serif Display;
	margin: 0;
	line-height: normal;
}

.product_details_txt.reviewsec {
	margin: 20px 0 0 0;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

.product_details_txt .review_item {
	padding: 20px 11px;
	background: transparent;
	margin: 0;
	position: relative;
	border: none;
	border-radius: 10px;
}

.product_details_txt .review_item h5 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

.related_products {
	padding: 50px 0;
}

.details_main .color_bx li a {
	width: 55px;
	height: 55px;
	border: 1px solid #f4f4f4;
	border-radius: 0;
}

.details_main .color_bx li a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}









/* .product_details */



/* login-form */

.popover__inner {
	padding: 0;
	min-height: auto;
	text-align: center;
	margin-bottom: 80px; 
	max-width: 640px;
	margin: 0 auto; 
	margin-bottom: 40px;
}

.popover__inner p {
	color: #9f9f9f !important;
	font-size: 14px;
} 

.popover__inner h4 {
	font-size: 22px;
	margin: 0 0 8px 0;
	color:#000;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

.popover__inner .form-floating>.form-control,
.form-floating>.form-select {
	height: 50px;
	padding: 10px 0 0 7px; 
	font-size: 15px;
	border-radius: 7px;
	border-color: #ddd;
	margin: 0 0 10px 0;
	/*! background-color: #f7f7fc; */
	/*! border: none; */ 
	min-height: 50px;
}

.popover__inner .form-floating>label {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 12px 13px; 
	pointer-events: none;
	border: 1px solid transparent;
	transform-origin: 0 0;
	transition: opacity .1s ease-in-out, transform .1s ease-in-out;
	font-size: 14px;
	color: #a9b1cb;
	/*! letter-spacing: 0.7px; */
	font-weight: 400;
}

.popover__inner .form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	opacity: .65;
	transform: scale(.75) translateY(-.5rem) translateX(.15rem);
}

.form__submit {
	padding: 13px 10px !important;
	display: inline-block;
	width: 100%;
	background: var(--main);
	color: #fff !important;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 60px;
	letter-spacing: 0;
	font-size: 18px;
}

.creat_acc_main {
	padding: 16px 0 0 0;
}

.creat_acc_main p {
	margin: 0 0 5px 0;
	color: #888;
	line-height: normal;
}

.creat_acc_main p a {
	margin: 0;
	font-weight: 500; 
	margin: 0 0 0 6px;
	color: #828282;
	text-decoration: underline;
}

.creat_account_div_main {
	padding: 0;
}

.logininner_main {
	padding: 40px 0;
}

.btnlogsociual {
	border: 1px solid #eeeeee;
	width: 100%;
	display: block;
	color: #979797;
	background: transparent;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 11px;
	padding: 13px 0;
}

/* login-form */


.contact_usFrm {
	padding: 50px 0;
}

.contact_nS {
	padding: 0;
	margin: 0;
}

.contact_nS li {
	list-style: none;
	margin: 0 0 20px 0;
}

.contact_nS li a {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	color: var(--secondry);
}

.contact_nS li a i {
	color: var(--main);
	margin: 0 10px 0 0;
}

.C_form {
	padding: 45px;
	background: #fff;
	box-shadow: rgba(100, 100, 111, 0) 0px 7px 29px 0px;
	border-radius: 17px;
	position: relative;
	text-align: center;
}

.C_form .sec_title h2 {
	font-size: 30px;
	margin: 0 0 23px 0;
}

.C_form .planePaper {
	position: absolute;
	right: 56px;
	top: 32px;
	width: 60px;
}

.C_form .form-floating>.form-control {
	padding: 12px 15px 0 15px;
	height: 50px;
	border-radius: 10px;
	background: #f7f7fc;
	border: none;
	color: var(--main);
	font-weight: 600;
}

.C_form .form-floating>label {
	padding: 16px 20px;
	font-size: 14px;
	font-weight: 500;
	color: #a9b1cb;
}

.C_form .form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	opacity: .65;
	padding: 11px 13px;
	font-size: 15px;
}

.C_form textarea {
	padding: 22px 15px 0 15px !important;
}

.submit_btn {
	color: var(--white);
	text-transform: capitalize;
	padding: 14px 41px;
	position: relative;
	background: var(--main);
	border-radius: 11px;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	transition: .4s;
}

.contact_main {
	padding: 50px 0;
}

.submit_btn {
	color: #fff;
	text-transform: uppercase;
	padding: 10px 41px;
	position: relative;
	background: var(--main);
	border-radius: 0;
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	transition: .4s;
	border: 2px solid var(--main);
	letter-spacing: 1px;
}

.submit_btn:hover {
	color: #fff;
}

.footer_social ul {
	padding: 0;
}

.footer_social ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.footer_social ul li a {
	padding: 0;
	margin: 0;
	color: var(--white);
	width: 35px;
	height: 35px;
	display: inline-block;
	line-height: 34px;
	text-align: center;
	font-size: 15px;
	background: var(--black);
	margin: 0 12px 0 0;
	border-radius: 2px;
}

.txt_about {
	padding: 0 0 0 30px;
}

.core_value_main {
	padding: 50px 0;
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {

	background-color: transparent;
}



.qtypd {
	padding: 0 20px;
	text-align: center;
}

.qtypd .input-group {
	width: 7rem;
	background: #fff;
	margin: 0 auto;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

.qtypd .input-group input {
	text-align: center;
	border: none;
}

.qtypd .input-group button {
	border: none;
}

.cart_rightsidebat {
	padding: 20px;
	border-radius: 12px 3px;
}

.carth2 h2 {
	color: var(--main);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 25px;
	letter-spacing: 2px;
}


.cartrightsidebar {
	text-align: left;
}


.cartrightsidebar p {
	margin: 0;
	font-size: 20px;
	margin: 0 0 6px 0;
	color: var(--black);
}

.cartrightsidebar p {
	margin: 0;
	font-size: 20px;
	margin: 0 0 6px 0;
	color: var(--black);
}

.cartrightsidebar .btn.btn_buyn.w-100 {
	margin: 13px 0 0 0;
}

.inputcoupen {
	height: 40px;
	padding: 0 15px;
	font-size: 15px;
	border-radius: 6px;
	border-color: #ddd;
	margin: 0 0 10px 0;
	background-color: #f7f7fc;
	border: none;
}

.update_cartbtn {
	height: 40px;
	border: none;
	color: var(--black);
	display: inline-block;
	padding: 0 17px;
	border-radius: 11px;
}

.buttonbtn {
	height: 40px;
	border: none;
	padding: 0 16px;
	border-radius: 10px;
}

.coupen h3 {
	color: var(--black);
	margin: 0 0 18px 0;
	font-size: 18px;
	font-style: italic;
	font-weight: 600;
}

.coupen {
	margin: 0 0 19px 0;
}

.rightsidebar {
	margin-left: 20px;
}

.rightsidebar h3 {
	font-size: 20px;
	font-weight: bold;
	color: var(--black);
	margin: 0 0 13px 0;
	text-transform: uppercase;
	letter-spacing: 0;
}

.priceT {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 0;
	font-size: 16px;
}

.priceT span {
	color: var(--black);
}

.price_detail p {
	margin: 14px 0 0 0;
	border-top: 1px solid #ddd;
	padding-top: 14px;
	display: flex;
	justify-content: space-between;
	color: var(--black);
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

.price_detail small {
	margin: 0 0 20px 0;

	display: block;
}

.price_detail {
	padding: 28px;
	/*! border: 1px solid #ddd; */
	border-radius: 10px;
	background: #fbfbfb;
}

.applycoupan {
	margin: 20px 0 0 0;
}

.applycoupan h6 {
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;

	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.spctxt p {
	margin: 0;
}

.spctxt button {
	margin: 0;
	border: none;
	background: transparent;
	color: var(--main);
	font-style: italic;
	text-decoration: underline;
}

.imageS {
	margin: 0 10px 0 0;
}

.applycoupan .d-flex {
	padding: 10px;
	border: 1px solid #effbfa;
	border-radius: 0;
	align-items: center;
	background: #effbfa;
}

.iconright {
	margin-left: auto;
	padding: 0 12px 0 0;
}

.modal-body .img_CrT {
	width: 70px;
	height: 81px;
	position: relative;
	margin: 0 10px 0 0;
	border-radius: 10px 0;
	overflow: hidden;
	margin: 0 auto;
	margin-right: 10px;
}

.sIzE_tLt {
	color: var(--black);
	letter-spacing: 0;
	margin: 0 0 4px 0;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
}

.DeLiVeRy_OpTiOn {
	margin: 10px 0 0 0;
}

.peoduct_main .c_item_M {
	margin: 0 0 25px 0;
}

.offerdiscount {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background: linear-gradient(95.29deg, #f29eb6 -6.72%, #e6116d 98.84%);
	color: #fff;
	font-size: 14px;
	font-weight: 900;
	padding: 3px 16px;
	border-radius: 0 0 10px 0;
}

.textred {
	color: var(--main);
}

.textred span {
	color: var(--main);
}

.product__delivery {
	padding: 0;
	margin: 19px 0 6px 0;
}

.product__delivery li {
	list-style: none;
	font-size: 15px;
	color: #848484;
	font-weight: 400;
}

.product__delivery li img {
	width: 30px;
	opacity: 0.6;
}

.coupanlist {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}

.coupanmodal {
	padding: 30px;
}

.apply-popup__bottom__cards {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.apply-popup__card {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: .5rem;
	padding: 1rem;
	z-index: 4;
	margin-bottom: 10px;
}

.apply-popup__card__left {
	grid-gap: .75rem;
	align-items: center;
	display: flex;
}

.apply-popup__card__content {
	grid-gap: .75rem;
	border-left: 1px solid #f3f3f3;
	display: flex;
	flex-direction: column;
	margin-left: 17px;
	padding-left: 1rem;
}

.button-gradient--filled {
	grid-gap: .1875rem;
	background: linear-gradient(95.29deg, #f29eb6 -6.72%, #e6116d 98.84%);
	color: #fff;
	padding: .625rem 2.0625rem;
	border: none;
	border-radius: 50px;
	margin-left: auto;
}

.apply-popup__card__top {
	display: flex;
}

.apply-popup__card__content h4 {
	margin: 0;
	font-size: 15px;
	color: var(--black);
}

.apply-popup__card__content p {
	line-height: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
}

.btn-close.coupanmodalclose {
	position: absolute;
	right: 18px;
}


.order_item .img_CrT {
	width: 100%;
	height: 95px;
}


.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 70px;
	height: 70px;
	padding: 0;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: 0;
	cursor: pointer;
	background-color: #fff;
	/* background-clip: padding-box; */
	border: 1px solid #99999952;
	/*! border-top: 10px solid transparent; */
	/*! border-bottom: 10px solid transparent; */
	opacity: 1;
	transition: opacity .6s ease;
	border-radius: 10px;
}

.badgee {
	color: var(--main);
	background: #E7F1F0;
	padding: 3px 12px;
	display: inline-block;
	margin: 0 0 5px 0;
	border-radius: 30px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
}

.bannergrid {
	height: 400px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}

.bannergrid img {
	width: 100%;
	object-fit: cover;
	object-position: top;
	height: 100%;
}


.big_bannergrid {
	height: 815px;
	overflow: hidden;
	position: relative;
}

.offer_banner {
	padding: 0 0 35px 0;
}

.img_grd {
	display: block;
}

.text_grdbox {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 40px;
	color: #fff;
	max-width: 400px;
}

.text_grdbox h3 {
	font-family: DM Serif Display;
	font-size: 40px;
	color: black;
}

.text_grdbox span {
	display: inline-block;
	border: 1px solid var(--black);
	padding: 10px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--black);
	margin-top: 15px;
	font-weight: 500;
	/* font-size: 12px; */
}

/* .carousel-inner .carousel-item:first-child{
	width: 100%;
	margin: 0;
} */

.carousel-indicators {
	display: none;
}

.facrkeyarea {
	padding-bottom: 50px;
}

.facrkeyarea .single-static img {
	width: 80px;
	margin: 0 0 10px 0;
}

.facrkeyarea .single-static-meta h4 {
	color: var(--black);
	margin: 0;
	font-weight: 200;
	font-size: 15px;
	text-transform: uppercase;
	line-height: normal;
	font-family: DM Serif Display;
	letter-spacing: 1px;
}

.facrkeyarea .single-static {
	padding: 20px;
}

.btn_more {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	color: var(--black);
}

.pricebox.d-flex {
	/*! border-top: 1px solid #ddd; */
	padding: 0;
	text-align: left;
	justify-content: center;
	/*! background: #ddd; */
	border-radius: 30px;
}

.add-to-cart {
	display: block;
	width: 100%;
	height: 38px;
	background: #e1dede;
	border-radius: 50px;
	line-height: 36px; 
	color: var(--black);  
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin: 13px auto 0 auto;
	max-width: 56%;
	border: 1px solid #e1dede;
}

.catogery {
	color: #6c6c6c;
	margin: 0 0 6px 0;white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.firework_special_offer {
	padding: 40px 0;
	background: #000 url(../images/ctacbg.webp);
	margin-bottom: 0;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 0 var(--black);
	background-size: cover;
}

.firework_special_offer h2 {
	color: #fff;
	font-size: 40px;
}

.firework_special_offer a {
	display: inline-block;
	margin: 15px 0 0 0;
	padding: 11px 39px;
	background: #fff;
	text-shadow: none;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--black);
	border-radius: 15px;
}

.content_main {
	padding: 60px 0;
	background: #fef3f2;
	border: 1px solid;
	border-left: none;
	border-right: none;
	margin-bottom: 50px;
}

.theme_btn {
	display: inline-block;
	margin: 0;
	padding: 11px 39px;
	background: #f02b22;
	text-shadow: none;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 800;
	color: #fff;
	border-radius: 15px;
}

.top_selling {
	background: url(../images/bgbodyy.png);
	background-size: auto;
	background-size: contain;
	padding: 40px 0;
}

li {
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
}

.content_main img {
	height: 450px;
	width: 100%;
	object-fit: cover;
	border-radius: 15px;
}


.why_firwd .feature-card {
	text-align: center;
	padding: 25px;
	margin-bottom: 30px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	border-radius: 15px;
	margin-top: 60px;
	min-height: 222px;
}

.why_firwd .icon-wrapper {
	width: 80px;
	height: 80px;
	background-color: #fc5420;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 25px;
	border: none;
	margin-top: -65px;
}

.why_firwd .icon-wrapper i {
	font-size: 32px;
	color: #fff;
}

.why_firwd .feature-title {
	font-size: 19px;
	font-weight: 600;
	color: var(--black);
	margin-bottom: 15px;
	text-transform: capitalize;
	letter-spacing: 0;
}

.why_firwd .feature-description {
	/*! font-size: 1rem; */
	color: #333333;
	line-height: normal;
	margin: 0;
	height: 64px;
	overflow: hidden;
}

@media (max-width: 991px) {


	.why_firwd .feature-card {
		margin-bottom: 40px;
	}
}

@media (max-width: 767px) {


	.why_firwd .icon-wrapper {
		width: 70px;
		height: 70px;
	}

	.why_firwd .icon-wrapper i {
		font-size: 28px;
	}

	.why_firwd .feature-title {
		font-size: 1.1rem;
	}

	.why_firwd .feature-description {
		font-size: 0.95rem;
	}
}

@media (max-width: 576px) {

	.why_firwd .feature-card {
		margin-bottom: 35px;
	}
}

.carousel-control-prev,
.carousel-control-next {
	opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	/*! background-color: #23408f; */
	width: 45px;
	height: 45px;
	border-radius: 10px; 
	background-size: 35px;
	opacity: 1;

	position: relative;
	top: -50px;
}

.slidertxtt {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--black); 
	padding-top: 0;
	padding-bottom: 30px;
	background: url(../images/bgbodyy.png);
	background-size: contain;
}

.slidertxtt span {
	margin: 0;
	letter-spacing: 0.9px;
	white-space: nowrap;
}

.imgtwo_itemm {
	position: relative;
}

.imgtwo_itemm .twpcntnt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	text-align: center;
}

.imgtwo_itemm .twpcntnt h3 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 1px;
	font-size: 37px;
}

.imgtwo_itemm .twpcntnt p {
	display: inline-block;
	padding: 13px 26px;
	background: #f14c1e;
	color: #fff;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.6px;
	margin: 0;
	text-shadow: none;
	line-height: normal;
	text-transform: uppercase;
}

.heilighted_products {
	background: url(../images/bgbodyy.png);
	background-size: contain;
}

.imgtwo_itemm {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	background: var(--black);
}

.imgtwo_itemm img {
	opacity: 0.6;
}

/* ================================
   ABOUT US – LIGHT THEME (FINAL)
================================ */

/* Section */
.about-us {
	background-color: #f81e0e;
	color: var(--black);
	padding: 70px 0;
}

.about-us h2 {
	color: #fff;
}

.about-us p {
	color: #fff;
}

/* Badge */
.about-badge {
	display: inline-flex;
	align-items: center; 
	gap: 6px;
	background: #fef0f0;
	color: #E3030B;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 14px;
}
 
/* Heading */
.about-title {
	font-size: 34px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--black);
	margin-bottom: 18px;
}

/* Description */
.about-text {
	font-size: 16px;
	line-height: 1.75;
	color: #fff;
	margin-bottom: 22px;
}

/* List */
.about-list {
	list-style: none;
	padding: 0;
	margin: 0 0 26px;
	display: flex;
	/*! align-items: center; */
	text-align: center;
}

.about-list li {
	display: inline-block;
	align-items: flex-start;
	gap: 10px; 
	font-size: 20px;   
	color: var(--black);
	margin-bottom: 12px; 
	/*! background: #ddd; */ 
	padding: 30px 16px;
	border-radius: 19px;
	font-weight: 400;
	min-height: 190px;
	flex: 0 0 32%;
	margin: 0 16px 8px 0;
	line-height: 25px;
	border: 1px solid #ddd;
	width: 33%;
}

.about-list i {
	color:  var(--main);;
	font-size: 16px;
	margin-top: 2px;
	display: block;
	font-size: 30px;
	margin: 0 0 16px 0;
}

/* Button */
.btn-firework {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 26px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	color: var(--black);
	background-color: #fff;
	text-decoration: none;
	transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.btn-firework:hover {
	background-color: #e76f00;
	box-shadow: 0 8px 20px rgba(251, 133, 0, 0.25);
	color: #fff;
}

/* Feature Grid */
.feature-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	/*! background: url(../images/shopyefct.jpg); */
	padding: 20px 30px;
	border-radius: 10px;
	/*! min-height: 500px; */
	vertical-align: bottom;
	width: 100%;
}

/* Feature Card */
.feature-box {
	background-color: rgb(255, 255, 255);
	border: 1px solid #fff3;
	border-radius: 10px;
	padding: 18px;
	text-align: left;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	/*! padding-left: 49px; */
	position: relative;
	/*! height: 45px; */
	text-transform: uppercase;
	text-align: center;
	backdrop-filter: blur(2px);
}

/* Icon */
.feature-box i {
	font-size: 24px;
	color: #f81e0e;
	margin-bottom: 0;
	/*! position: absolute; */
	left: 11px;
	top: 3px;
}

/* Title */
.feature-box h5 {
	font-size: 14px;
	font-weight: 700;
	color: #090909;
	margin-bottom: 5px;
}

/* Text */
.feature-box p {
	font-size: 13px;
	line-height: normal;
	color: #403d3d;
	margin: 0;
	/*! display: none; */
	text-transform: capitalize;
}

/* Hover */
.feature-box:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

/* Responsive */
@media (max-width: 991px) {
	.about-title {
		font-size: 28px;
	}

	.feature-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.fullimgabt {
	background: url(../images/dfghjk.jpg);
	margin: 0;
	position: relative;
	border-radius: 10px;
	min-height: 530px;
	display: flex;
	align-items: end;
	justify-content: flex-end;
	background-size: cover;
	background-position: bottom;
}

.new_fireworkbg {
	padding: 50px 0;
}

/* ================================
   FIREWORKS SAFETY SECTION
================================ */

.safety-section {
    background-color: #fffbfa;
    padding: 70px 0;
    color: #fff;
    background: var(--black) url(../images/warningtape.png);
    border-radius: 0;
    /* box-shadow: 0 5px 100px  var(--main);c9; */
    margin: 0 auto;
    margin-bottom: 39px;
    position: relative;
    background-size: contain;
    z-index: 1;
}
.safety-section svg {
	position: absolute;
	right: -17px;
	top: -121px; 
	width:133px;
}
.safety-section svg path {
	 fill:  var(--main);;
} 
 
/* Badge */
.safety-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px; 
	background: #a1a1a117;
	color: #fff;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 14px;
}
.safety-section h2{
	color: #fff;
}
.safety-section p{
	color: #fff;
}

/* Title */
.safety-title {
	font-size: 34px;
	font-weight: 700;
	color: var(--black);
	margin-bottom: 18px;
}

/* Text */
.safety-text {
	font-size: 16px;
	line-height: 1.75;
	color: #555;
	margin-bottom: 16px;
}

/* Button */
.btn-safety {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 26px;
	border-radius: 13px; 
	background-color: #f81e0e;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.btn-safety:hover {
	background-color: #f81e0e;
	box-shadow: 0 8px 20px rgba(30, 94, 255, 0.25);
	color: #fff;
}

/* Grid */
.safety-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr); 
	gap: 22px;
}

/* Boxes */
.safety-box {
	background: #fff;
	border: 1px solid #ffffff1a;
	border-radius: 14px; 
	padding: 26px 22px;
	text-align: left;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	/*! padding-left: 110px; */
	position: relative;
	border-top: 5px solid #fedd16;
}

.safety-box i {
	font-size: 34px;
	color: #222831;
	margin-bottom: 12px;
	width: 70px;
	height: 70px;
	display: inline-block;
	border-radius: 100%;
	background: #ddd;
	text-align: center;
	background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgb(255, 255, 0) 100%);
	line-height: 70px;
	margin: -11px 0 17px 0;
	/*! position: absolute; */
	left: 19px;
}

.safety-box h5 {
	font-size: 26px;
	font-weight: bold;
	color: #222831; 
	margin-bottom: 6px;
	letter-spacing: -1px;
}

.safety-box p {
	/*! font-size: 14px; */
	color: var(--black);
	margin: 0; 
	line-height: normal;
	margin: 12px 0 0 0; 
}

/* Hover */
.safety-box:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

/* Responsive */
@media (max-width: 991px) {
	.safety-title {
		font-size: 28px;
	}

	.safety-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.why_firwd {
	padding: 50px 0 0 0;
}


.footer-section {
	background-color: var(--black);
	color: #fff; 
	padding: 30px 0 16px;
	background-color: var(--black);   
	background-image: url(../images/bgfooter.jpg);
	/*! --cta-bg-offset: -4rem; */
	/*! background-position: top 50% left -14rem, top 50% right -14rem; */
	/*! background-position: top 50% left var(--cta-bg-offset), top 50% right var(--cta-bg-offset); */
	/*! background-size: auto max(100%, 500px); */
	background-repeat: no-repeat;
	background-size: cover;
}


.footer-top {
	padding-bottom: 28px;
	border-bottom: 1px solid var(--black);
}

.footer-card {
	text-align: center;
	padding: 20px;
	transition: transform 0.3s;
}

.footer-card:hover {
	transform: translateY(-5px);
}

.footer-icon {
	font-size: 35px;
	color: #cd0200;
	margin-bottom: 15px;
} 

.footer-card h3 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0;
}

.footer-card a {
	color: #fff;
	text-decoration: none;
	transition: opacity 0.3s;
}

.footer-card a:hover {
	opacity: 0.7;
}

.footer-bottom {
	padding-top: 40px;
	padding-bottom: 20px;
}

.footer-heading {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
  
.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links li {
	margin-bottom: 12px;
}

.footer-links a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	transition: opacity 0.3s;
}

.footer-links a:hover {
	opacity: 0.7;
}

.social-text {
	font-size: 15px;
	margin-bottom: 20px;
}

.social-icons {
	display: flex;
	gap: 15px;
}

.social-icon {
	width: 50px;
	height: 50px; 
	border: 1px solid #1a1a1c; 
	display: flex;
	align-items: center; 
	justify-content: center;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	transition: all 0.3s;
	border-radius: 10px;
	flex: 0 0 auto; 
}

.social-icon:hover {
	background-color: var(--main);
	color: #fff;
}

.footer-copyright {
	text-align: center;
	padding-top: 40px;
	font-size: 13px;
	color: #999;
} 

@media (max-width: 768px) {
	.footer-brand{text-align: center;}
	.footer-bottom {
		text-align: center;
		padding-top: 25px;
	}

	.social-icons {
		justify-content: center;
	}

	.footer-col {
		margin-bottom: 0;
		border-bottom: 1px solid #2f2f2f;
		padding: 15px 18px;
	}
}

.left-section {
    padding: 60px 40px;
    background: var(--black) url(../images/contctbg.png);
    border-radius: 40px; 
    color: #fff;
    text-align: center;
} 
.left-section h2{
	color: #fff;
	font-weight: bold;
	font-size: 39px;
}

.question-header {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
	/*! color: var(--black); */
}

.main-heading {
	font-size: 48px;
	font-weight: 900;
	margin-bottom: 30px;
	line-height: 1.1;
	letter-spacing: -0.5px;
}

.contact-text {
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 25px;
	/*! color: var(--black); */
	text-wrap: balance;
}

.contact-text a {
	color: var(--black);
	text-decoration: underline;
}

.help-center-link {
	display: flex;
	align-items: center;
	font-size: 15px;
	margin-bottom: 30px;
	color: var(--black);
}

.help-center-link a {
	color: var(--black);
	text-decoration: underline;
	margin-left: 5px;
}

.more-questions {
	font-size: 15px;
	margin-bottom: 20px;
	color: #ffffff36; 
	margin: 34px 0 7px 0;
}

.btn-visit {
	/*! background-color:  var(--main);; */
	color: white; 
	border: none;
	padding: 8px 0;
	font-size: 16px; 
	font-weight: bold;
	border-radius: 0;
	cursor: pointer;
	transition: background-color 0.3s;
	border-bottom: 1px solid;
}

.btn-visit:hover {
	/*! background-color: #cc0000; */
}

.accordion {
	/*! background-color:  var(--main);0f; */
}

.accordion-item {
	background-color: transparent; 
	border: none;
	/*! border-bottom: 1px solid #d0d0d07a; */
	margin-bottom: 12px;
	border-radius: 10px !important;
}
 
.accordion-item:last-child {
	border-bottom: none;
}

.accordion-button {
	background-color: #f4f2f2;
	color: var(--black);
	font-weight: 600;
	font-size: 20px;
	padding: 20px;
	border: none;
	box-shadow: none;
}

.accordion-button:not(.collapsed) {
	background-color: #f4f2f2;
	color: var(--black);  
	box-shadow: none;
}

.accordion-button:focus {
	box-shadow: none;
	border: none;
}

.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	width: 20px;
	height: 20px;
}

.accordion-body {
	/*! padding: 0 0 20px 0; */
	/*! font-size: 19px; */ 
	/*! color: #666; */
	padding-top: 0;
	background: #f4f2f2;
}
 
@media (max-width: 768px) {
	.main-heading {
		font-size: 36px;
	}

	.left-section {
		padding-right: 0;
		margin-bottom: 40px;
		padding-top: 26px;
		text-align: center;
	}
}

.contacrsc .container {
	background: #fff;
	/*! box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
	padding: 40px;
	border-radius: 20px; 
	margin-bottom: 0;
}

.callmailcths {
	font-weight: 600;
	font-size: 30px; 
	color: #fff;
	margin: 0;
	padding: 16px 20px;
	background: var(--main);
	border-radius: 40px;
}

.product_innerbgg {
	height: 109px;
	background: var(--black);
}

.breadcrumbDV {
	border-bottom: 1px solid #f2f0f0;
}

.breadcrumb {
	margin: 0;
}

.brand-item {
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center; 
	/*! border: 1px solid #e5e5e5; */
	background: #fff;
	padding: 10px;
	overflow: hidden;
	border-radius: 10px;
	margin: 10px;
}

.brand-item img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain; 
	/* IMPORTANT */
	transform: scale(1.8);
}

section.our_brand_main {
	padding-bottom: 50px; 
	padding-top: 20px;
}  

/* Pickup / Shipping boxes */
.custom-info-box {
	display: flex;
	gap: 15px;
	padding: 16px;
	border-radius: 10px;
	align-items: flex-start;
}

.pickup-box {
	background-color: #f2f2f2;
}

.shipping-box {
	background-color: #f2f2f2;
}

.custom-info-box .info-icon {
	font-size: 24px;
}

.pickup-box .info-icon {
	color:  var(--black);;
}

.shipping-box .info-icon {
	color:  var(--black);;
}

.custom-info-box h6 {
	margin-bottom: 4px;
	font-weight: 600;
	font-size: 16px;
	color:  var(--black);;
}

.custom-info-box p {
	margin: 0;
	font-size: 12px;
	color:  var(--black);;
	line-height: 19px;
}

/* Feature grid */
.feature-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.feature-icon {
	width: 60px;
	height: 60px;
	background-color: #f2f2f2;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.feature-icon i {
	font-size: 26px;
	color: var(--black);
}

.shipping-box h6 {
	color:  var(--black);;
}

.shipping-box p {
	color:  var(--black);;
}

.feature-item p {
	font-size: 14px;
	font-weight: 500;
	margin: 0;
}

.nav_icon ul li a svg {
	fill: #ffffff;
}

.min-card {
	border: none;
	border-radius: 10px;
	overflow: hidden; 
	transition: all 0.3s ease;
	position: relative; 
	/*! box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; */
	margin: 10px;
	background: var(--black);
}

.min-card:before {
	content: '';

	/*! background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgba(255, 255, 255, 0) 100%); */
	width: 100%;
	height: 60%;
	z-index: 9;
	position: absolute;
	bottom: 0;
	left: 0;
}

.min-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.min-card img {
	/*! height: 222px; */
	object-fit: cover;
	/*! border-radius: 10px; */ 
	mix-blend-mode: plus-lighter;
}

.sub-title { 
	font-size: 12px;
	letter-spacing: 1px;
	/*! color: #fff; */
	text-transform: uppercase;
}

.card-title {
	font-size: 23px;
	font-weight: 900;
	/*! color: #fff; */
	text-transform: uppercase;
}

.card-body .btn {
	border-radius: 10px;
	padding: 11px 23px;
	margin-top: 0px !important; 
	text-transform: uppercase;
	/*! display: none; */
	color: var(--black);
	border-color: #f8aa14;
	background: #f8aa14;
	font-weight: 600;
	/*! border: none; */
	/*! border-bottom: 2px solid; */
	font-size: 15px;
	/*! padding-top: 0; */
}

.faq-box {
	/*! background: #fff; */
	/*! padding: 30px; */
	border-radius: 16px;
	height: 100%;
	transition: 0.3s ease;
}

.faq-box:hover {
	/*! box-shadow: 0 15px 35px rgba(0,0,0,0.08); */
	/*! transform: translateY(-4px); */
}

.faq-box h5 {
	font-weight: 700;
	font-size: 22px;
	color: var(--black);
}

.faq-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
	/*! border: 1px solid #ddd; */
}

.faq-list li {
	border-bottom: 1px solid #d2d2d2;
}

.faq-list li:last-child {
	border-bottom: none;
}

.faq-list li a {
	display: block;
	padding: 16px 0;
	font-size: 16px;
	color: #212529;
	text-decoration: none;
	transition: 0.3s ease;
	font-weight: 500;
	padding-left: 40px;
	position: relative;
}

.faq-list li a::before {
	content: "\f135";
	font-family: bootstrap-icons !important;
	position: absolute;
	left: 6px;
	top: 50%;
	width: 20px;
	height: 20px;
	background: #cacaca;
	text-align: center;
	font-size: 18px;
	border-radius: 100%;
	line-height: 21px;
	color: var(--black);
	transform: translateY(-50%);
}

.faq-list li a:hover {
	color: #f81e0e;
	/*! padding-left: 8px; */
}

.faq-list li a:hover:before {
	background: var(--black);
	color: #fff;
}

.help_details_main h2 {
	color: var(--black);
	font-weight: 600;
}




/* contact-us */
.C_itemD {
	padding: 1.5625rem 1.875rem;
	text-align: left;
	padding-left: 103px;
	position: relative;
	margin-bottom: 0;
	/*! background: #f5f9fe; */
	border-radius: 0;
	margin-left: 0;
	border-bottom: 1px solid #f2f6fb;
}

.C_itemD img {
	margin: 0 0 0.625rem 0;
	position: absolute;
	left: 1.25rem;
	width: 56px;
	filter: grayscale(10);
}

.C_itemD h4 {
	font-size: 1.125rem;
	font-weight: bold;
	margin: 0;
	color:#646464;
}

.C_itemD p {
	font-size: 1rem;
	margin: 8px 0;
	/*! opacity: 0.7; */
	line-height: 25px;
}

.C_itemD a {
	font-size: 1.25rem;
	font-weight: bold;
	color: var(--black)
	font-family: var(--H-family);
	margin: 0;
	display: block;
	transition: 0.2s;
}

.C_itemD a:hover {
	transition: 0.2s;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	color: var(--main);
}


.btn_emailus {
	display: block;
	padding: 0.625rem 0.9375rem;
	background: var(--main);
	border-radius: 100px;
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 11px 1.125rem -0.5rem rgb(23 92 255 / 60%);
	transition: 0.3s;
	text-align: center;
}

.btn_emailus:hover {
	box-shadow: none;
	transition: 0.3s;
}




.contact-form-wrap {
	padding: 27px 3.125rem;
	/*! box-shadow: 1rem 0.5rem 2.0625rem 11px rgba(217.99999999999994, 226.99999999999997, 228.99999999999994, 0.22); */
	/*! border-radius: 0; */
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 0.25rem -1px;
	/*! border-right: 1px solid #ddd; */
	/*! background: #fff; */
	/*! border-top: 0.625rem solid var(--main); */
	/*! border-radius: 9px; */
	/*! margin-top: -90px; */
	z-index: 9;
	position: relative;
	margin-bottom: 3.75rem !important;
}

.contact-form-wrap h2 {
	/*! font-weight: 600; */
}

.contact-form-wrap textarea {
	min-height: 100px;
}

.contact-form-wrap label {
	font-size: 0.875rem;
	font-weight: 400;
	margin: 0 0 0.3125rem 6px;
	color: #77879e;
}

.contact-form-wrap h2 {
	/*! font-weight: 600; */
	/*! color: var(--heading_color); */
	margin-bottom: 1.25rem;
	text-align: left;
}

.contact-form-wrap p {
	font-weight: 400;
	color: #959595;
	max-width: 470px;
	margin: 0 auto;
	line-height: normal;
	font-size: 0.875rem;
	/*! opacity: 0.6; */
}


.contact-form-wrap .form-group {
	margin-bottom: 0.9375rem;
}

.contact-form-wrap .form-group .form-control {
	height: 55px;
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0 1.25rem;
	color: #546274;
	color: var(--main);
	font-weight: 500;
	font-size: 0.9375rem;
}


.form-select {
	height: 55px;
	border-radius: 6px;
	/*! border: 2px solid rgb(207, 221, 238); */
	outline: none; 
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0 1.25rem;
	color: #546274;
	/*! background: #f5f9fe; */
	/*! color: var(--main); */
	font-weight: 500;
	font-size: 0.9375rem;
	padding-right: 32px;
}



.contact-form-wrap .form-group .form-control::placeholder {
	/* Firefox 18- */
	color: #ddd;
}

.contact-form-wrap .form-group textarea.form-control {
	padding-top: 0.875rem;
	height: 100px;
}

.contact-form-wrap .subtn_btn {
	height: 55px;
	padding: 0; 
	border-radius: 50px;
	background: var(--main);
	color: #ffffff;
	font-weight: 600;
	outline: none;
	box-shadow: none;
	padding: 0 3.75rem;
	box-shadow: rgba(11, 43, 158, 0.15) 0px 6px 1.25rem -6px;
	display: inline-block;
	margin-top: 0.3125rem;
	width: 100%;
	line-height: 52px;
}

.dotted_ng {
	background: #fff url(../images/bg_dotted.png);
}

.card-body {
	position: absolute;
	bottom: 25px;
	left: 0;
	min-width: 100%;
	/*! padding: 25px; */
	/*! background: rgba(255, 255, 255, 0.72); */
	border-radius: 20px;
	/*! backdrop-filter: blur(5px); */
	text-align: center;
	z-index: 9;
	padding-bottom: 25px;
	opacity: 0
}
.min-card:hover .card-body {
	opacity: 1;
	transition: 0.3s;
}
.min-card:hover img {
	transition: 0.3s;
	opacity: 0.6;
}
.imgparalexxtop{
  position: relative;
  width: 94%; 
  height: 75vh;  
  overflow: hidden;
  border-radius: 20px;
}


  .parallax-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  background-size: cover; 
  height: 100vh;
  left: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  position: absolute;
  top: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 1;
}

.lr_content .btn_theme {
	border: 0.0625rem solid  var(--main);; 
	color: #fff; 
	background:  var(--main);;
	padding: 13px 28px; 
	display: inline-block; 
	border-radius: 30px; 
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 400;
	/*! font-style: italic; */
}
.lr_content .btn_theme::after {
  	border-color: #011456; 
}
.lr_content {
	padding: 30px 50px;
	color: var(--black);
} 
.lr_content h2 { 
	/*! color: #fff; */ 
}
.leftight {
	background: #fff;
	/*! background-size: 365px; */
	padding-bottom: 0px;
	padding-top: 0px;
}
.wishlisticon { 
  cursor: pointer; 
  color: #999;
  transition: all 0.3s ease;
}

.wishlisticon.active {
  color: #e63946; /* red heart */
}

.wishlisticon.active i {
  font-family: bootstrap-icons;
  content: "\f415"; /* bi-heart-fill */
}

.product-item:hover .product-desc h3{
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

/* newcss */



.footer ul li {
  margin-bottom: 0.625rem;
  position: relative;
  list-style: none;
  display: flex;
}

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

.footer ul li a {
  color: #757b8c;
  font-size: 15px;
  font-weight: 400; 
  position: relative; 
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  border-bottom: 1px solid transparent;
}

.footer ul li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 2px;
  width: 0.5rem;
  background: #7e8890;
}

.footer ul li a:hover::before {
  background: var(--main);
  opacity: 1;
}

.footer ul li a:hover {
  color: var(--main);
  padding-left: 0.9375rem;
  /*! border-bottom: 1px solid var(--main); */
}

footer ul {
  padding: 0;
}

 
/* blog */
.blog_main {
  padding: 3.313rem 0;
  background: var(--white) url(../images/bg_dotted.png) center;
}
 
.blog_main .post-card {
  margin: 10px;
}



/* ------------------------------
		 Post-card
------------------------------ */
.post-card { 
  padding: 0;
  border-radius: 0 !important;
  display: block; 
  position: relative;
  /*! -webkit-box-shadow: 0px 0.3125rem 1.25rem 0px rgba(69, 67, 96, 0.1); */
  /*! box-shadow: 0px 0.3125rem 1.25rem 0px rgba(69, 67, 96, 0.1); */
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 0 11px;
  margin-bottom: 2.5rem;
  min-height: 21.313rem;
} 

.post-card-image {
  /*! margin-top: -3.75rem; */
  margin-bottom: 0;
  position: relative;  
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  min-height: 251px; 
  max-height: 251px;
  overflow: hidden;
  background: #021778 url(../images/whlogo.png);
  background-repeat: no-repeat;
  background-position: center;
}

.post-card-image img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  /*! transform: scale(2); */
  object-fit: cover;
  width: 100%; 
  height: 100%;
}


.post-card:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.post-card-content .categorie {
  margin-bottom: 0.8125rem;
  margin: 0;
}

.post-card-content h5 {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.post-card-content h5 a {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-weight: bold; 
  font-size: 23px;
  overflow: hidden; 
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.8125rem; 
  /*! font-family: var(--H-family); */
  /*! font-family: Space Grotesk; */
  /*! letter-spacing: -1px; */
  color: #000942;
}

.post-card-content h5 a:hover {
  color: var(--main);
  text-decoration: underline;
}

.post-card-content p {
  margin-bottom: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /*! display: none; */
}

.post-card-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}

.post-card-info ul li:before {
  display: none;
}

.post-card-info ul li {
  font-size: 0.875rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #a29d9d;
}

.post-card-info ul li a {
  color: var(--heading_color);
  font-weight: 400;
}


.post-card-info img {
  width: 2rem !important;
  height: 2rem;
  border-radius: 50%; 
  margin-right: 1rem;
  border: 1px solid #ddd;
}

.post-card-info li {
  margin-bottom: 0;
  font-size: 0.8125rem;
  color: #86939f;
  text-transform: capitalize;
  font-weight: 500;
}

.post-card-content {
  padding: 8px;
  text-align: center;
}

.post-card-info li a:hover {
  color: var(--main);
}

.dot {
  width: 0.25rem;
  height: 0.25rem;
  background-color: var(--secondry);
  border-radius: 50%;
  display: block;
  margin: 2px 6px !important;
}

.post-card-info li.dot {
  margin: 2px 0.5rem !important;
}

/* ------------------------------
		Categorie
------------------------------ */
.catogry {
  display: flex;
  overflow: auto;
  scrollbar-width: none;
  margin: -51px 0 1.9375rem 0;
  position: relative;
  z-index: 1;
}

.catogry a {
  color: var(--white);
  display: inline-block;
  margin: 0 0.625rem 0 0;
  text-align: center;
  font-size: 11px;
  border-radius: 1.25rem;
  font-weight: 500;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  white-space: nowrap;
}


.catogry a:hover {
  background-color: var(--main);
  color: #ffffff !important;
}

/* blog */

.why_main {
	padding: 50px 0; 
	background: #fff url(../images/ctabggg.png);
}
.why_item {
	background: #fff;
	padding: 20px;
	border-radius: 0; 
	text-align: left;
	position: relative;
	/*! border: 1px solid #ddd; */
	transition: 0.3s;
}


.why_item:hover { 
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	transition: 0.3s;
}


.why_item img {
	width: 69px;
	margin: 0 0 20px 0;
}
.why_item h5 {
	font-size: 23px;
	font-weight: bold;
	text-decoration: underline; 
	position: relative;
	margin: 0 0 21px 0;
} 
.why_item p { 
	position: relative; 
	text-wrap: balance; 
} 



.why_item h5:before {
  content: '';
  position: absolute;
  width: 8vw;
  height: 3px;
  bottom: 2px;
  left: 0;
  background: #eeb6006e;
}

.whtbtsection {
	padding-bottom: 69px;
}

.lrhoepagecontent .imgparalexxtop {
    position: relative;
    width: 100%;
    height: 75vh;
    overflow: hidden;
    border-radius: 0;
}
.lrhoepagecontent .lr_contentds {
    text-align: center;
    padding: 60px;
}
.lrhoepagecontent .lr_contentds h4 {
    font-size: 36px;
    font-weight: bold;
    color: var(--black);
}
.lrhoepagecontent .lr_contentds .btn_theme {
    border: 0.0625rem solid  var(--main);;
    color: #fff;
    background:  var(--main);;
    padding: 13px 28px;
    display: inline-block;
    border-radius: 30px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
}
.leftight.lrhoepagecontent {
	background: var(--light);
}
.accordian_detailin .accordian_detailin {
    padding: 65px 0;
}
.accordian_detailin{padding: 24px 0 0 0;}.accordian_detailin h1 {color:#000;font-weight:700;}
.accordian_detailin h1 span{font-size:80%;opacity: 0.8;color:red}
.accordian_detailin .accordion-button {
    background-color: transparent;
    font-size: 22px;
    padding: 18px;
    padding-left: 41px;
}
 
.accordian_detailin .accordion-button:not(.collapsed) {
    background-color: transparent;
    
} 

.accordian_detailin .accordion-body {
    padding-top: 0;
    background: transparent;
}
.image-info{
	display: none;
}
.accordion {
    position: relative;
}
.accordian_detailin .accordion::before {
    position: absolute;
    left: 0;
    top: 20px;
    height: 100%;
    width: 4px;
    background: #0000001a;
    content: '';
    border-radius: 20px;
}
.accordian_detailin .accordion-button span {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -18px;
    background: #E3030B;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    font-size: 20px;
}
.accordian_detailin .accordion-body .btn_theme {
    border: 0.0625rem solid  var(--main);;
    color: #fff;
    background:  var(--main);;
    padding: 13px 28px;
    display: inline-block;
    border-radius: 30px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
}
.accordian_detailin .accordion-body .btn_theme p {
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
}
.accordian_detailin .accordion-body {
	padding: 0 40px 10px 40px;
}
.accordian_detailin {color:#000}
.accordian_detailin .accordion-body  p, .accordian_detailin  p {
    font-size: 18px;
    line-height: 32px;
	text-transform: balance;
    font-weight: 400; 
    opacity: 0.7;
} 
.image-container img {
    height: 76vh;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-top: 20px;
}

.safety-section h2 {
    font-size: 53px;
    font-weight: 600; 
    text-transform: capitalize; 
	margin-bottom: 30px;
}

.safety-section h2 span {
    display: inline-block;
    background: yellow;
    padding: 0 18px;
    color: var(--black);
    border-radius: 13px;
    transform: rotate(-4deg);
}

.safety-section p {
	font-size: 20px;
	line-height: 26px;
	text-wrap: balance;
}


.safety-section a {
	display: inline-block;
	color: var(--black);
	border: 1px solid #ddd;
	padding: 7px 18px;
	border-radius: 30px;
	background: #ddd;
	margin: 20px 0 0 0;
}

.safety-section::before {
	position: absolute;
	left: 0;
	top: 20px;
	height: 100%; 
	width: 100%;
	background: url(../images/safetybgnew.png);
	content: '';
	border-radius: 20px;
	z-index: -1;
	background-position: bottom;background-position: bottom;
  background-size: cover;
}
.nav-link.wholesalebtnn {
	background: var(--black2);
	border-radius: 50px;
	color: #fff !important;
	  animation: pulseGlow 2s infinite;
}
/* }
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgb(255 220 48 / 87%);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255,59,0,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255,59,0,0);
  }
} */
.nav-link.wholesalebtnn:hover {
	background: var(--main)!important; 
	color: #fff !important; 

}
 .register-title {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 20px;
            color: var(--black);
        }
        
        .form-label {
            font-weight: 500;
            color: var(--black);
            margin-bottom: 8px;
            font-size: 14px;
        }
        
        .required {
            color: #dc3545;
        }
        
        .form-control, .form-select {
            border: 1px solid #dee2e6;
            border-radius: 6px;
            padding: 10px 12px;
            font-size: 14px;
        }
        
        .form-control:focus, .form-select:focus {
            border-color: #80bdff;
            box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
        }
        
        .form-check-input {
            margin-top: 0.25rem;
        }
        
        .form-check-label {
            font-size: 14px;
            color: #666;
        }
        
        .address-section {
            background-color: #f5f7fa;
            padding: 20px;
            border-radius: 6px;
            margin-top: 20px; 
            margin-bottom: 20px;
        }
        
        .address-title {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 15px;
            color: var(--black);
        }
        
        .info-text {
            font-size: 12px;
            color: #6c757d;
            margin-top: 5px;
        }
        
        .btn-register {
            background-color: var(--main);
            border: none;
            color: white; 
            padding: 12px;
            border-radius: 60px;
            font-weight: 600;
            font-size: 16px;
            width: 100%;
            margin-top: 20px;
            text-transform: uppercase;
        }
        
        .btn-register:hover {
            background-color: #ff8c00;
            color: white;
        }
        
        .recaptcha-container {
            margin: 20px 0;
        }
        
        .upload-section {
            margin-bottom: 20px;
        }
        
        .file-input-wrapper {
            position: relative;
            display: inline-block;
        }
        
        .file-input-label {
            background-color: #6c757d;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            display: inline-block;
        }
        
        .file-input-label:hover {
            background-color: #5a6268;
        }
        
        input[type="file"] {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
        }
        
        .file-status {
            display: inline-block;
            margin-left: 10px;
            font-size: 14px;
            color: #6c757d;
        }
.registerdvmainn .form-check {
	background: #dddddd21;
	border: 1px solid #ddd;
	padding: 8px 0;
	border-radius: 6px;
	padding-left: 37px;
}

.about-list   li:nth-child(1) {
	background: #e4ffe0;
	border-color: #a5c8a0;
	color: green;
	font-weight: bold;
}
.about-list   li:nth-child(1)  i {
	color: #008000; 
}

.about-list   li:nth-child(2) {
	background: #ffe0e9;
	border-color: #cca0ad;
	color: #9b5569;
	font-weight: bold;
}
.about-list   li:nth-child(2)  i { 
	color: #9b5569; 
}
.about-list   li:nth-child(3) {
	background: #d5f8ec;
	border-color: #7dae9e;
	color: #30a689;
	font-weight: bold;
}
.about-list   li:nth-child(3)  i {
	color: #30d9b1; 
}

.filter_section .accordion-button {
	background-color: #fff; 
	padding: 17px 0; 
}
.filter_section .accordion-button:not(.collapsed) {
	background-color: #fff; 
}

 /* Fixed bottom button */
        .wholesaler-btn {
            position: fixed;
            bottom: 19px;
            left: 24%;
            transform: translateX(-50%); 
            background: #ea4335;
            color: white;
            padding: 11px 23px; 
            border: none;
            border-radius: 11px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4);
            transition: all 0.3s ease;
            z-index: 1000;
            /*! width: 100%; */
            animation: pulseGlow 2s infinite;
        }

        .wholesaler-btn:hover {
            background: #5568d3;
            transform: translateX(-50%) translateY(-2px);
            box-shadow: 0 6px 25px rgba(102, 126, 234, 0.5);
        }

        /* Options container */
        .options-container {
            position: fixed;
            bottom: 68px;
            left: 40%;
            transform: translateX(-50%) translateY(20px);
            display: flex;
            flex-direction: column;
            gap: 3px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 999;
        }

        .options-container.active {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
        }

        .option-btn {
            background: #ea4335;
            color: #fff;
            padding: 10px 22px;
            border: 1px solid #ea4335;
            border-radius: 12px;
            font-size: 15px; 
            font-weight: 600;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            white-space: nowrap;
            text-align: left;
        }

        .option-btn:hover {
            background: #667eea;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
        }

        /* Backdrop */
        .backdrop {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.3);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 998;
        }

        .backdrop.active {
            opacity: 1;
            visibility: visible;
        }
.product-label {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: left;z-index:8;
    color: rgba(0, 0, 0, 1);
}
.product-label span {
  display: inline-block;
  padding: 3px 8px;
  font-size: 80%;
  line-height: 1.2em;
  background:#DF1409;
  color: #ffffff;  
  opacity: 1;
  border: 1px dashed;
}

.product-banner {
  pointer-events: none;
  position: relative;
  left: 0px;
  width: 100%;
  
    padding: 0px 0px 0px 0px;
  text-align: center;
  z-index: 500;
  color: rgba(0, 0, 0, 1); margin-bottom:8px;
}

.product-banner span {
  display: inline-block;
  padding: 2px 8px;
  width: 100%;
  font-weight:400;
  opacity: 0.93;
  color: #fff; 
  border-radius: 0px; 
  border: 1.5px dashed;
}

@media (max-width: 850px) {
  .product-banner span {
    font-size: 11px;
  }
}

@media (min-width: 851px) and (max-width: 1200px) {
  .product-banner span {
    font-size: 12px;
  }
}
        @media (max-width: 600px) {
            .wholesaler-btn {
                /*! padding: 14px 24px; */
                font-size: 14px;
            }

            .option-btn {
                /*! padding: 12px 20px; */
                font-size: 14px;
            }

            .options-container {
                /*! bottom: 80px; */
            }
        }



.fireworks-features {
  padding: 50px 0 60px;
  position: relative;
  background: #fff url(../images/patt.png);
  background-repeat: repeat;
  background-attachment: fixed;
  color: var(--black);
}
  
/* Optional overlay */ 
.fireworks-features::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  /* semi-transparent black overlay */
  z-index: 1;
}

/* Ensure content appears above overlay */
.fireworks-features>* {
  position: relative;
  z-index: 2;
}



.anf_item {
  padding: 0;
  text-align: start;
  background: #fff;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; 
  border: 1px solid #ddd;
  /*! min-height: 216px; */
  /*! margin-top: 50px; */
  width: 100%;
  padding: 24px;
}
 
.anf_item h4 {
  margin: 0 0 0px 0px;
  font-size: 16px;
  color: #e7e7e7;
  font-weight: 500;
  text-transform: uppercase;
}
 
.anf_item h5 {
  margin: 0 0 4px 0px;
  font-size: 18px;
  color: var(--black);
  font-weight: 500;
}

.anf_item p { 
  margin: 0;
  font-size:15px;  
  color: #444; 
  line-height: 22px; 
} 
.anf_item p b{font-weight:500}
.anf_item img {
  width: 42px;
  margin: 0 15px 10px 0;
  /*! margin-left: auto; */ 
   opacity: 0.76; 
}
.anf_item svg {
  width: 48px;height:48px;
  margin: 0 15px 10px 0; 
  /*! margin-left: auto; */ 
   opacity: 0.95; 
}


@media only screen and (min-width: 320px) and (max-width: 809px) {
	.contact_main {
    padding: 24px 0;
}
.contact-form-wrap {
		padding: 20px 0.125rem;}
.anf_item {
	padding: 10px 12px;
	min-height: auto;
	border: none;
	margin: 0 0 0px 0;
	text-align: center;
	display:block!important;
	/*! background: transparent; */
	height: 105px;
}    
	.anf_item img {
  margin: 0 0px 10px 0;
}
.anf_item h3 {
	font-size: 16px; 
	letter-spacing: 0; 
}
    .anf_item h5 {
  margin: 0 0 0px 0px;
  font-size: 14px;
  color: var(--black);
  font-weight: 600;
}
    .fireworks-features {
  padding: 30px 0 30px;
}
    .anf_item p{font-size:14px;margin-top:4px; display:none} 
	.anf_item{display:block!important}

}



.consultation-section {
  position: relative;
  padding: 80px 30px;
  text-align: center;
  /*! background: url(../images/hero_banner1.jpg); */
  color: #fff;
  background-size: cover; 
  background-position: center;
  overflow: hidden;
  z-index: 1;
  background-size: cover;
  background-attachment: fixed;
}

.consultation-section {
  position: relative;
  padding:20% 30px;
  text-align: center;
  color: #fff;
  background-size: cover;
  background-position: center;
  animation: bgSlide 15s infinite ease-in-out;
  height: 100vh;
  margin-bottom: 30px;
}
 
/* KEYFRAMES for background image change */
@keyframes bgSlide {
  0% {
    background-image: url('../images/hero_banner1.jpg');
  }

  100% {
    background-image: url('../images/hero_banner1.jpg');
  }
}

.consultation-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; 
  width: 100%;
  background: rgba(0, 0, 0, 0.45);
  /* dark overlay */ 
  z-index: -1;
}

.consultation-section h2 {
  color:#fff;
  margin-bottom: 0;
}
.consultation-section h3 {
  font-size:18px;
}
.consultation-section p.lead {
  font-size: 1.2rem;
  margin-bottom: 0;
  color: #fff;
}

 .video-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            overflow: hidden;
        }
        
        .video-background {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 1;
        }
        
        .video-overlay {
            position: absolute;
            top: 0;
            left: 0; 
            width: 100%;
            height: 100%;
            background:linear-gradient(45deg, rgba(214, 18, 12, 0.59) 0%, rgba(255, 255, 0, 0.18) 100%);
        }
        .consultation-section h2 {
             
           
            color: #fff;
            display: inline-block;
        }
        
        .typed-text {
            position: relative;
            display: inline-block;
        }
        
        .typed-cursor {
            display: inline-block;
            width: 1px;
            height: 54px;
            background: #fff;
            margin-left: 8px;
            vertical-align: text-bottom;
            animation: blink 1s infinite;
        }
        
        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }

.cta-button {
 background: rgb(255, 255, 0);
  color: var(--black);
  padding: 10px 28px;
  font-size: 16px;
  border: none;
  border-radius: 34px; 
  text-decoration: none;
  transition: background-color 0.3s ease;
  font-weight: 600;
  display: inline-block;  
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin: 25px 0 0 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 200px;
}
@media only screen and (min-width: 320px) and (max-width: 809px){
  .consultation-section {
    padding: 30px 0; margin-bottom:0px;
  height: 56vh;
  }
    .consultation-section h2 {
    font-size: 26px;
  }
    .consultation-section h3 {
    font-size: 16px;
  }
   .cta-button {
    margin: 0; 
    margin-top: 0px; 
    margin-bottom: 0px;
    padding: 8px 24px;
    font-size: 12px;
    margin-top: 15px;
	font-weight:500;
  }
}

.countdown-section {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #1a0405d9;
  color: #fff;
  padding: 8px 5px;
  z-index: 9999;
  box-shadow: 0 -5px 20px rgba(0,0,0,0.25);
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.countdown-section.hide { 
  transform: translateY(120%);
  opacity: 0;
}

/* Close button */
.countdown-close{
  position: absolute;
  
  right: 10px;
  top: 10px;
  background: rgba(0,0,0,.5);
  color: #fff;
  border: 1px solid rgba(255,255,255,.2);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  line-height: 26px;
  text-align: center;
  transition: .2s;
}

.countdown-close:hover{
  background: #DF1409;
  box-shadow: 0 0 10px rgba(223,20,9,.8);
}

.countdown-boxes {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.time-box {
  background: var(--main);
  border-radius: 10px;
  min-width: 70px;
  padding: 8px 6px;
  text-align: center;
  color: #fff;
  font-weight: 600;
}

.time-box span {
  display: block;
  font-size: 16px;
  line-height: 1;
}

.time-box small {
  font-size: 11px;
  letter-spacing: 1px;
  opacity: 0.9;
}

.countdown-title {
  text-align: center;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  opacity: 0.9;
}
.cetogry_main svg {
  vertical-align: middle;
  display: none;
}
/* Mobile Responsive */
@media (max-width: 576px) {
  .time-box {
    min-width: 60px;
    padding: 6px 5px;
  } 

  .time-box span {
    font-size: 14px; 
  }

  .countdown-title {
    font-size: 12px;
  }
}
/* Mobile */
@media(max-width: 809px){
	.info-text p{display: none;}
	
.custom-info-box {
  display: block;
  gap: 15px;
  padding: 16px;
  border-radius: 10px;
  align-items: center;
  text-align: center;
}

} 
.instagram {
  margin: 0 0 -56px 0;
  position: relative;
  z-index: 0;display:none;
}
footer {
  position: relative;
  z-index: 1;
}
h1{color:#000}

body, html {
  color: var(--black2);
  background: var(--white);
}

h1, h2{
  color: var(--black2);
}


a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: var(--main);
}
/* ================================
   HEADER / NAVBAR
================================ */
header {
  background: transparent;
}
 
.navbar-expand-xl .navbar-nav .nav-link {
  color: var(--white);
}

.navbar-expand-xl .navbar-nav .nav-link:hover {
  color: var(--main);
}

.navbar-expand-xl .navbar-nav .active .nav-link {
  background: rgba(255,255,255,0.1);
  border-radius: 40px;
} 

.nav-link.wholesalebtnn {
  background:var(--black2);
  color: #fff !important;
  animation: pulseGlow 2s infinite;
}

.nav-link.wholesalebtnn:hover {
  background: var(--main) !important;
  color: #fff !important;
}
.btn-style-link {
  padding: 0;
  border-width: 2px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-left-width: 2px;
  border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
}
/* ================================
   BUTTONS (ALL)
================================ */
button,
.alt,
.btn,
.cartsubmit,
.applybtn_dv a,
.btn-register,
.submit_btn,
.theme_btn,
.buyBTn.active,
.btn-safety,
.cta-button {
  background: var(--main);
  color: var(--white);
  border: none;
}
button:hover,
.alt:hover,
.btn:hover,
.cartsubmit:hover,
.applybtn_dv a:hover,
.btn-register:hover,
.submit_btn:hover,
.theme_btn:hover,
.buyBTn:hover,
.btn-safety:hover,
.cta-button:hover {
  background: var(--main-dark);
  color: var(--white);
}

#scrollTopBtn {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    background: var(--main);
    color: #fff;
    font-size: 20px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 99999999; 
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    transition: 0.3s ease;
    animation: floatBtn 2s infinite ease-in-out;
}

#scrollTopBtn:hover {
    background: var(--main-dark);
    transform: translateY(-5px) scale(1.05);
}

/* Floating animation */
@keyframes floatBtn {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

/* Firecracker Sparks */
#firecracker-wrapper {
    position: fixed;
    pointer-events: none;
    inset: 0;
    z-index: 99999;
}

.fire-spark {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: radial-gradient(circle, #fff, var(--main), #ffb703);
    animation: explode 700ms ease-out forwards;
}

@keyframes explode {
    0%   { transform: translate(0,0) scale(1); opacity: 1; }
    100% { transform: translate(var(--x), var(--y)) scale(0); opacity: 0; }
}

@media (max-width: 768px) {
    #scrollTopBtn {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }
}

/* ===== Red Dragon Footer ===== */
.rd-footer {
    position: relative;
    background: var(--black);
    color: #fff;
    overflow: hidden;
}

.rd-footer h3 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    color: #fff;
}

.footer-title {
    color: #fff;
    margin-bottom: 15px; 
    position: relative;
}

.footer-title::after {
    content: "";
    width: 40px;
    height: 3px;
    background: var(--main);
    position: absolute;
    left: 0;
    bottom: -6px;
    border-radius: 10px;
}

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

.footer-links li {
    margin-bottom: 8px;
}

.footer-links a {
    color: #ffffffb8;
    text-decoration: none;
    transition: 0.3s;
}

.footer-links a:hover {
    color: var(--main);
    padding-left: 5px;
} 
/* :::::::::::::::link */


.widget_nav_menu h5 {
    color: #fff;
    margin-bottom: 15px; 
    position: relative;
}

.widget_nav_menu h5::after {
    content: "";
    width: 40px;
    height: 3px;
    background: var(--main);
    position: absolute;
    left: 0;
    bottom: -6px;
    border-radius: 10px;
}

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

.widget_nav_menu  ul li {
    margin-bottom: 8px;
}

.widget_nav_menu  ul .nav-link {
    color: #ffffffb8;
    text-decoration: none;
    transition: 0.3s;
}

.widget_nav_menu ul .nav-link:hover {
    color: var(--main);
    padding-left: 5px;
} 

.widget_nav_menu ul .nav-link:hover {
	text-decoration: none;
}


/* ::::::::::::::: */
.footer-brand p {
    opacity: 0.85;
    margin: 15px 0;
}

/* Social */
.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    color: #fff;
    margin-right: 8px;
    transition: 0.3s;
}

.footer-social a:hover {
    background: var(--main);
    transform: translateY(-4px);
}

/* Newsletter */
.footer-newsletter .form-control {
    border-radius: 50px 0 0 50px;
    border: none;
}

.footer-newsletter .btn-main {
    border-radius: 0 50px 50px 0;
    background: var(--main);
    color: #fff;
    padding: 0 20px;
    border: none;
}

.footer-newsletter .btn-main:hover {
    background: var(--main-deep);
}

/* Contact */
.footer-contact p {
    margin: 5px 0;
    font-size: 14px;
}

/* Bottom */
.footer-line {
    border-color: rgba(255, 255, 255, 0.52);
}

.footer-bottom {
    font-size: 14px;
    opacity: 0.9;
}

.footer-bottom-links a {
    color: #ffffffb8;
    margin-left: 15px; 
    text-decoration: none; 
}
 
.footer-bottom-links a:hover {
    color: var(--main);
}

/* Glow Effects */
.footer-glow {
    position: absolute;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, var(--main), transparent 70%);
    filter: blur(40px);
    opacity: 0.4;
}
 .footer-brand img{max-width:280px}
.glow-1 { top: -60px; left: 10%; }
.glow-2 { bottom: -80px; right: 15%; }
.rd-footer p{font-size:14px;line-height:20px;color:#ffffffb8;display:flex!important }
@media (max-width: 767px) {
	.footer-brand img{max-width:220px}
    .footer-bottom-links a {
        margin-left: 10px;
    }
}
.rd-footer {
    position: relative;
    overflow: hidden;
}

#footerFireworks {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none; /* don't block clicks */
}

.rd-footer .container,
.rd-footer .footer-glow {
    position: relative;
    z-index: 2; /* keep content above fireworks */
}


.btn, button, a, a.btn{
  
  transition:.2s ease;
  transition:.3s;
  -webkit-tap-highlight-color:transparent;
}

.btn:hover, button:hover, a.btn:hover{
  transform:scale(1.05);
}



/* Custom Cursor */
#customCursor {
  position: fixed;
  width: 30px;
  height: 30px;
  border: 2px solid var(--main);
  border-radius: 50%;
  pointer-events: none;
  z-index: 100000;
  transition: transform 0.1s, background 0.2s;
  mix-blend-mode: difference;
}

#customCursor.clicking {
  transform: scale(0.6);
  background: var(--main);
}

/* FX Canvas */
#fxCanvas {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
}

/* ==================== RED DRAGON ICON ==================== */
.dragon-icon {
  width: 150px;
  height: 150px;
  animation: dragonFloat 3s ease-in-out infinite;
  filter: drop-shadow(0 0 30px var(--main)) drop-shadow(0 0 60px rgba(227,3,11,0.5));
  position: relative;
}

.dragon-icon svg {
  width: 100%;
  height: 100%;
}

@keyframes dragonFloat {
  0%, 100% { transform: translateY(0) rotate(-5deg); }
  50% { transform: translateY(-20px) rotate(5deg); }
}

/* ==================== ROCKET BUTTON ==================== */
#rocketBtn {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background:transparent;
  color: #fff;
  border: none;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 99999;
  font-size: 2rem;
  transition: transform 0.3s, box-shadow 0.3s;
   animation: rocketFloat 2s ease-in-out infinite;
}

#rocketBtn:hover {
  transform: scale(1.15);
  animation: rocketShake 0.5s ease-in-out infinite;
}

#rocketBtn.launching {
  animation: rocketLaunch 1s ease-in forwards;
}
@keyframes rocketFloat {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}

/* Shake animation */
@keyframes rocketShake {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(6deg); }
  50%  { transform: rotate(-6deg); }
  75%  { transform: rotate(4deg); }
  100% { transform: rotate(0deg); }
}
@keyframes rocketLaunch {
  0% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(10px) scale(1.1);
  }
  100% {
    transform: translateY(-100vh) scale(0.5) rotate(-15deg);
    opacity: 0;
  }
}
.banner__video::-webkit-media-controls {
  display: none !important;
}

.banner__video::-webkit-media-controls-panel {
  display: none !important;
}

.banner__video::-webkit-media-controls-play-button {
  display: none !important;
}

.banner__video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

/* Firefox fallback */
.banner__video {
  outline: none;
}
/* Rocket Trail */
#rocketBtn.launching::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 60px;
  background: linear-gradient(to bottom, #FF6600, #FFD700, transparent);
  border-radius: 50%;
  animation: rocketFlame 0.1s infinite;
}

@keyframes rocketFlame {
  0%, 100% { opacity: 1; height: 60px; }
  50% { opacity: 0.8; height: 80px; }
}

/* ==================== EFFECTS PANEL ==================== */
.effects-panel {
  position: fixed;
  top: 20px;
  left: 20px;
  background: rgba(0,0,0,0.8);
  border: 1px solid var(--main);
  border-radius: 15px;
  padding: 15px 20px;
  z-index: 99998;
  color: #fff; display:none;
  font-size: 0.85rem;
}

.effects-panel h4 {
  color: var(--main);
  margin-bottom: 10px;
  font-size: 0.9rem;
}

.effect-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 5px 0;
  opacity: 0.6;
  transition: opacity 0.3s;
}

.effect-item.active {
  opacity: 1;
}

.effect-dot {
  width: 8px;
  height: 8px;
  background: var(--main);
  border-radius: 50%;
}



@keyframes festivalPulse {
  0%, 100% { box-shadow: 0 0 20px var(--main); }
  50% { box-shadow: 0 0 40px var(--gold); }
}

/* Particle Count Display */
#particleCount {
  position: fixed;
  bottom: 30px; display:none;
  left: 30px;
  background: rgba(0,0,0,0.8);
  color: var(--gold);
  padding: 10px 15px;
  border-radius: 20px;
  font-size: 0.8rem;
  z-index: 99998;
  font-family: monospace;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  body { cursor: auto; }
  #customCursor { display: none; }
  .effects-panel { display: none; }
  
  .dragon-icon {
    width: 100px;
    height: 100px;
  }
	.contacrsc{padding:30px 0}
  
    #rocketBtn {
    width: 20px;
    height: 20px;
    bottom: 10px;
    right: 10px;
    font-size: 22px;
  }
  
  #particleCount {
    bottom: 20px;
    left: 20px;
    font-size: 0.7rem;
  }
}


	
	/* WhatsApp Floating Button */
	.whatsapp-float {
		position: fixed;
		bottom: 90px;
		right: 10px;
		width: 52px;
		height: 52px;
		background: #25d366;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		box-shadow: 0 0 5px rgba(37, 211, 102, 0.5);
		z-index: 9999;
		transition: all 0.3s ease;
		animation: pulse 2s infinite;
	}

	.whatsapp-float:hover {
		transform: scale(1.15);
		box-shadow: 0 8px 35px rgba(37, 211, 102, 0.7);
	}

	.whatsapp-float:active {
		transform: scale(1.05);
	}

	@keyframes pulse {
		0%, 100% { 
			box-shadow: 0 6px 25px rgba(37, 211, 102, 0.5);
			transform: scale(1);
		}
		50% { 
			box-shadow: 0 6px 35px rgba(37, 211, 102, 0.8);
			transform: scale(1.02);
		}
	}

	.whatsapp-float svg {
		width: 30px;
		height: 30px;
		fill: white;
	}

	.float-tooltip {
		position: absolute;
		bottom: 75px;
		right: 0;
		background: #333;
		color: white;
		padding: 8px 12px;
		border-radius: 8px;
		font-size: 12px;
		white-space: nowrap;
		opacity: 0;
		transform: translateY(10px);
		transition: all 0.3s;
		pointer-events: none;
	}

	.float-tooltip::after {
		content: '';
		position: absolute;
		top: 100%;
		right: 20px;
		border: 5px solid transparent;
		border-top-color: #333;
	}

	.whatsapp-float:hover .float-tooltip {
		opacity: 1;
		transform: translateY(0);
	}

	/* Chat Widget */
	.whatsapp-widget {
		position: fixed;
		bottom: 100px;
		right: 20px;
		width: 380px;
		max-width: calc(100vw - 40px);
		background: white;
		border-radius: 15px;
		box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
		z-index: 99999;
		transform: scale(0) translateY(20px);
		transform-origin: bottom right;
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		opacity: 0;
		overflow: hidden;
	}

	.whatsapp-widget.active {
		transform: scale(1) translateY(0);
		opacity: 1;
	}

	.chat-header {
		background: linear-gradient(135deg, #25d366 0%, #22c55e 100%);
		color: white;
		padding: 18px 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}

	.header-content {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.logow {
		width: 45px;
		height: 45px;
		background: white;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}

	.logo-text {
		font-size: 18px;
		font-weight: bold;
		color: #1565c0;
		text-align: center;
		line-height: 1;background: #25d265;
	}

	.header-text h3 {
		font-size: 17px;
		font-weight: 600;color:#fff;
		margin: 0;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	}

	.header-text .status {
		font-size: 13px;
		opacity: 0.9;
		margin: 2px 0 0 0;
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.online-dot {
		width: 8px;
		height: 8px;
		background: #4ade80;
		border-radius: 50%;
		animation: blink 2s infinite;
	}

	@keyframes blink {
		0%, 100% { opacity: 1; }
		50% { opacity: 0.5; }
	}

	.close-btn {
		background: rgba(255, 255, 255, 0.2);
		border: none;
		color: white;
		font-size: 24px;
		cursor: pointer;
		padding: 8px;
		line-height: 1;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s;
	}

	.close-btn:hover {
		background: rgba(255, 255, 255, 0.3);
		transform: rotate(90deg);
	}

	.chat-body {
		padding: 25px 20px;
		background: #f8fafc;
		min-height: 150px;
		max-height: 280px;
		overflow-y: auto;
	}

	.welcome-message {
		background: white;
		padding: 16px 18px;
		border-radius: 18px;
		margin-bottom: 20px;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
		position: relative;
		animation: slideInLeft 0.6s ease-out;
		border-left: 4px solid #25d366;
	}

	@keyframes slideInLeft {
		from {
			opacity: 0;
			transform: translateX(-20px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}

	.welcome-message::before {
		content: '';
		position: absolute;
		left: -8px;
		top: 15px;
		width: 0;
		height: 0;
		border-right: 8px solid white;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
	}

	.message-text {
		font-size: 14px;
		color: #374151;
		line-height: 1.5;
	}

	.phone-highlight {
		background: #dbeafe;
		padding: 2px 6px;
		border-radius: 4px;
		color: #1d4ed8;
		font-weight: 600;
	}

	.input-container {
		padding: 20px;
		background: white;
		border-top: 1px solid #e5e7eb;
	}

	.input-wrapper {
		display: flex;
		gap: 4px;
		align-items: flex-end;
	}

	.message-input {
		flex: 1;
		border: 2px solid #e5e7eb;
		border-radius: 25px;
		padding: 12px 18px;
		font-size: 14px;
		outline: none;
		transition: all 0.3s;
		resize: none;
		min-height: 45px;
		max-height: 100px;
		font-family: inherit;
	}

	.message-input:focus {
		border-color: #25d366;
		box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.1);
	}

	.send-btn {
		background: linear-gradient(135deg, #25d366 0%, #22c55e 100%);
		border: none;
		border-radius: 50%;
		width: 45px;
		height: 45px;
		color: white;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s;
		box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
		flex-shrink: 0; padding:inherit;
	}

	.send-btn:hover {
		transform: scale(1.1);
		box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
	}

	.send-btn:active {
		transform: scale(0.95);
	}

	.send-btn:disabled {
		background: #9ca3af;
		cursor: not-allowed;
		transform: none;
		box-shadow: none;
	}

	.user-message {
		background: linear-gradient(135deg, #dcf8c6 0%, #d4f4dd 100%);
		padding: 10px 15px;
		border-radius: 18px;
		margin: 12px 0;
		margin-left: 60px;
		position: relative;
		animation: slideInRight 0.3s ease-out;
		border: 1px solid #c6f6d5;
	}

	@keyframes slideInRight {
		from {
			opacity: 0;
			transform: translateX(20px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}

	.user-message::after {
		content: '';
		position: absolute;
		right: -8px;
		top: 12px;
		width: 0;
		height: 0;
		border-left: 8px solid #dcf8c6;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
	}

	.bot-response {
		background: white;
		padding: 14px 18px;
		border-radius: 18px;
		margin: 12px 0;
		margin-right: 60px;
		position: relative;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		animation: slideInLeft 0.3s ease-out;
		border: 1px solid #e5e7eb;
	}

	.bot-response::before {
		content: '';
		position: absolute;
		left: -8px;
		top: 12px;
		width: 0;
		height: 0;
		border-right: 8px solid white;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
	}

	.success-message {
		background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
		color: white;
		text-align: center;
		padding: 15px;
		font-weight: 500;
		animation: slideInLeft 0.5s ease-out;
	}

	.redirect-info {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin-top: 8px;
		font-size: 13px;
		opacity: 0.9;
	}

	.spinner {
		width: 16px;
		height: 16px;
		border: 2px solid transparent;
		border-top: 2px solid white;
		border-radius: 50%;
		animation: spin 1s linear infinite;
	}

	@keyframes spin {
		to { transform: rotate(360deg); }
	}

	/* Quick Actions */
	.quick-actions {
		padding: 15px 20px;
		background: #f1f5f9;
		border-top: 1px solid #e2e8f0;
	}

	.quick-actions h4 {
		font-size: 12px;
		color: #64748b;
		margin-bottom: 12px;
		text-transform: uppercase;
		font-weight: 600;
	}

	.action-buttons {
		display: flex;
		flex-wrap: wrap;
		gap: 3px;
	}

	.action__btn {
		background: white;
		color: #374151;
		border: 1px solid #d1d5db;
		border-radius: 20px;
		padding: 5px 12px;
		font-size: 12px;
		cursor: pointer;
		transition: all 0.3s;
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.action__btn:hover {
		background: #25d366;
		color: white;
		border-color: #25d366;
		transform: translateY(-1px);
	}
	.tp-bullet-title{display:none!important}
	@media (max-width: 480px) {
		.whatsapp-float {
  position: fixed;
  bottom: 90px;z-index:9999;
			right: 10px;}
		.whatsapp-widget {
			width: calc(100vw - 20px);
			right: 10px;
			bottom: 90px;
		}

		

		.whatsapp-float svg {
			width: 28px;
			height: 28px;
		}
	}
/**
 * WOOCOMMERCE AJAX CART STYLES - UPDATED
 */

/* Cart Button */
.cart-btn {
    position: relative;
    
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s;
}

.cart-btn:hover {
    
    color: #fff;
}
.footer-brand img{max-width:220px!important}
/* Cart Count Badge */
.cart-count-badge {
    position: absolute;
    top: -5px;
    right: -5px;
   
    font-size: 11px;
    font-weight: 700;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    line-height: 1;
}

/* Bounce Animation */
.cart-count-badge.bounce {
    animation: bounceAnim 0.5s ease;
}

@keyframes bounceAnim {
    0% { transform: scale(1); }
    25% { transform: scale(1.4); }
    50% { transform: scale(0.9); }
    75% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* Offcanvas */
#cart_modal {
    width: 100% !important;
    max-width:400px;
}

#cart_modal .offcanvas-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 20px;
    background: #fff;
}

#cart_modal .offcanvas-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

#cart_modal .offcanvas-body {
    padding: 0;
    position: relative;
}

#cart_modal .offcanvas-body.loading {
    opacity: 0.5;
    pointer-events: none;
}

/* Loader */
.cart-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}

/* Cart Items Container */
.rightsidecart {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
    padding: 15px;
}

/* Empty Cart */
.empty-cart-message {
    text-align: center;
    padding: 50px 20px;
}

.empty-cart-message i {
    font-size: 60px;
    color: #ddd;
    margin-bottom: 15px;
    display: block;
}

.empty-cart-message p {
    color: #666;
    margin-bottom: 20px;
}

/* Cart Item */
.itemCarTM {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    transition: all 0.3s ease;
}

.itemCarTM:last-child {
    border-bottom: none;
}

/* Product Image */
.img_CrT {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eee;
}

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

/* Product Info */
.carT_head_main {
    flex: 1;
    min-width: 0;
}

.p_title h5 {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 5px 0;
    line-height: 1.4;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.p_title a {
    color: #333;
    text-decoration: none;
}

.p_title a:hover {
    color: #e74c3c;
}

.item_price {
    font-size: 16px;
    font-weight: 700;
    color: #e74c3c;
    margin-bottom: 2px;
}

.item_subtotal {
    font-size: 12px;
    color: #888;
}

/* Quantity Controls */
.add_itam_count .input-group {
    width: 110px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}

.add_itam_count .pm_btn {
    width: 35px;
    height: 35px;
    padding: 0;
    border: none;
    background: #f8f9fa;
    color: #333;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

.add_itam_count .pm_btn:hover {
    background: #e74c3c;
    color: #fff;
}

.add_itam_count .pm_btn:active {
    transform: scale(0.9);
}

.add_itam_count .qty-input {
    width: 40px;
    height: 35px;
    text-align: center;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    background: #fff;
}

.add_itam_count .qty-input:focus {
    outline: none;
    box-shadow: none;
}

/* Remove Button */
.remove-item {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    color: #dc3545;
    font-size: 18px;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.2s;
}

.remove-item:hover {
    background: #dc3545;
    color: #fff;
}

/* Footer */
#cart_modal .modal-footer {
    border-top: 2px solid #eee;
    padding: 20px;
    background: #fff;
}

.sb_ttl .subtotal {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.sb_ttl .subtotal h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #333;
}

.sb_ttl .total_price {
    font-size: 20px;
    font-weight: 700;
    color: #e74c3c;
}

/* Buttons */
.cart-buttons {
    gap: 10px;
}
.cartsubmit {
    flex: 1;
    padding: 12px 15px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;border: 1px solid var(--main);
}

.cartsubmit:not(.active) {
    background: #fff;
    color: #e74c3c;
}

.cartsubmit:not(.active):hover {
    background: #e74c3c;
    color: #fff;
}

.cartsubmit.active {
    background: #e74c3c;
    color: #fff;
}

.cartsubmit.active:hover {
    background: #c0392b;
    border-color: #c0392b;
}

/* Scrollbar */
.rightsidecart::-webkit-scrollbar {
    width: 5px;
}

.rightsidecart::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
}
.navbar-brand{width:300px}
.navbar-brand img{width:auto;max-width:280px;}
/* Responsive */
@media (max-width: 576px) {
    #cart_modal {
        width: 100% !important;
    }
    
    .img_CrT {
        width: 70px;
        height: 70px;
    }
}


.dropdown-item {
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 400;
}