/******************************************************************
  Template Name: Ogani
  Description:  Ogani eCommerce  HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

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

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10. Footer Style
11. Userauth Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
html,
body {
	height: 100%;
	font-family: "Cairo", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

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

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 16px;
	font-family: "Cairo", sans-serif;
	color: #6f6f6f;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

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

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

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

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

/* custom admin button to django admin start */

.go-to-app-btn {
  background: linear-gradient(45deg, #007185, #00b894);
  color: #fff;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.go-to-app-btn:hover {
  background: linear-gradient(45deg, #00b894, #007185);
  transform: translateY(-2px);
}

/* custom admin button to django admin end */

.categories__title {
  font-size: 28px;
  font-weight: 700;
  padding-top: 15px;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #2c3e50; /* dark professional tone */
  letter-spacing: 1px;
  margin-bottom: 25px;
  position: relative;
  display: inline-block;
}

/* Accent underline */
.categories__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 3px;
  background: linear-gradient(45deg, #007185, #00b894);
  border-radius: 2px;
}


.section-title {
  text-align: center; /* পুরো section center হবে */
  margin-bottom: 15px;
}

.section-title h2 {
  font-size: 28px;
  font-weight: 800;
  color: #222;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.section-title h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #c45500; /* premium accent (Amazon orange) */
  margin-top: 8px;
  border-radius: 2px;
}

.featured__controls ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
  list-style: none;
  padding: 0;
}

.featured__controls ul li {
  font-size: 16px;
  font-weight: 600;
  color: #555;
  padding: 8px 18px;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #fff;
}

.featured__controls ul li:hover {
  color: #c45500;
  border-color: #c45500;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.featured__controls ul li.active {
  background: #007185; /* Amazon blue */
  color: #fff;
  border-color: #007185;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}


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

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

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

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	padding: 10px 28px 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #7fad39;
	letter-spacing: 2px;
	border-style: none;
}

.site-btn {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 28px;
  border: none;
  border-radius: 30px; /* pill shape */
  background: linear-gradient(45deg, #007185, #00b894); /* professional gradient */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
}

.site-btn:hover {
  transform: translateY(-2px) scale(1.05);
  background: linear-gradient(45deg, #00b894, #007185); /* reverse gradient */
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}



/* Preloder */

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

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

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #fff; /*#f44336;*/
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #fff; /*#673ab7;*/
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #fff; /*#f44336;*/
		border-left-color: transparent;
	}
}

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

/*---------------------
  Header
-----------------------*/

.header{
  position: fixed;
  top: 0;
  width: 100%;
  min-height: 100px;
  background: #fff;
  z-index: 999;
  transition: all 0.3s ease;
  box-shadow: none;
  border-bottom: 1px solid rgba(0,0,0,0.05); /* subtle line */

}

.header.scrolled {
  background: #ffffff;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.header__top {
    background: linear-gradient(
        90deg,
        rgba(255, 77, 77, 0.08),
        rgba(255, 153, 0, 0.08)
    );
}

.header__top__left {
	padding: 10px 0 13px;
}

.header__top__left ul li {
	font-size: 14px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.header__top__left ul li:after {
	position: absolute;
	right: -25px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

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

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

.header__top__left ul li i {
	color: #252525;
	margin-right: 5px;
}

.header__top__right {
	text-align: right;
	padding: 10px 0 13px;
}

.header__top__right__social {
	position: relative;
	display: inline-block;
	margin-right: 35px;
}

.header__top__right__social:after {
	position: absolute;
	right: -20px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.header__top__right__social a {
	font-size: 14px;
	display: inline-block;
	color: #1c1c1c;
	margin-right: 20px;
}

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

.header__top__right__language {
	position: relative;
	display: inline-block;
	margin-right: 40px;
	cursor: pointer;
}

.header__top__right__auth {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.header__top__right__language:hover ul,
.header__top__right__auth:hover ul {
	top: 23px;
	opacity: 1;
	visibility: visible;
}

.header__top__right__language:after {
	position: absolute;
	right: -21px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.header__top__right__language img {
	margin-right: 6px;
}

.header__top__right__language div,
.header__top__right__auth div {
	font-size: 14px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 4px;
}

.header__top__right__language span,
.header__top__right__auth span {
	font-size: 14px;
	color: #1c1c1c;
	position: relative;
	top: 2px;
}

.header__top__right__language ul,
.header__top__right__auth ul {
	background: #222222;
	width: 100px;
	text-align: left;
	padding: 5px 0;
	position: absolute;
	left: 0;
	top: 43px;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}
.header__top__right__auth ul{
	width: 120px; /*or max-content for adapt*/
}

.header__top__right__language ul li,
.header__top__right__auth ul li {
	list-style: none;
}

.header__top__right__language ul li a,
.header__top__right__auth ul li a {
	font-size: 14px;
	color: #ffffff;
	padding: 5px 10px;
}

.header__top__right__auth {
	display: inline-block;
}

.header__top__right__auth a {
	display: block;
	font-size: 14px;
	color: #1c1c1c;
}

.header__top__right__auth i {
	margin-right: 6px;
}

.header__logo {
	width: 100px;
	height: auto;
  font-size: 24px;
  font-weight: 800;
  color: #007185; /* Amazon blue */
  text-decoration: none;
  transition: color 0.3s ease;
}

.header__logo a {
	display: inline-block;
}


.header__menu {
	padding: 24px 0;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 50px;
	position: relative;
}

.header__menu ul li .header__menu__dropdown {
	position: absolute;
	left: 0;
	top: 50px;
	background: #222222;
	width: 180px;
	z-index: 9;
	padding: 5px 0;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	opacity: 0;
	visibility: hidden;
}

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

.header__menu ul li .header__menu__dropdown li:hover>a {
	color: #7fad39;
}

.header__menu ul li .header__menu__dropdown li a {
	text-transform: capitalize;
	color: #ffffff;
	font-weight: 400;
	padding: 5px 15px;
}

.header__menu ul li.active a {
	color: #7fad39;
}

.header__menu ul li:hover .header__menu__dropdown {
	top: 30px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:hover>a {
	color: #7fad39;
}

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

.header__menu ul li a {
	font-size: 14px;
	color: #252525;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	padding: 5px 0;
	display: block;
}

.header__cart {
	text-align: right;
	padding: 24px 0;
}

.header__cart ul {
	display: inline-block;
	margin-right: 25px;
}

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

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

.header__cart ul li a {
	position: relative;
}

.header__cart ul li a i {
	font-size: 18px;
	color: #1c1c1c;
}

.header__cart ul li a span {
	height: 13px;
	width: 13px;
	background: #7fad39;
	font-size: 10px;
	color: #ffffff;
	line-height: 13px;
	text-align: center;
	font-weight: 700;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: -12px;
}

.header__cart .header__cart__price {
	font-size: 14px;
	color: #6f6f6f;
	display: inline-block;
}

.header__cart .header__cart__price span {
	color: #252525;
	font-weight: 700;
}

.humberger__menu__wrapper {
	display: none;
}

.humberger__open {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
  padding: 150px 0 40px 0;
  position: relative;
  background: linear-gradient(to right, #fdfdfd, #f7f7f7);
}

.hero__categories {
  position: relative;
}

.hero__categories__all {
  position: relative;
  z-index: 100;
  cursor: pointer;
  background: linear-gradient(45deg, #007185, #00b894);
  color: #fff;
  padding: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-weight: 600;
}

/* Animated banner addvertise for product */
.hero__categories ul li {
  margin: 0;
  list-style: none;
}

/* Banner */
.hero__categories__banner {
  position: relative;
  width: 100%;
  height: 226px;
}

.hero__categories__banner img {
	width: 100%;
	height: 100%;
  object-fit: cover;
  animation: pulse 3s infinite;
  transform-origin: center center;
}

.hero__categories__text {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
  text-align: center;
}

.hero__categories__text h4 {
  font-size: 22px;
  font-weight: 700;
  animation: fadeInDown 2s ease-in-out;
}

.hero__categories__text p {
  font-size: 18px;
  font-weight: 600;
  color: #ffd700;
  animation: fadeInUp 2s ease-in-out;
}

/* Animations */


@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }


}

.category__banner-show{
  box-shadow: 0 2px 8px rgba(119, 118, 118, 0.2);
  border-radius: 8px;
}

.hero__categories__extras {
  text-align: center;
  background: #fff;
  border-radius: 8px;
  padding: 8px 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Countdown */
.hero__categories__extras .countdown {
  font-size: 16px;
  font-weight: 600;
  color: #ff4d4d;
}

/* CTA Button */
.hero__categories__extras .btn-offer {
  display: inline-block;
  background: linear-gradient(45deg, #ff4d4d, #ff9900);
  color: #fff;
  padding: 6px 14px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-offer{
	position: inherit;
	z-index: 200;
	pointer-events: auto;
}

.hero__categories__extras .btn-offer:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}

/* Badges */
.hero__categories__extras .badges {
  margin-top: 6px;
}

.hero__categories__extras .badges span {
  display: inline-block;
  margin: 3px 3px;
  font-size: 14px;
  color: #333;
  background: #f5f5f5;
  padding: 5px 5px;
  border-radius: 20px;
  transition: background 0.3s ease;
}

.hero__categories__extras .badges span:hover {
  background: #ffe0e0;
}


/* animated banner end */

.hero__categories::before {
  content: none;
 
}


.hero__categories__all i {
  margin-right: 8px;
}

.hero__categories ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 425px;   /* শুধু banner এর height */
  border-radius: 8px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  padding:  50px 30px 30px 30px;
  z-index: 50;
  overflow-y: auto;
}

.hero__categories ul li a {
  display: flex;
  align-items: center;
  padding: 14px 22px;
  color: #f8f9fa;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
  margin-bottom: 6px;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(6px);
}

/* Left Glow Effect */
.hero__categories ul li a::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.12),
    transparent
  );
  transition: 0.6s;
}

/* Hover Effect */
.hero__categories ul li a:hover {
  background: linear-gradient(135deg, #ffffff, #f3f4f6);
  color: #16a34a;
  transform: translateX(6px);
  box-shadow: 0 10px 25px rgba(22, 163, 74, 0.18);
}

/* Shine Animation */
.hero__categories ul li a:hover::before {
  left: 100%;
}

.hero__search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.hero__search__form {
  flex: 1;
}

.hero__search__form input {
  width: 80%;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 30px; /* pill shape */
  font-size: 15px;
  color: #333;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.hero__search__form input:focus {
  outline: none;
  border-color: #007185; /* Amazon blue */
  box-shadow: 0 0 8px rgba(0,113,133,0.4);
}

.hero__search__form .site-btn {
  background: linear-gradient(45deg, #007185, #00b894); /* blue-green gradient */
  color: #fff;
  padding: 13px 28px;
  border-radius: 30px;       /* pill shape */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
}

.hero__search__form .site-btn:hover {
  transform: translateY(-2px) scale(1.05);
  background: linear-gradient(45deg, #00b894, #007185); /* reverse gradient */
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}


.hero__search__phone {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 6px 14px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  font-size: 0.9rem;
  font-weight: 600;
  color: #333;
  transition: all 0.3s ease;
}

.hero__search__phone:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.15);
}

/* Icon Styling */
.hero__search__phone__icon {
  font-size: 26px;
  color: #007185; /* Amazon blue for professional vibe */
  margin-right: 10px;
  transition: color 0.3s ease;
}

.hero__search__phone:hover .hero__search__phone__icon {
  color: #00b894; /* green accent on hover */
}


.hero__item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  min-height: 330px;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 8px rgba(119, 118, 118, 0.2);
}

.hero__item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35); /* overlay for premium look */
}

.hero__text {
  position: relative;
  color: #fff;
  padding: 40px;
  text-align: center;
}

.hero__text span {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #f1c40f; /* gold accent */
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

.hero__text h2 {
  font-size: 52px;
  font-weight: 800;
  margin: 15px 0;
  line-height: 1.2;
  background: linear-gradient(45deg, #ff4d4d, #ff9900);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* gradient text */
  text-shadow: 0 3px 8px rgba(0,0,0,0.3);
}

.hero__text p {
  font-size: 18px;
  margin-bottom: 25px;
  color: #eee;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

/* CTA Button */
.hero__text .primary-btn {
  background: linear-gradient(45deg, #007185, #00b894); /* professional gradient */
  color: #fff;
  padding: 14px 34px;
  border-radius: 30px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

.hero__text .primary-btn:hover {
  transform: translateY(-3px) scale(1.05);
  background: linear-gradient(45deg, #00b894, #007185); /* reverse gradient */
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

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

.categories__item {
  aspect-ratio: 1 / 1;       /* সবসময় square থাকবে */
  width: 100%;               /* parent অনুযায়ী responsive হবে */
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%);
  border: 1px solid #e0e0e0;
  border-radius: 14px;
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
  overflow: hidden;
  padding: 20px;
  text-align: center;
  transition: all 0.35s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* text নিচে থাকবে */
  align-items: center;
}

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

.categories__item:hover {
  transform: translateZ(8px) scale(1.03);
  box-shadow: 0 10px 24px rgba(0,0,0,0.18);
  border-color: #d0d0d0;
}


.categories__item h5 {
  margin-top: 16px;
  font-size: 19px;
  font-weight: 700;
  color: #fff; /* text white for contrast */
  letter-spacing: 0.5px;
  text-transform: capitalize;
  padding: 8px 10px;
  border-radius: 6px;
  
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.categories__item h5:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}

.categories__item h5 a {
  display: inline-block;
  background: linear-gradient(45deg, #ff4d4d, #ff9900); /* premium gradient */
  color: #ffd700;
  text-shadow: 0 1px 3px rgba(0,0,0,0.4);
  padding: 8px 18px;
  border-radius: 30px;       /* pill shape */
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}

.categories__item h5 a:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  background: linear-gradient(45deg, #ff9900, #ff4d4d); /* reverse gradient */
}



.categories__slider.owl-carousel .owl-nav button {
  font-size: 20px;
  color: #1c1c1c;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #ebebeb;
  border-radius: 50%; /* round button */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.categories__slider.owl-carousel .owl-nav button:hover {
  background: #f5f5f5;
  color: #c45500; /* Amazon orange accent */
}

.categories__slider.owl-carousel .owl-nav button.owl-prev {
  left: -35px;
}
.categories__slider.owl-carousel .owl-nav button.owl-next {
  right: -35px;
}



/*---------------------
  Featured
-----------------------*/

.featured {
	padding-top: 80px;
	padding-bottom: 40px;
}

.featured__controls {
	text-align: center;
	margin-bottom: 50px;
}

.featured__controls ul li {
	list-style: none;
	font-size: 18px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 25px;
	position: relative;
	cursor: pointer;
}

.featured__controls ul li.active:after {
	opacity: 1;
}

.featured__controls ul li:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #7fad39;
	content: "";
	opacity: 0;
}

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


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

.banner {
  padding: 40px 0;
}

.banner__pic {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 6px 25px rgba(0,0,0,0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.banner__pic img {
  width: 100%;
  border-radius: 12px;
  transition: transform 0.6s ease;
}

.banner__pic:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 35px rgba(0,0,0,0.15);
}

.banner__pic:hover img {
  transform: scale(1.05);
}

.banner__pic::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.35));
  opacity: 0;
  transition: opacity 0.4s ease;
  border-radius: 12px;
}

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

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


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

.latest-product {
  padding-top: 80px;
  padding-bottom: 40px;
  background: linear-gradient(to right, #fafafa, #f5f5f5);
}

.latest-product__text h4 {
  font-weight: 700;
  color: #1c1c1c;
  margin-bottom: 45px;
  font-size: 24px;
  position: relative;
}

.latest-product__text h4::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 50px;
  height: 3px;
  background: #2ecc71; /* accent line */
  border-radius: 2px;
}

.latest-product__slider.owl-carousel .owl-nav {
  position: absolute;
  right: 20px;
  top: -75px;
}

.latest-product__slider.owl-carousel .owl-nav button {
  height: 36px;
  width: 36px;
  background: #fff;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  color: #2ecc71;
  margin-right: 10px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.latest-product__slider.owl-carousel .owl-nav button:hover {
  background: #2ecc71;
  color: #fff;
  border-color: #2ecc71;
}

.latest-product__item {
  margin-bottom: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
  padding: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.latest-product__item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.latest-product__item__pic {
  flex-shrink: 0;
  margin-right: 20px;
}

.latest-product__item__pic img {
  height: 110px;
  width: 110px !important;
  border-radius: 8px;
  object-fit: cover;
}

.latest-product__item__text {
  overflow: hidden;
}

.latest-product__item__text h6 {
  color: #252525;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 16px;
}

.latest-product__item__text span {
  font-size: 18px;
  display: block;
  color: #2ecc71;
  font-weight: 700;
}

.latest-product__item__text .item__old__price {
  font-size: 16px;
  color: #999;
  text-decoration: line-through; /* পুরনো দাম কাটা থাকবে */
  margin-right: 8px;
}

.latest-product__item__text .item__new__price {
  font-size: 18px;
  color: #2ecc71; /* নতুন দাম highlight */
  font-weight: 700;
}



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

/* Section Title */
.from-blog__title h2 {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: #222;
  margin-bottom: 40px;
  position: relative;
}

.from-blog__title h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: linear-gradient(45deg, #ff4d4d, #ff9900);
  margin: 12px auto 0;
  border-radius: 2px;
}

/* Blog Item */
.blog__item {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog__item:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}

/* Blog Image */
.blog__item__pic img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.blog__item:hover .blog__item__pic img {
  transform: scale(1.05);
}

/* Blog Text */
.blog__item__text {
  padding: 20px;
}

.blog__item__text ul {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  display: flex;
  gap: 15px;
  font-size: 14px;
  color: #777;
}

.blog__item__text h5 a {
  font-size: 18px;
  font-weight: 700;
  color: #007185; /* Amazon blue */
  text-decoration: none;
  transition: color 0.3s ease;
}

.blog__item__text h5 a:hover {
  color: #ff4d4d;
}

.blog__item__text p {
  font-size: 15px;
  color: #555;
  margin-top: 10px;
  line-height: 1.6;
}


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

.breadcrumb-section {
	display: flex;
	align-items: center;
	padding: 45px 0 40px;
}

.breadcrumb__text h2 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 700;
}

.breadcrumb__option a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	position: relative;
}

.breadcrumb__option span {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
}

.breadcrumb__separator {
  margin: 0 10px;

}

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

.sidebar__item {
	margin-bottom: 35px;
}

.sidebar__item.sidebar__item__color--option {
	overflow: hidden;
}

.sidebar__item h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

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

.sidebar__item ul li a {
	font-size: 16px;
	color: #1c1c1c;
	line-height: 39px;
	display: block;
}

.sidebar__item .latest-product__text {
	position: relative;
}

.sidebar__item .latest-product__text h4 {
	margin-bottom: 45px;
}

.sidebar__item .latest-product__text .owl-carousel .owl-nav {
	right: 0;
}

.price-range-wrap {
	padding: 20px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

.price-slider {
    width: 100%;
    accent-color: #7fad39;
}

.price-range-wrap .range-slider {
	margin-top: 20px;
}

.price-container {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 14px;
    color: #666;
}

.price-input-box input {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 8px;
    outline: none;
}

.price-filter-btn {
    width: 100%;
    margin-top: 12px;
    padding: 10px;
    background: #7fad39;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

.price-filter-btn:hover {
    background: #6a9b30;
}

.price-range-wrap .price-range {
	border-radius: 0;
}

.price-range-wrap .price-range.ui-widget-content {
	border: none;
	background: #ebebeb;
	height: 5px;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background: #ffffff;
	border: none;
	-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	outline: none;
	cursor: pointer;
}

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

.price-range-wrap .price-range .ui-slider-range.ui-corner-all.ui-widget-header:last-child {
	background: #dd2222;
}

.sidebar__item__color {
	float: left;
	width: 40%;
}

.sidebar__item__color.sidebar__item__color--white label:after {
	border: 2px solid #333333;
	background: transparent;
}

.sidebar__item__color.sidebar__item__color--gray label:after {
	background: #E9A625;
}

.sidebar__item__color.sidebar__item__color--red label:after {
	background: #D62D2D;
}

.sidebar__item__color.sidebar__item__color--black label:after {
	background: #252525;
}

.sidebar__item__color.sidebar__item__color--blue label:after {
	background: #249BC8;
}

.sidebar__item__color.sidebar__item__color--green label:after {
	background: #3CC032;
}

.sidebar__item__color label {
	font-size: 16px;
	color: #333333;
	position: relative;
	padding-left: 32px;
	cursor: pointer;
}

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

.sidebar__item__color label:after {
	position: absolute;
	left: 0;
	top: 5px;
	height: 14px;
	width: 14px;
	background: #222;
	content: "";
	border-radius: 50%;
}

.sidebar__item__size {
	display: inline-block;
	margin-right: 16px;
	margin-bottom: 10px;
}

.sidebar__item__size label {
	font-size: 12px;
	color: #6f6f6f;
	display: inline-block;
	padding: 8px 25px 6px;
	background: #f5f5f5;
	cursor: pointer;
	margin-bottom: 0;
}

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

/*---------------------
  Shop Grid
-----------------------*/

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

.product__discount {
	padding-bottom: 50px;
}

.product__discount__title {
	text-align: left;
	margin-bottom: 65px;
}

.product__discount__title h2 {
	display: inline-block;
}

.product__discount__title h2:after {
	margin: 0;
	width: 100%;
}

.product__discount__item {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #f0f0f0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product__discount__item:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

.product__item__pic__hover {
	bottom: 20px;
}

.product__discount__item__pic {
	height: 270px;
	position: relative;
	overflow: hidden;
}

.product__discount__item__pic .product__discount__percent {
	height: 45px;
	width: 45px;
	background: #dd2222;
	border-radius: 50%;
	font-size: 14px;
	color: #ffffff;
	line-height: 45px;
	text-align: center;
	position: absolute;
	left: 15px;
	top: 15px;
}

.product__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

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

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

.product__item__pic__hover li:hover a {
	background: #7fad39;
	border-color: #7fad39;
}

.product__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.product__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

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

.product__item__pic__hover li:hover button {
	background: #7fad39;
	border-color: #7fad39;
}

.product__item__pic__hover li:hover button i {
	color: #ffffff;
	transform: rotate(360deg);
}

.product__item__pic__hover li button {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li button i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}
/*-------------------------------------------------------------------------------*/

.product__discount__item__text {
	text-align: center;
	padding-top: 20px;
}

.product__discount__item__text span {
	font-size: 14px;
	color: #b2b2b2;
	display: block;
	margin-bottom: 4px;
}

.product__discount__item__text h5 {
	margin-bottom: 6px;
}

.product__discount__item__text h5 a {
	color: #1c1c1c;
}

.product__discount__item__text .product__item__price {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
}

.product__discount__item__text .product__item__price span {
	display: inline-block;
	font-weight: 400;
	text-decoration: line-through;
	margin-left: 10px;
}

.product__discount__slider .col-lg-4 {
	max-width: 100%;
}


.product__discount__slider.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.product__discount__slider.owl-carousel .owl-dots button {
	height: 12px;
	width: 12px;
	border: 1px solid #b2b2b2;
	border-radius: 50%;
	margin-right: 12px;
}

.product__discount__slider.owl-carousel .owl-dots button.active {
	background: #707070;
	border-color: #6f6f6f;
}

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

.filter__item {
	padding-top: 25px;
	border-top: 1px solid #ebebeb;
	padding-bottom: 10px;
}

.filter__sort {
	margin-bottom: 15px;
}

.filter__sort span {
	font-size: 16px;
	color: #6f6f6f;
	display: inline-block;
}

.filter__sort .nice-select {
	background-color: #fff;
	border-radius: 0;
	border: none;
	display: inline-block;
	float: none;
	height: 0;
	line-height: 0;
	padding-left: 18px;
	padding-right: 30px;
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	cursor: pointer;
}

.filter__sort select {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px 16px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    transition: all 0.3s ease;
}

.filter__sort .nice-select span {
	color: #1c1c1c;
}

.filter__sort .nice-select:after {
	border-bottom: 1.5px solid #1c1c1c;
	border-right: 1.5px solid #1c1c1c;
	height: 8px;
	margin-top: 0;
	right: 16px;
	width: 8px;
	top: -5px;
}

.filter__sort .nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}

.filter__sort .nice-select .list {
	border-radius: 0;
	margin-top: 0;
	top: 15px;
}

.filter__sort .nice-select .option {
	line-height: 30px;
	min-height: 30px;
}

.filter__found {
	text-align: center;
	margin-bottom: 15px;
}

.filter__found h6 {
	font-size: 16px;
	color: #b2b2b2;
}

.filter__found h6 span {
	color: #1c1c1c;
	font-weight: 700;
	margin-right: 5px;
}

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

.filter__option span {
	font-size: 24px;
	color: #b2b2b2;
	margin-right: 10px;
	cursor: pointer;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.filter__option span:last-child {
	margin: 0;
}

.filter__option span:hover {
	color: #7fad39;
}

.product__item {
	margin-bottom: 50px;
}

.product__item:hover .product__item__pic .product__item__pic__hover {
	bottom: 20px;
}

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

.product__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

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

.product__item__pic__hover li:hover a {
	background: #7fad39;
	border-color: #7fad39;
}

.product__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.product__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

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

.product__item__text h6 {
	margin-bottom: 10px;
}

.product__item__text h6 a {
	color: #252525;
}

.product__item__text h5 {
	color: #252525;
	font-weight: 700;
}

.product__pagination,
.blog__pagination {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
}

.product__pagination a,
.blog__pagination a {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #eee;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.25s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.product__pagination a:hover,
.blog__pagination a:hover {
	background: #7fad39;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(127, 173, 57, 0.25);
}

.product__pagination a:last-child,
.blog__pagination a:last-child {
	margin-right: 0;
}

.product__pagination a.active {
    background: #7fad39;
    color: #fff;
    border-color: #7fad39;
    box-shadow: 0 6px 18px rgba(127, 173, 57, 0.3);
}

.product__pagination .nav-btn {
    background: #f8f8f8;
    border: none;
}

.product__pagination .nav-btn:hover {
    background: #7fad39;
    color: #fff;
}

/*---------------------
  Shop Details
-----------------------*/

.product-details {
	padding-top: 80px;
}

.product__details__pic__item {
	margin-bottom: 20px;
}

.product__details__pic__item img {
	min-width: 100%;
}

.product__details__pic__slider img {
	cursor: pointer;
}

.product__details__pic__slider.owl-carousel .owl-item img {
	width: auto;
}

.product__details__text h3 {
	color: #252525;
	font-weight: 700;
	margin-bottom: 16px;
}

.product__details__text .product__details__rating {
	font-size: 14px;
	margin-bottom: 12px;
}

.product__details__text .product__details__rating i {
	margin-right: -2px;
	color: #EDBB0E;
}

.product__details__text .product__details__rating span {
	color: #dd2222;
	margin-left: 4px;
}

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

.product__details__price span {
	font-size: 20px;
	color: #b2b2b2;
	font-weight: 600;
	text-decoration: line-through;
	margin-left: 10px;
}

.product__details__text p {
	margin-bottom: 45px;
}

.product__details__text .primary-btn {
	padding: 16px 28px 14px;
	margin-right: 6px;
	margin-bottom: 5px;
}

.product__details__text .heart-icon {
	display: inline-block;
	font-size: 16px;
	color: #6f6f6f;
	padding: 13px 16px 13px;
	background: #f5f5f5;
}

.product__details__text ul {
	border-top: 1px solid #ebebeb;
	padding-top: 40px;
	margin-top: 50px;
}

.product__details__text ul li {
	font-size: 16px;
	color: #1c1c1c;
	list-style: none;
	line-height: 36px;
}

.product__details__text ul li b {
	font-weight: 700;
	width: 170px;
	display: inline-block;
}

.product__details__text ul li span samp {
	color: #dd2222;
}

.product__details__text ul li .share {
	display: inline-block;
}

.product__details__text ul li .share a {
	display: inline-block;
	font-size: 15px;
	color: #1c1c1c;
	margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
	margin-right: 0;
}

.product__details__quantity {
	display: inline-block;
	margin-right: 6px;
}

.pro-qty {
	width: 140px;
	height: 50px;
	display: inline-block;
	position: relative;
	text-align: center;
	background: #f5f5f5;
	margin-bottom: 5px;
}

.pro-qty input {
	height: 100%;
	width: 100%;
	font-size: 16px;
	color: #6f6f6f;
	width: 50px;
	border: none;
	background: #f5f5f5;
	text-align: center;
}

.pro-qty .qtybtn {
	width: 35px;
	font-size: 16px;
	color: #6f6f6f;
	cursor: pointer;
	display: inline-block;
}

.product__details__tab {
	padding-top: 85px;
}

.product__details__tab .nav-tabs {
	border-bottom: none;
	justify-content: center;
	position: relative;
}

.product__details__tab .nav-tabs:before {
	position: absolute;
	left: 0;
	top: 12px;
	height: 1px;
	width: 370px;
	background: #ebebeb;
	content: "";
}

.product__details__tab .nav-tabs:after {
	position: absolute;
	right: 0;
	top: 12px;
	height: 1px;
	width: 370px;
	background: #ebebeb;
	content: "";
}

.product__details__tab .nav-tabs li {
	margin-bottom: 0;
	margin-right: 65px;
}

.product__details__tab .nav-tabs li:last-child {
	margin-right: 0;
}

.product__details__tab .nav-tabs li a {
	font-size: 16px;
	color: #999999;
	font-weight: 700;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
}

.product__details__tab .product__details__tab__desc {
	padding-top: 44px;
}

.product__details__tab .product__details__tab__desc h6 {
	font-weight: 700;
	color: #333333;
	margin-bottom: 26px;
}

.product__details__tab .product__details__tab__desc p {
	color: #666666;
}

/*---------------------
  Shop Details
-----------------------*/

.related-product {
	padding-bottom: 30px;
}

.related__product__title {
	margin-bottom: 70px;
}

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

.shoping-cart {
	padding-top: 80px;
	padding-bottom: 80px;
}

.shoping__cart__table {
	margin-bottom: 30px;
}

.shoping__cart__table table {
	width: 100%;
	text-align: center;
}

.shoping__cart__table table thead tr {
	border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table thead th {
	font-size: 20px;
	font-weight: 700;
	color: #1c1c1c;
	padding-bottom: 20px;
}

.shoping__cart__table table thead th.shoping__product {
	text-align: left;
}

.shoping__cart__table table tbody tr td {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table tbody tr td.shoping__cart__item {
	width: 630px;
	text-align: left;
}

.shoping__cart__table table tbody tr td.shoping__cart__item img {
	display: inline-block;
	margin-right: 25px;
	max-width: 150px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item h5 {
	color: #1c1c1c;
	display: inline-block;
}

.shoping__cart__table table tbody tr td.shoping__cart__price {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	width: 100px;
}

.shoping__cart__table table tbody tr td.shoping__cart__total {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	width: 110px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close {
	text-align: center;
}

.update-product i,
.delete-product i,
.delete-wishlist-product i {
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.update-product:hover i {
  color: #7fad39;
  transform: rotate(360deg)
}

.delete-product:hover i,
.delete-wishlist-product:hover i {
  color: #dd2222;
  transform: rotate(360deg)
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close span {
	font-size: 24px;
	color: #b2b2b2;
	cursor: pointer;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity {
	width: 225px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty {
	width: 120px;
	height: 40px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input {
	color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input::placeholder {
	color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty .qtybtn {
	width: 15px;
}

.primary-btn.cart-btn {
	color: #6f6f6f;
	padding: 14px 30px 12px;
	background: #f5f5f5;
}

.primary-btn.cart-btn span {
	font-size: 14px;
}

.primary-btn.cart-btn.cart-btn-right {
	float: right;
}

.shoping__discount {
	margin-top: 45px;
}

.shoping__discount h5 {
	font-size: 20px;
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.shoping__discount form input {
	width: 255px;
	height: 46px;
	border: 1px solid #cccccc;
	font-size: 16px;
	color: #b2b2b2;
	text-align: center;
	display: inline-block;
	margin-right: 15px;
}

.shoping__discount form input::placeholder {
	color: #b2b2b2;
}

.shoping__discount form button {
	padding: 15px 30px 11px;
	font-size: 12px;
	letter-spacing: 4px;
	background: #6f6f6f;
}

.shoping__checkout {
	background: #f5f5f5;
	padding: 15px;
	margin-top: 6px;
	border-radius: 8px;
}

.shoping__checkout h5 {
	color: #1c1c1c;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 28px;
}

.shoping__checkout ul {
	margin-bottom: 28px;
}

.shoping__checkout ul li {
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 13px;
	margin-bottom: 18px;
}

.shoping__checkout ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.shoping__checkout ul li span {
	font-size: 18px;
	color: #dd2222;
	float: right;
}

.shoping__checkout .primary-btn {
	display: block;
	text-align: center;
}

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

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

.checkout h6 {
	color: #999999;
	text-align: center;
	background: #f5f5f5;
	border-top: 1px solid #6AB963;
	padding: 12px 0 12px;
	margin-bottom: 75px;
}

.checkout h6 span {
	font-size: 16px;
	color: #6AB963;
	margin-right: 5px;
}

.checkout h6 a {
	text-decoration: underline;
	color: #999999;
}

.checkout__form h4 {
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.checkout__form p {
	column-rule: #b2b2b2;
}

.checkout__input {
	margin-bottom: 24px;
}

.checkout__input p {
	color: #1c1c1c;
	margin-bottom: 20px;
}

.checkout__input p span {
	color: #dd2222;
}

.checkout__input input {
	width: 100%;
	height: 46px;
	border: 1px solid #ebebeb;
	padding-left: 20px;
	font-size: 16px;
	color: #b2b2b2;
	border-radius: 4px;
}

.checkout__input input.checkout__input__add {
	margin-bottom: 20px;
}

.checkout__input input::placeholder {
	color: #b2b2b2;
}

.checkout__input__checkbox {
	margin-bottom: 10px;
}

.checkout__input__checkbox label {
	position: relative;
	font-size: 16px;
	color: #1c1c1c;
	padding-left: 40px;
	cursor: pointer;
}

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

.checkout__input__checkbox label input:checked~.checkmark {
	background: #7fad39;
	border-color: #7fad39;
}

.checkout__input__checkbox label input:checked~.checkmark:after {
	opacity: 1;
}

.checkout__input__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 16px;
	width: 14px;
	border: 1px solid #a6a6a6;
	content: "";
	border-radius: 4px;
}

.checkout__input__checkbox label .checkmark:after {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 10px;
	height: 8px;
	border: solid white;
	border-width: 3px 3px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	content: "";
	opacity: 0;
}

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

.checkout__order h4 {
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.checkout__order .checkout__order__products {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 10px;
}

.checkout__order .checkout__order__products span {
	float: right;
}

.checkout__order ul {
	margin-bottom: 12px;
}

.checkout__order ul li {
	font-size: 16px;
	color: #6f6f6f;
	line-height: 40px;
	list-style: none;
}

.checkout__order ul li span {
	font-weight: 700;
	float: right;
}

.checkout__order .checkout__order__subtotal {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
}

.checkout__order .checkout__order__subtotal span {
	float: right;
}

.checkout__order .checkout__input__checkbox label {
	padding-left: 20px;
}

.checkout__order .checkout__order__total {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.checkout__order .checkout__order__total span {
	float: right;
	color: #dd2222;
}

.checkout__order button {
	font-size: 18px;
	letter-spacing: 2px;
	width: 100%;
	margin-top: 10px;
}

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

.blog__item {
	margin-bottom: 60px;
}

.blog__item__pic a img {
	min-width: 100%;
}

.blog__item__text {
	padding-top: 25px;
}

.blog__item__text ul {
	margin-bottom: 15px;
}

.blog__item__text ul li {
	font-size: 16px;
	color: #b2b2b2;
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

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

.blog__item__text h5 {
	margin-bottom: 12px;
}

.blog__item__text h5 a {
	font-size: 20px;
	color: #1c1c1c;
	font-weight: 700;
}

.blog__item__text p {
	margin-bottom: 25px;
}

.blog__item__text .blog__btn {
	display: inline-block;
	font-size: 14px;
	color: #1c1c1c;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #b2b2b2;
	padding: 14px 20px 12px;
	border-radius: 25px;
}

.blog__item__text .blog__btn span {
	position: relative;
	top: 1px;
	margin-left: 5px;
}

.blog__pagination {
	padding-top: 5px;
	position: relative;
}

.blog__pagination:before {
	position: absolute;
	left: 0;
	top: -29px;
	height: 1px;
	width: 100%;
	background: #000000;
	opacity: 0.1;
	content: "";
}

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

/*.blog__sidebar {
	padding-top: 50px;
}*/

.blog__sidebar__item {
	margin-bottom: 50px;
}

.blog__sidebar__item h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

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

.blog__sidebar__item ul li a {
	font-size: 16px;
	color: #666666;
	line-height: 48px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__widget .blog__category a {
	font-size: 16px;
	color: #666666;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover,
.blog__details__widget .blog__category a:hover {
	color: #7fad39;
}

.blog__sidebar__search {
	margin-bottom: 50px;
}

.blog__sidebar__search form {
	position: relative;
}

.blog__sidebar__search form input {
	width: 100%;
	height: 46px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 15px;
	border: 1px solid #e1e1e1;
	border-radius: 20px;
}

.blog__sidebar__search form input::placeholder {
	color: #6f6f6f;
}

.blog__sidebar__search form button {
	font-size: 16px;
	color: #6f6f6f;
	background: transparent;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0px 18px;
}

.blog__sidebar__recent .blog__sidebar__recent__item {
	display: block;
}

.blog__sidebar__recent .blog__sidebar__recent__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__recent__item {
	overflow: hidden;
	margin-bottom: 20px;
}

.blog__sidebar__recent__item__pic {
	float: left;
	margin-right: 20px;
}

.blog__sidebar__recent__item__text {
	overflow: hidden;
}

.blog__sidebar__recent__item__text h6 {
	font-weight: 700;
	color: #333333;
	line-height: 20px;
	margin-bottom: 5px;
}

.blog__sidebar__recent__item__text span {
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
}

.blog__sidebar__item__tags a {
	font-size: 16px;
	color: #6f6f6f;
	background: #f5f5f5;
	display: inline-block;
	padding: 7px 26px 5px;
	margin-right: 6px;
	margin-bottom: 10px;
}

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

.blog-details-hero {
	height: 350px;
	display: flex;
	align-items: center;
}

.blog__details__hero__text {
	text-align: center;
}

.blog__details__hero__text h2 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog__details__hero__text ul li {
	font-size: 16px;
	color: #ffffff;
	list-style: none;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

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

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

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

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

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

.related-blog-title {
	margin-bottom: 70px;
}

.blog-details {
	padding-bottom: 75px;
	border-bottom: 1px solid #e1e1e1;
}

.blog__details__text {
	margin-bottom: 45px;
}

.blog__details__text img {
	margin-bottom: 30px;
}

.blog__details__text p {
	font-size: 18px;
	line-height: 30px;
}

.blog__details__text h3 {
	color: #333333;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 30px;
}

.blog__details__author__pic {
	float: left;
	margin-right: 15px;
}

.blog__details__author__pic img {
	height: 92px;
	width: 92px;
	border-radius: 50%;
}

.blog__details__author__text {
	overflow: hidden;
	padding-top: 30px;
}

.blog__details__author__text h6 {
	color: #1c1c1c;
	font-weight: 700;
}

.blog__details__author__text span {
	font-size: 16px;
	color: #6f6f6f;
}

.blog__details__widget ul {
	margin-bottom: 5px;
}

.blog__details__widget ul li {
	font-size: 16px;
	color: #6f6f6f;
	list-style: none;
	line-height: 30px;
}

.blog__details__widget ul li span {
	color: #1c1c1c;
	font-weight: 700;
}

.blog__details__widget .blog__details__social a {
	display: inline-block;
	font-size: 20px;
	color: #6f6f6f;
	margin-right: 24px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__widget .blog__details__social a:hover {
	color: #7fad39;
}

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

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

.footer {
  background: #f3f6fa;
  padding-top: 70px;
  padding-bottom: 30px;
  
}

.footer__about {
  margin-bottom: 30px;
}

.footer__about__logo {
  margin-bottom: 20px;
}

.footer__about ul li {
  font-size: 15px;
  color: #555;
  line-height: 32px;
  list-style: none;
}

.footer__widget {
  margin-bottom: 30px;
}

.footer__widget h6 {
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 16px;
  position: relative;
}

.footer__widget h6::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 40px;
  height: 2px;
  background: #2ecc71; /* accent underline */
  border-radius: 2px;
}

.footer__widget ul {
  width: 50%;
  float: left;
}

.footer__widget ul li a {
  color: #555;
  font-size: 14px;
  line-height: 30px;
  transition: color 0.3s ease;
}

.footer__widget ul li a:hover {
  color: #2ecc71;
}

.footer__widget p {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}

.footer__widget form {
  position: relative;
  margin-bottom: 20px;
}

.footer__widget form input {
  width: 100%;
  font-size: 14px;
  padding: 12px 15px;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.footer__widget form button {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 20px;
  height: 100%;
  background: #2ecc71;
  color: #fff;
  border: none;
  border-radius: 0 6px 6px 0;
  font-weight: 600;
  transition: background 0.3s ease;
}

.footer__widget form button:hover {
  background: #27ae60;
}

.footer__widget .footer__widget__social a {
  display: inline-block;
  height: 41px;
  width: 41px;
  font-size: 16px;
  color: #404040;
  border: 1px solid #ddd;
  border-radius: 50%;
  line-height: 41px;
  text-align: center;
  background: #fff;
  transition: all 0.3s ease;
  margin-right: 10px;
}

.footer__widget .footer__widget__social a:hover {
  background: #2ecc71;
  color: #fff;
  border-color: #2ecc71;
}

.footer__copyright {
  border-top: 1px solid #e0e0e0;
  padding: 15px 0;
  margin-top: 20px;
  text-align: center;
}

.footer__copyright__text {
  font-size: 14px;
  color: #777;
}

.footer__copyright__payment img {
  height: 28px;
  margin-left: 10px;
}


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

.contact {
  padding-top: 80px;
  padding-bottom: 50px;
  background: linear-gradient(to right, #fafafa, #f5f5f5);
}

.contact__widget {
  margin-bottom: 30px;
  text-align: center;
  background: #fff;
  border-radius: 12px;
  padding: 25px 20px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact__widget:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

.contact__widget span {
  font-size: 36px;
  color: #2ecc71; /* premium accent color */
  display: inline-block;
  margin-bottom: 15px;
}

.contact__widget h4 {
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 8px;
  margin-top: 10px;
  font-size: 20px;
}

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


/*---------------------
  Map
-----------------------*/

.map {
	height: 500px;
	position: relative;
}

.map iframe {
	width: 100%;
}

.map .map-inside {
	position: absolute;
	left: 50%;
	top: 160px;
	-webkit-transform: translateX(-175px);
	-ms-transform: translateX(-175px);
	transform: translateX(-175px);
}

.map .map-inside i {
	font-size: 48px;
	color: #7fad39;
	position: absolute;
	bottom: -75px;
	left: 50%;
	-webkit-transform: translateX(-18px);
	-ms-transform: translateX(-18px);
	transform: translateX(-18px);
}

.map .map-inside .inside-widget {
	width: 350px;
	background: #ffffff;
	text-align: center;
	padding: 23px 0;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
	box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
}

.map .map-inside .inside-widget:after {
	position: absolute;
	left: 50%;
	bottom: -30px;
	-webkit-transform: translateX(-6px);
	-ms-transform: translateX(-6px);
	transform: translateX(-6px);
	border: 12px solid transparent;
	border-top: 30px solid #ffffff;
	content: "";
	z-index: -1;
}

.map .map-inside .inside-widget h4 {
	font-size: 22px;
	font-weight: 700;
	color: #1c1c1c;
	margin-bottom: 4px;
}

.map .map-inside .inside-widget ul li {
	list-style: none;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
}

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

.contact__form__title {
  margin-bottom: 50px;
  text-align: center;
}

.contact__form__title h2 {
  color: #1c1c1c;
  font-weight: 700;
  font-size: 28px;
  position: relative;
}

.contact__form__title h2::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #2ecc71; /* accent underline */
  border-radius: 2px;
}

.contact-form {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #fafafa;
}

.contact-form form input,
.contact-form form textarea {
  width: 100%;
  font-size: 15px;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 12px 15px;
  margin-bottom: 25px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.contact-form form input:focus,
.contact-form form textarea:focus {
  border-color: #2ecc71;
  box-shadow: 0 0 8px rgba(46, 204, 113, 0.3);
  outline: none;
}

.contact-form form textarea {
  height: 150px;
  resize: none;
}

.contact-form form button {
  font-size: 16px;
  letter-spacing: 1px;
  background: #2ecc71;
  color: #fff;
  padding: 14px 35px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  transition: background 0.3s ease, transform 0.2s ease;
}

.contact-form form button:hover {
  background: #27ae60;
  transform: translateY(-2px);
}

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

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

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu ul li {
		margin-right: 45px;
	}
	.hero__search__form {
		width: 490px;
	}
	.hero__categories__all {
		padding: 10px 25px 10px 20px;
	}
	.hero__categories ul {
		padding-left: 20px;
	}
	.latest-product__slider.owl-carousel .owl-nav {
		right: 0;
	}
	.product__details__tab .nav-tabs:before {
		width: 265px;
	}
	.product__details__tab .nav-tabs:after {
		width: 265px;
	}
	.shoping__discount form input {
		width: 240px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__categories {
		margin-bottom: 30px;
	}
	.hero__search__form {
		width: 485px;
	}
	.categories__slider.owl-carousel .owl-nav button {
		left: -20px;
	}
	.categories__slider.owl-carousel .owl-nav button.owl-next {
		right: -20px;
	}
	.filter__sort .nice-select {
		padding-left: 5px;
		padding-right: 28px;
	}
	.product__details__quantity {
		margin-bottom: 10px;
	}
	.product__details__text .primary-btn {
		margin-bottom: 10px;
	}
	.product__details__tab .nav-tabs:before {
		width: 150px;
	}
	.product__details__tab .nav-tabs:after {
		width: 150px;
	}
	.blog__details__author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.humberger__open {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.humberger__menu__wrapper {
		width: 300px;
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__wrapper.show__humberger__menu__wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger__menu__logo {
		margin-bottom: 30px;
	}
	.humberger__menu__logo a {
		display: inline-block;
	}
	.humberger__menu__contact {
		padding: 10px 0 13px;
	}
	.humberger__menu__contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger__menu__contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger__menu__cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger__menu__cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger__menu__cart ul li:last-child {
		margin-right: 0;
	}
	.humberger__menu__cart ul li a {
		position: relative;
	}
	.humberger__menu__cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger__menu__cart ul li a span {
		height: 13px;
		width: 13px;
		background: #7fad39;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger__menu__cart .header__cart__price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger__menu__cart .header__cart__price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger__menu__cart {
		margin-bottom: 25px;
	}
	.humberger__menu__widget {
		margin-bottom: 20px;
	}
	.humberger__menu__widget .header__top__right__language {
		margin-right: 20px;
	}
	.humberger__menu__nav {
		display: none;
	}
	.humberger__menu__wrapper .header__top__right__social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger__menu__wrapper .slicknav_btn {
		display: none;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger__menu__wrapper .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.humberger__menu__wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #7fad39;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_row,
	.humberger__menu__wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__overlay.active {
		visibility: visible;
	}
	.header__top {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {

	/* show featured start */

	.featured__filter .col-sm-6 {
    padding-left: 5px;   /* gutter কমানো */
    padding-right: 5px;
    margin-bottom: 10px; /* নিচের gap কমানো */
  }

  .featured__filter {
    margin-left: -5px;   /* row gutter adjust */
    margin-right: -5px;
  }

   .featured__filter .col-sm-6 {
    flex: 0 0 50%;   /* প্রতিটি card ৫০% width নেবে */
    max-width: 50%;
  }
	/* show featured end */

	/* For mobile devices */
  .featured__controls {
    overflow-x: auto;          /* horizontal scroll enable */
    -webkit-overflow-scrolling: touch; /* smooth scroll for iOS */
	white-space: nowrap;
  }

  .featured__controls ul {
    display: flex;
    flex-direction: row;       /* horizontal layout */
    padding: 0;
    margin: 0;
    min-width: max-content;    /* prevent wrapping */
  }

  .featured__controls ul li {
    flex: 0 0 auto;            /* prevent shrinking */
    font-size: 16px;
    padding: 8px 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
	margin: 0;
    transition: all 0.3s ease;
    white-space: nowrap;       /* keep text in one line */
  }

  .featured__controls ul li.active {
    background: #2ecc71;
    color: #fff;
    border-color: #2ecc71;
    font-weight: 600;
  }

  .featured__controls ul li:hover {
    background: #27ae60;
    color: #fff;
    border-color: #27ae60;
  }


	.shoping__cart__table table tbody tr td.shoping__cart__item img {
	max-width: 85px;
	}
	.hero__categories {
		margin-bottom: 30px;
	}
	.hero__search {
		margin-bottom: 30px;
	}
	.hero__search__form {
		width: 100%;
	}
	.hero__search__form form input {
		width: 100%;
	}
	.hero__search__form form .hero__search__categories {
		display: none;
	}
	.hero__search__phone {
		float: left;
		margin-top: 30px;
	}
	.categories__slider.owl-carousel .owl-nav {
		text-align: center;
		margin-top: 40px;
	}
	.categories__slider.owl-carousel .owl-nav button {
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: translateY(0);
	}
	.categories__slider.owl-carousel .owl-nav button.owl-next {
		right: -10px;
	}
	.footer__copyright {
		text-align: center;
	}
	.footer__copyright__text {
		float: none;
		margin-bottom: 25px;
	}
	.footer__copyright__payment {
		float: none;
	}
	.filter__item {
		text-align: center;
	}
	.filter__option {
		text-align: center;
	}
	.product__details__pic {
		margin-bottom: 40px;
	}
	.product__details__tab .nav-tabs:before {
		display: none;
	}
	.product__details__tab .nav-tabs:after {
		display: none;
	}
	.shoping__cart__table {
		overflow-y: auto;
	}
	.shoping__discount form input {
		margin-bottom: 15px;
	}
	.blog__details__author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.humberger__open {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.humberger__menu__wrapper {
		width: 300px;
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__wrapper.show__humberger__menu__wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger__menu__logo {
		margin-bottom: 30px;
	}
	.humberger__menu__logo a {
		display: inline-block;
	}
	.humberger__menu__contact {
		padding: 10px 0 13px;
	}
	.humberger__menu__contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger__menu__contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger__menu__cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger__menu__cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger__menu__cart ul li:last-child {
		margin-right: 0;
	}
	.humberger__menu__cart ul li a {
		position: relative;
	}
	.humberger__menu__cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger__menu__cart ul li a span {
		height: 13px;
		width: 13px;
		background: #7fad39;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger__menu__cart .header__cart__price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger__menu__cart .header__cart__price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger__menu__cart {
		margin-bottom: 25px;
	}
	.humberger__menu__widget {
		margin-bottom: 20px;
	}
	.humberger__menu__widget .header__top__right__language {
		margin-right: 20px;
	}
	.humberger__menu__nav {
		display: none;
	}
	.humberger__menu__wrapper .header__top__right__social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger__menu__wrapper .slicknav_btn {
		display: none;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger__menu__wrapper .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.humberger__menu__wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #7fad39;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_row,
	.humberger__menu__wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__overlay.active {
		visibility: visible;
	}
	.header__top {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.hero__search__form form .hero__search__categories {
		display: none;
	}
	.featured__controls ul li {
		margin-bottom: 10px;
	}
	.product__details__text ul li b {
		width: 100px;
	}
	.product__details__tab .nav-tabs li {
		margin-right: 20px;
	}
	.shoping__cart__btns {
		text-align: center;
	}
	.primary-btn.cart-btn.cart-btn-right {
		float: none;
		margin-top: 10px;
	}
	.shoping__checkout .primary-btn {
		display: block;
		text-align: center;
		padding: 10px 15px 10px;
	}
	.map .map-inside {
		-webkit-transform: translateX(-125px);
		-ms-transform: translateX(-125px);
		transform: translateX(-125px);
	}
	.map .map-inside .inside-widget {
		width: 250px;
	}
	.product__details__tab .nav-tabs li {
		margin-right: 15px;
	}
	.shoping__discount form input {
		width: 100%;
	}
	.checkout__order {
		padding: 20px;
	}
	.blog__details__hero__text h2 {
		font-size: 24px;
	}
}

/*---------------
  Userauth Style
----------------*/

.auth_wrapper{
  width: 380px;
  padding: 40px 30px 50px 30px;
  border-radius: 5px;
  text-align: center;
  box-shadow: 10px 10px 15px rgba(0,0,0,0.1);
  margin: 0 auto;
  background: #f6f5f7;
  margin-top: 30px;
  margin-bottom: 80px;
}
.auth_wrapper .auth_header{
  font-size: 35px;
  font-weight: 600;
}
.auth_wrapper .auth_form{
  margin: 40px 0;
}
.auth_form .field{
  width: 100%;
  margin-bottom: 20px;
}
.auth_form .field .input-area{
  height: 50px;
  width: 100%;
  position: relative;
}
.auth_form input{
  width: 100%;
  height: 100%;
  outline: none;
  padding: 0 45px;
  font-size: 18px;
  background: none;
  caret-color: #7fad39;
  border-radius: 5px;
  border: 1px solid #bfbfbf;
  border-bottom-width: 2px;
  transition: all 0.2s ease;
}
.auth_form .field input:focus,
.auth_form .field.valid input{
  border-color: #7fad39;
}
.auth_form ul li {
	list-style: none;
}
.field .input-area i{
  position: absolute;
  top: 50%;
  font-size: 18px;
  pointer-events: none;
  transform: translateY(-50%);
}
.input-area .icon{
  left: 15px;
  color: #bfbfbf;
  transition: color 0.2s ease;
}
.input-area .error-icon{
  right: 15px;
  color: #dc3545;
}
.auth_form input:focus ~ .icon,
.auth_form .field.valid .icon{
  color: #7fad39;
}
.auth_form input::placeholder{
  color: #bfbfbf;
  font-size: 17px;
}
.auth_form .field .error-txt{
  color: #dc3545;
  text-align: left;
  margin-top: 5px;
}
.auth_form .pass-txt{
  text-align: left;
  margin-top: -10px;
}
.auth_wrapper a{
  color: #7fad39;
  text-decoration: none;
}
.auth_wrapper a:hover{
  color: #7fad39;
  text-decoration: underline;
}
.auth_form input[type="submit"]{
  height: 50px;
  margin-top: 30px;
  color: #fff;
  padding: 0;
  border: none;
  background: #7fad39;
  cursor: pointer;
  border-bottom: 2px solid rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}
.auth_form input[type="submit"]:hover{
  background: #7fad39;
}

/*---------------------
  Category-list
-----------------------*/


.category__list__pic img {
	min-width: 100%;
	border-radius: 8px;
}

.category__list__text {
	text-align: center;
	padding-top: 25px;
}

.category__list__text ul {
	margin-bottom: 15px;
}

.category__list__text ul li {
	font-size: 16px;
	color: #b2b2b2;
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

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

.category__list__text h5 {
	margin-bottom: 6px;
}

.category__list__text h5 a {
	font-size: 20px;
	color: #1c1c1c;
	font-weight: 700;
}

.category__list__text p {
	margin-bottom: 6px;
}

.category__list__pagination {
	padding-top: 5px;
	position: relative;
}

.category__list__pagination:before {
	position: absolute;
	left: 0;
	top: -29px;
	height: 1px;
	width: 100%;
	background: #000000;
	opacity: 0.1;
	content: "";
}

/*---------------------
  Category-list Sidebar
-----------------------*/

.category__list {
    padding: 6px 25px;
	margin-bottom: 30px;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Search */
.category__list__search input {
    border-radius: 14px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
}

.category__list__search input:focus {
    border-color: #16a34a;
    box-shadow: 0 0 0 4px rgba(22,163,74,0.1);
}

/* Category item spacing fix */
.category__list__item {
    background: #fff;
    border-radius: 16px;
	padding: 20px;
	margin-bottom: 15px;
    overflow: hidden;
    transition: 0.3s;
    box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}

.category__list__item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}


/* image */

/* Image */
.category__list__pic img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: 0.4s;
}

.category__list__item:hover .category__list__pic img {
    transform: scale(1.05);
}

/* Text */
.category__list__text {
    padding: 15px;
}

.category__list__text h5 a {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    text-decoration: none;
}

.category__list__text p {
    font-size: 13px;
    color: #9ca3af;
}


/* Title */
.category__list__item h4 {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 12px;
    position: relative;
}

.category__list__item h4::after {
    content: "";
    width: 35px;
    height: 3px;
    background: linear-gradient(90deg, #ff4d4d, #ff9900);
    position: absolute;
    bottom: -6px;
    left: 0;
    border-radius: 10px;
}

/* Category links */
.category__list__item ul li a {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #6b7280;
    padding: 10px 12px;
    border-radius: 10px;
    transition: 0.3s;
}

.category__list__item ul li a:hover {
    background: rgba(22,163,74,0.08);
    color: #16a34a;
    transform: translateX(5px);
}

.category__list__search {
	margin-bottom: 50px;
}

.category__list__search form {
	position: relative;
}

.category__list__search form input {
	width: 100%;
	height: 46px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 15px;
	border: 1px solid #e1e1e1;
	border-radius: 20px;
}

.category__list__search form input::placeholder {
	color: #6f6f6f;
}

.category__list__search form button {
	font-size: 16px;
	color: #6f6f6f;
	background: transparent;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0px 18px;
}

.category__list__recent .category__list__recent__item {
	display: block;
}

.category__list__recent .category__list__recent__item:last-child {
	margin-bottom: 0;
}

.category__list__recent__item {
	overflow: hidden;
	margin-bottom: 20px;
}

.category__list__recent__item__pic {
	float: left;
	margin-right: 20px;
}

.category__list__recent__item__text {
	overflow: hidden;
}

.category__list__recent__item__text h6 {
	font-weight: 700;
	color: #333333;
	line-height: 20px;
	margin-bottom: 5px;
}

.category__list__recent__item__text span {
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
}

.category__list__item__tags a {
	font-size: 16px;
	color: #6f6f6f;
	background: #f5f5f5;
	display: inline-block;
	padding: 7px 26px 5px;
	margin-right: 6px;
	margin-bottom: 10px;
}

.filter__item {
    background: #fff;
    padding: 15px 20px;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.04);
    margin-bottom: 20px;
}

.filter__sort select {
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    padding: 6px 10px;
}

.filter__found h6 {
    font-weight: 500;
    color: #6b7280;
}


/*---------------------
  Main product style
-----------------------*/

.featured__filter .col-sm-6 {
    padding-left: 5px;   /* gutter কমানো */
    padding-right: 5px;
    margin-bottom: 10px; /* নিচের gap কমানো */
  }

  .featured__filter {
    margin-left: -5px;   /* row gutter adjust */
    margin-right: -5px;
  }


.main__product__item {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 20px;
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: all 0.35s ease;
  cursor: pointer;
  position: relative;
}

.main__product__item:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 12px 28px rgba(0,0,0,0.15);
  border-color: #d1d1d1;
}

.main__product__item__pic {
  position: relative;
  aspect-ratio: 1 / 1; /* responsive square image */
  background-size: cover;
  background-position: center;
}

.main__product__percent {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #c45500; /* Amazon orange */
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

.product__item__pic__hover {
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: flex;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.main__product__item:hover .product__item__pic__hover {
  opacity: 1;
}

.product__item__pic__hover li a,
.product__item__pic__hover li button {
  background: #fff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007185; /* Amazon blue */
  border: 1px solid #e0e0e0;
  transition: all 0.3s ease;
}

.product__item__pic__hover li a:hover,
.product__item__pic__hover li button:hover {
  background: #007185;
  color: #fff;
  border-color: #007185;
}

.main__product__item__text {
  padding: 16px;
  text-align: center;
}

.main__product__item__text span {
  font-size: 14px;
  color: #777;
  display: block;
  margin-bottom: 6px;
}

.main__product__item__text h5 a {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  text-decoration: none;
  transition: color 0.3s ease;
}

.main__product__item__text h5 a:hover {
  color: #c45500;
}

.product__item__price {
  font-size: 16px;
  font-weight: 700;
  color: #007185;
  margin-top: 8px;
}

.product__item__price span {
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
  margin-left: 6px;
}

/*---------------------
  Submenu
-----------------------*/

.header__menu ul li.submenu:hover .header__submenu {
	top: -5px;
  opacity: 1;
  visibility: visible;
}

.header__submenu {
  position: absolute;
  left: 100%;
  top: 0;
  background: #222222;
  width: 180px;
  z-index: 9;
  padding: 5px 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}

.header__submenu li {
  display: block;
}

.header__submenu li a {
  text-transform: capitalize;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 15px;
}

.header__menu ul li.active a {
  color: #7fad39;
}

.header__menu ul li:hover .header__menu__dropdown {
  top: 30px;
  opacity: 1;
  visibility: visible;
}

.header__menu ul li:hover>a {
  color: #7fad39;
}

/*---------------------
  Vendor Style
-----------------------*/
.vendor-product {
  padding-top: 25px;
  padding-bottom: 80px;
}
.vendor__item {
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  transition: transform 0.3s, box-shadow 0.3s;
}

.vendor__item:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.vendor__item__pic {
  margin: 20px auto 0;
  height: 150px;
  width: 150px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.vendor__item__text {
  text-align: center;
  padding: 15px 20px;
}

.vendor__item__text span {
  font-size: 14px;
  color: #6f6f6f;
  display: block;
  margin-bottom: 6px;
}

.vendor__item__text h5 {
  margin-bottom: 12px;
}

.vendor__item__text h5 a {
	color: #1c1c1c;
  text-decoration: none;
  transition: color 0.3s;
  font-size: 20px;
}

.vendor__item__text h5 a:hover {
  color: #7fad39;
}

.vendor__item__text h5 a:focus {
  outline: none;
  color: #7fad39;
}

.tag,
.tag:hover,
.tag:visited {
	color: #7fad39;
}

/*CHECKBOX*/

.checkbox-wrapper-2{
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}

.checkbox-wrapper-2 .ikxBAC {
  appearance: none;
  background-color: #dfe1e4;
  border-radius: 72px;
  border-style: none;
  flex-shrink: 0;
  height: 20px;
  margin: 0;
  position: relative;
  width: 30px;
}

.checkbox-wrapper-2 .ikxBAC::before {
  bottom: -6px;
  content: "";
  left: -6px;
  position: absolute;
  right: -6px;
  top: -6px;
}

.checkbox-wrapper-2 .ikxBAC,
.checkbox-wrapper-2 .ikxBAC::after {
  transition: all 100ms ease-out;
}

.checkbox-wrapper-2 .ikxBAC::after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 14px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 14px;
}

.checkbox-wrapper-2 input[type=checkbox] {
  cursor: default;
}

.checkbox-wrapper-2 .ikxBAC:hover {
  background-color: #c9cbcd;
  transition-duration: 0s;
}

.checkbox-wrapper-2 .ikxBAC:checked {
  background-color: #7fad39;
}

.checkbox-wrapper-2 .ikxBAC:checked::after {
  background-color: #fff;
  left: 13px;
}

.checkbox-wrapper-2 :focus:not(.focus-visible) {
  outline: 0;
}

.checkbox-wrapper-2 .ikxBAC:checked:hover {
  background-color: #709933;
}


/* CSS */
.button-68 {
	margin-top: 15px;
	width: 100%;
  appearance: none;
  backface-visibility: hidden;
  background-color: #7fad39;
/*  border-radius: 8px;*/
  border-style: none;
  box-shadow: rgba(39, 174, 96, .15) 0 4px 9px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.5;
  outline: none;
  overflow: hidden;
  padding: 13px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
}

.button-68:hover {
  background-color: #709933;
  opacity: 1;
  transform: translateY(0);
  transition-duration: .35s;
}

.price-range-input {
	margin-top: 20px;
	width: 100%;
	height: 46px;
	border: 1px solid #cccccc;
	font-size: 16px;
	color: #b2b2b2;
	text-align: center;
	display: inline-block;
/*	margin-right: 15px;*/
}

input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #7fad39;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 10px;
  width: 25px;
  border-radius: 7px;
  background: #709933;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #7fad39;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #7fad39;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 10px;
  width: 25px;
  border-radius: 7px;
  background: #709933;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #7fad39;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #7fad39;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 10px;
  width: 25px;
  border-radius: 7px;
  background: #709933;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #7fad39;
}
input[type=range]:focus::-ms-fill-upper {
  background: #7fad39;
}

.price-container {
	display: flex;
	justify-content: space-between;
}

.main__product__item__pic img{
  height: 270px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
  object-position: top center;
  width: 100%;
}

/*Wishlist Style*/

.cart-wrap {
	padding: 40px 0;
}
.table-wishlist table {
  width: 100%;
}
.table-wishlist thead {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 5px;
}
.table-wishlist thead tr th {
  padding: 8px 0 18px;
  color: #484848;
  font-size: 15px;
  font-weight: 400;
}
.table-wishlist tr td {
	padding: 25px 0;
  vertical-align: middle;
}
.table-wishlist tr td .img-product {
  width: 72px;
  float: left;
  margin-left: 8px;
  margin-right: 31px;
  line-height: 63px;
}
.table-wishlist tr td .img-product img {
	width: 100%;
}
.table-wishlist tr td .name-product {
  font-size: 15px;
  color: #484848;
  padding-top: 8px;
  line-height: 24px;
  width: 50%;
}
.table-wishlist tr td span.price {
  font-weight: 700;
}
.display-flex {
	display: flex;
}
.align-center {
	align-items: center;
}
.round-wishlist-btn {
	border-radius: 25px;
  background: #212529;
  color: #fff;
  padding: 5px 20px;
  display: inline-block;
  border: solid 2px #212529; 
  transition: all 0.5s ease-in-out 0s;
  cursor: pointer;
  font-size: 14px;
}
/*.round-wishlist-btn:hover,
.round-wishlist-btn:focus {
	background: transparent;
	color: #212529;
	text-decoration: none;
}*/
.main-heading.border-b {
  border-bottom: solid 1px #ededed;
  padding-bottom: 15px;
  margin-bottom: 20px !important;
}
.in-stock-box {
	background: #7fad39;
	font-size: 12px;
	text-align: center;
	border-radius: 25px;
	padding: 4px 15px;
	display: inline-block;  
  color: #fff;
}
.out-of-stock-box {
	background: #dd2222;
	font-size: 12px;
	text-align: center;
	border-radius: 25px;
	padding: 4px 15px;
	display: inline-block;  
	color: #fff;
}
.trash-icon {
  font-size: 20px;
  color: #212529;
}

/*PRODUCT REVIEW*/

.comment-block {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.comment-block img {
  border-radius: 50%;
  margin-right: 10px;
}

.comment-block span {
  font-weight: bold;
  color: #333;
}

.comment-block p {
  margin-top: 10px;
  color: #555;
}

.add-review р5 {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
}

.reviews-block p {
  max-width: 100%;
  word-wrap: break-word;
}

.rating-review-submit {
	display: flex; 
	flex-direction: row; 
	justify-content: space-between; 
	align-items: center;
}

/*Account Style*/
.shadow {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.profile-tab-nav {
	min-width: 250px;
}
.tab-content {
	flex: 1;
}
.form-group {
	margin-bottom: 1.5rem;
}
.nav-pills a.nav-link {
	padding: 15px 20px;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	color: #333;
}
.nav-pills a.nav-link i {
	width: 20px;
}
.img-circle img {
	height: 100px;
	width: 100px;
	border-radius: 100%;
	border: 5px solid #fff;
}.custom-grey-bg {
	background: #f6f5f7;
}
.nav-pills .nav-link.active {
	background-color: #7fad39;
}