/*
    Theme Name: RAFCART - Multipurpose eCommerce HTML Template
    Author: ProgrammingKit
    Support: rsl.ahmed383@gmail.com
    Description: Multipurpose eCommerce HTML Template
    Version: 1.1
*/

/* Theme default */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap");


@font-face {
	font-family: RozhaOne;
	src: url(../fonts/RozhaOne-Regular.ttf)
  }
  @font-face {
    font-family: 'PingRegular';
    src: url('../fonts/Ping-LCG-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

  @font-face {
    font-family: 'ExtraLight';
    src: url('../fonts/Exo-ExtraLight.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'ExtraBold';
    src: url('../fonts/Exo-ExtraBold.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'Exo-Regular';
    src: url('../fonts/Exo-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
:root {
	--primary-color:#767676;
	--secondary-color: #000000;
	--font-family: 'tahoma';
}

body {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: var(--primary-color);
	overflow-x: hidden;
}
 body {
	overflow-x: hidden !important;
    overflow-y: auto !important;}
button:focus,
a:focus,
input:focus,
textarea,
select {
	outline: none;
}

a {
	text-decoration: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: var(--secondary-color);
}

/*a:hover{*/
/*    color: #f38493;*/
/*}*/
textarea:focus {
	-webkit-box-shadow: 0px 0px 2px var(--secondary-color) !important;
	box-shadow: 0px 0px 2px var(--secondary-color) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Roboto", sans-serif;
}

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

.text-semibold {
	font-weight: 500 !important;
}

.font-normal {
	font-weight: 400 !important;
}

.text-green {
	color: #08b54c !important;
}

.text-yellow {
	color: #f6bc3e !important;
}

.text-color {
	color: var(--secondary-color) !important;
}

.bg-color {
	background-color: var(--secondary-color) !important;
}

.shadow_sm {
	-webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
}

.top_2 {
	top: 2px !important;
}

.text_md {
	font-size: 15px !important;
	line-height: 24px;
	color:#3c3c3c;
}

.text_lg {
	font-size: 16px !important;
}

.text_xl {
	font-size: 18px !important;
}

.text_2xl {
	font-size: 22px !important;
}

.text_xs {
	font-size: 14px !important;
}

.text_p {
	color: #464545 !important;
}

.default_link {
	color: var(--primary-color);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.default_link:hover {
	color: var(--secondary-color);
}

.text_black {
	color: var(--primary-color);
}

.section_padding {
	padding: 56px 0;
}
.section_padding_b {
    padding-bottom: 100px;
}
.section_padding_c {
    padding-bottom: 208px;
}
.section_detail{
	min-height: 730px;
}
.section_padding_t {
	padding-top: 56px;
}
input:focus,
textarea:focus {
	-webkit-box-shadow: 0px 0px 2px var(--secondary-color) ;
	box-shadow: 0px 0px 2px var(--secondary-color);
}
input[type="radio"]:focus{
	box-shadow:unset!important;
	-webkit-box-shadow:unset!important
}
/* Preloader */
.preloader1 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}

.preloader1 img {
	max-width: 100%;
}

/* header */
header {
	position: relative;
}

.logo img {
	width: 100%;
}

.search_wrap {
	position: relative;
}

.search_suggest {
	position: absolute;
	left: 0;
	top: 56px;
	width: 100%;
	background-color: #fff;
	z-index: 9;
	border-radius: 0 0 3px 3px;
	opacity: 0;
	visibility: hidden;
	margin-top: 10px;
}

.search_suggest.active {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}

.search {
	border: 1px solid #e1e1e1;
	border-radius: 30px;
	width: 500px;
	overflow: hidden;
}

.search_category {
	/* width: 145px; */
	width: 32%;
	border-right: 1px solid var(--secondary-color);
	background: #fff;
	border-radius: 6px 0 0 6px;
}

.search_category select {
	width: 100%;
	border: none;
	padding: 11px 14px;
	font-size: 15px;
}

.search_category select:focus {
	outline: 0;
}

.search_category .nice-select {
	border-radius: 5px;
	font-size: 14px;
	height: 42px;
	line-height: 43px;
	margin-top: 2px;
	padding-left: 18px;
	padding-right: 30px;
	width: 100%;
	text-transform: uppercase;
	border: none;
}

.search_input {
	/* max-width: 390px; */
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.icon-search-left
{
    position: relative;
    top: 4px;
}
.search_input input {
	width: 100%;
	padding: 5px 20px;
	border: none;
	font-size: 14px;
    height:40px;
}
.search_input input::placeholder {
    text-transform: uppercase;
}
.search_input input::-webkit-input-placeholder {
	font-size: 14px;
}

.search_input input::-moz-placeholder {
	font-size: 14px;
}

.search_input input:-ms-input-placeholder {
	font-size: 14px;
}

.search_input input::-ms-input-placeholder {
	font-size: 14px;
}

.search_input input::placeholder {
	font-size: 14px;
}

.search_input input:focus {
	outline: 0;
}

/* .search_subimt {
	width: 142px;
} */

.search_subimt button {
	border: none;
	background-color:#fff;
	width: 100%;
	display: block;
	padding: 5px 15px;
	color: #c2c2c2;
	font-size: 16px;
	font-weight: 500;
	border-radius: 0 5px 5px 0;
}

.search_suggest .search_result_product {
	height: auto;
	padding: 0;
}

a.single_sresult_product:hover {
	background: #f2f0f0;
}

.single_sresult_product:last-child {
	border-bottom: none;
}

.header_icon a.icon_wrp span {
	display: block;
	position: relative;
	font-size: 20px;
	color: var(--primary-color);
}

.header_icon a.icon_wrp span.icon img {
	height: 30px;
	width: 30px;
}

.header_icon a.icon_wrp span.icon_text {

	margin-top: 4px;
	/* text-transform: uppercase; */
	line-height: 18px;
	margin-left: 3px;
	font-size: 14px;
    font-weight: 500;
}

.header_icon a.icon_wrp {
	position: relative;
	margin-left: 20px;
	display: block;
	color: var(--primary-color);
	padding: 20px 0;
}

.header_icon a.icon_wrp:hover {
	color: var(--secondary-color);
}

.header_icon a.icon_wrp .pops {
	position: absolute;
	right: 43px;
	top: 11px;
	background: #ff3b3b;
	line-height: 18px;
	text-align: center;
    background: #ff3b3b;
    color: #fff;
    font-size: 11px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}

.header_icon a.icon_wrp.wishlist .pops {
	right: 0;
}

/* navbar */
nav {
	background-color: var(--primary-color);
}

.all_category {
	/* width: 270px; */
	/* background-color: var(--secondary-color); */
    /*new style*/
    background-color: white;
	position: relative;
}

.all_category .bars {
	padding: 5px 15px;
}

.all_category .bars .icon_text {
	font-size: 16px;
	/* text-transform: uppercase; */
    font-weight: 600;
    padding-left: 6px;
}

.all_category .bars .icon {
	font-size: 18px;
	margin-right: 10px;

}

.nav_bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* .nav_bar li {
	position: relative;
} */

.nav_bar > li > a {
	display: block;
	color: #1a1a1a !important;
	text-transform: uppercase;
	margin: 0 5px;
    display: block;
    color: #1a1a1a !important;
    text-transform: uppercase;
    margin: 0 5px;
    padding: 18px 0px;
    font-size: 16px;
    font-weight: 400;
}

.nav_bar > li:hover > a {
	color: #1a1a1a !important;
}

.nav_bar .subnav {
	position: absolute;
	left: unset;
	top: unset;
	/* min-width: 200px; */
	background-color: #fff;
	padding: 12px 0;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 16px rgb(0 0 0 / 6%);
	box-shadow: 0px 0px 16px rgb(0 0 0 / 6%);
	opacity: 0;
	visibility: hidden;
	margin-top: 15px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	border-radius: 3px;
	/* min-width: 170px; */

}

.single_subnav {
	min-width: 175px;
}

.nav_bar li:hover .subnav {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}

.nav_bar .subnav li a {
	font-size: 15px;
	display: block;
	padding: 1px 16px;
	color: var(--primary-color);
	border-left: 2px solid #fff;
	white-space: nowrap;
}

.nav_bar .subnav li:hover a {
	color: var(--secondary-color);
}

.nav_bar > li.withsubs > a > span {
	position: absolute;
	top: 15px;
	right: 2px;
	font-size: 13px;
}

.sub_categories {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0px;
	top: 100%;
	background-color: #ffffff;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
	-webkit-box-shadow: 0 0 5px #00000020;
	box-shadow: 0 0 5px #00000020;
}

.all_category:hover .sub_categories {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	margin-top: 0;
	opacity: 1;
	visibility: visible;
}

.sub_categories .singlecats {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 10px;
	width: 100%;
	text-decoration: none;
	color: var(--secondary-color);
	border-bottom: 1px dotted #c8c8ce;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.sub_categories .singlecats:last-child {
	border-bottom: none;
}

.sub_categories .singlecats .img_wrp {
	width: 45px;
}
.sub_categories .singlecats .img_wrp i {
	font-size: 21px;
	color: var(--secondary-color);
}
.sub_categories .singlecats .img_wrp img {
	height: 30px;
}

.sub_categories .singlecats span {
	font-size: 14px;
	text-transform: uppercase;
}

.sub_categories .singlecats:hover {
	background-color: #efefef;
}

.sub_categories .singlecats .wsicon {
	font-size: 14px;
	margin-left: auto;
	margin-right: 15px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.myacc_cont {
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	padding: 20px 15px;
	border-radius: 3px;
	width: 250px;
	z-index: 2;
	-webkit-box-shadow: 2px 4px 10px #00000020;
	box-shadow: 2px 4px 10px #00000020;
	opacity: 0;
	visibility: hidden;
	margin-top: 10px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.myacwrap:hover .myacc_cont {
	margin-top: 0;
	opacity: 1;
	visibility: visible;
}

.ac_join p {
	/* font-family: Roboto; */
	font-size: 14px;
	text-align: center;
	line-height: 18px;
	font-weight: 500;
}

.account_btn .default_btn {
	padding: 1px 15px;
	/* font-family: "Roboto"; */
	font-size: 12px;
	font-weight: 500;
	min-width: 84px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.ac_links a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
	margin-top: 7px;
	font-size: 15px;
	color: #464545;
	padding-left: 32px;
}

.ac_links i {
	position: absolute;
	width: 20px;
	left: 0;
	top: 3px;
	font-size: 20px;
}

.ac_links {
	padding-top: 10px;
}

.ac_links a:hover {
	color: var(--secondary-color);
}

.ac_links .myac img {
	top: 5px;
}

/* mega menu */

.mega_menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	left: 270px;
	background: #ffffff;
	border: 1px solid #e9e4e4;
	border-radius: 5px;
	width: 976px;
	padding: 20px;
	margin-left: 10px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.sub_categories .singlecats:hover .mega_menu {
	margin-left: 0px;
	opacity: 1;
	visibility: visible;
	cursor: default;
}

.sub_categories .singlecats:hover .wsicon {
	margin-right: 15px;
}

.single_mega_menu {
	width: 25%;
}

.mega_menu_wrap h4 {
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 7px;
	font-weight: 500;
}

.mega_categories a {
	width: max-content;
	display: block;
	font-size: 15px;
	color: #453e3e;
	line-height: 1.4;
	margin-bottom: 5px;
}

.mega_categories a:hover {
	color: var(--secondary-color);
}

.mega_menu_wrap:first-child {
	margin-bottom: 20px;
}

.mega_brands {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}

.mega_brnd_img {
	width: 50%;
	padding: 0 5px;
	margin-bottom: 12px;
}

.mega_brnd_img img {
	width: 100%;
	height: 42px;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-box-shadow: 0 0 9px #00000014;
	box-shadow: 0 0 9px #00000014;
}

/* hero area */
.hero_area {
	background-position: center center;
	background-size: cover;
	min-height: 635px;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.hero_content h1 {
    font-size: 45px;
    line-height: 64px;
    font-weight: 500;
    color: white;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.hero_content p {
    font-size: 20px;
    line-height: 64px;
    color: white;
}

.hero_btn {
	margin-top: 20px;
}

.hero_img img {
	width: 100%;
}

.single_hero_slider.bg-1 {
	background: #cccccc;
}

.single_hero_slider.bg-2 {
	background: #7cc8f8ba;
}

.single_hero_slider.bg-3 {
	background: rgba(253, 61, 87, 0.19);
}

/* features area */

/* .feature_icon img {
	width: 50px;
	max-height: 45px;
} */
.feature_icon img {color: var(--secondary-color);}
.feature_icon {
	margin-right: 8px;
    font-size: 30px;
    padding: 10px;
}

.feature_content h4 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 5px;
}

.feature_content p {
	font-size: 13px;
	color: #6b6b6b;
	margin: 0;
	line-height: 1;
}

.single_feature {
	min-height: 70px;
	border: 1px solid var(--secondary-color);
	border-radius: 3px;
}

/* section title */
.section_title {
	text-align: center;
	position: relative;
	/* margin-bottom: 70px; */
}

.section_title h2 {
	font-size: 32px;
	text-transform: uppercase;
}

.section_title::after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 120px;
	height: 2px;
	background: var(--secondary-color);
}

h2.section_title_3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.5;
	/* text-transform: uppercase; */
	margin-bottom: 5px;
	font-family: 'Poppins';
}

/* offer area */

.offerimg img {
	width: 200px;
	height: 180px;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.single_offercard:hover .offerimg img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.single_offercard {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fbe3e4;
	padding: 24px 32px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.single_offercard.bg_2 {
	background: #edecec;
}

.offertext .offer_pers {
	font-size: 18px;
	line-height: 16px;
	margin-bottom: 8px;
	color: var(--secondary-color);
}

.offertext h4 {
	font-size: 22px;
	line-height: 26px;
	color: var(--primary-color);
}

.offertext p {
	font-size: 15px;
	line-height: 16px;
	color: #464545;
	margin-bottom: 20px;
}

.offerimg {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

/* shop by category */
.single_shopbycat {
	height: 250px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.single_shopbycat::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #00000060;
}

.shopcat_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 1;
}

.shopcat_cont .icon {
	color: #fff;
	font-size: 16px;
	line-height: 1;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.shopcat_cont h4 {
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 0;
}

.single_shopbycat:hover .shopcat_cont .icon {
	opacity: 1;
	margin-left: 8px;
}

/* product design */
.topariv_img {
	height: 230px;
	position: relative;
	/* border-bottom: 1px solid #eee;
    border-top: 1px solid #eee; */
}

.topariv_img img {
	width: 100%;
}

.persof {
	position: absolute;
	left: 15px;
	top: 15px;
	background: #28a745;
	padding: 5px;
	border-radius: 3px;
	font-size: 15px;
	color: #fff;
	line-height: 16px;
	z-index: 1;
}
.persof1{top: 15px!important;right: 15px!important;	left: unset!important;text-transform: uppercase;background: red;}

.adto_wish {
	height: 30px;
	width: 30px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px #0000;
	box-shadow: 0 0 10px #0000;
	font-size: 16px;
	border-radius: 50%;
	position: absolute;
	right: 15px;
	top: 15px;
	color: var(--secondary-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
}

.topariv_cont {
	padding: 10px 10px 0px 10px;
}

.topariv_cont h4 {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 4px;
	text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	font-family: 'Poppins';
	font-weight: 400;
}

.topariv_cont a {
	color: var(--primary-color);
}

.topariv_cont a:hover {
	color: var(--secondary-color);
}

.topariv_cont p {
	font-size: 15px;
	color: #464545;
	margin-bottom: 10px;
}

.single_toparrival {
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
	border-radius: 3px;
	overflow: hidden;
}

.full_atc_btn button {
	width: 100%;
	background-color: var(--secondary-color);
	color: var(--primary-color);
	border: 1px solid var(--secondary-color);
	border-radius: 3px 3px 3px 3px;
	font-size: 14px;
	line-height: 19px;
	padding: 8px 0;
	font-family: 'Poppins'!important;
	text-transform: uppercase;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

/* .full_atc_btn button:hover {
	background: var(--secondary-color);
	color: #fff;
} */

.topariv_cont .org_price {
	font-weight: 600;
	font-size: 16px;
}

.product_slider_2 .single_toparrival {
	margin: 0 15px;
}
.product_slider_2 {
	margin-left: -15px;
	margin-right: -15px;
}

/* product design 2*/

.single_product {
	border: 1px solid #dddddd;
	border-radius: 5px;
	text-align: center;
	height: 358px;
}

.product_slider .single_product {
	width: 100%;
	margin: 0 15px;
}

.product_img {
	position: relative;
	padding: 20px;
	background: #fbfbfb;
	border-radius: 5px 5px 0 0;
}

.prodcut_hovcont {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #e5e5e58c;
	z-index: 1;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.product_img img {
	width: 200px;
	height: 180px;
	-o-object-fit: contain;
	object-fit: contain;
}

.product_content {
	padding: 20px 5px;
	padding-top: 30px;
	position: relative;
}

.product_content a {
	text-decoration: none;
	color: #000;
}

.product_content h5 {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
}

.price {
	line-height: 22px;
	margin-bottom: 5px;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
}

.price span.prev_price, .price .prev_price{
	font-size: 14px;
	color: #687188;
	text-decoration: line-through;
}

.price span.org_price, .price .org_price{
	color: var(--secondary-color)!important;
	margin-right: 5px;
	font-weight: 600;
    font-size: 16px;
}

.prodcut_hovcont a {
	margin: 0 8px;
	height: 40px;
	width: 40px;
	background: var(--secondary-color);
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.prodcut_hovcont a:hover {
	background: var(--primary-color);
}

.rating_star span {
	font-size: 16px;
	color: #f6bc3e;
}

.rating_count {
	font-size: 14px;
	margin-left: 9px;
	margin-bottom: 0;
	color: #687188;
}

.default_btn {
	border: 1px solid var(--secondary-color);
	background: var(--secondary-color);
	color: #fff;
	padding: 8px 24px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 14px;
	transition: 0.5s;
	display: inline-block;
	text-align: center;
	font-weight: 500;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
.default_btn_cart  {
	border: 1px solid var(--primary-color);
	background: var(--primary-color);
	color: #fff;
	padding: 8px 24px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 14px;
	transition: 0.5s;
	display: inline-block;
	text-align: center;
	font-weight: 500;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
.default_btn_promo {
	border: 1px solid var(--secondary-color)!important;
	background: var(--secondary-color)!important;
	color: #fff!important;
	padding: 8px 0px!important;
	border-radius: 3px!important;
	/* text-transform: uppercase!important; */
	font-size: 14px!important;
	transition: 0.5s!important;
	/* display: inline-block!important; */
	text-align: center!important;
	-webkit-transition: 0.5s!important;
	-moz-transition: 0.5s!important;
	-ms-transition: 0.5s!important;
	-o-transition: 0.5s!important;
	-webkit-border-radius: 3px!important;
	-moz-border-radius: 3px!important;
	-ms-border-radius: 3px!important;
	-o-border-radius: 3px!important;
}
.default_btn_promo:hover{
	background-color: transparent!important;
	color: var(--secondary-color)!important;
}
.default_btn:hover,
.default_btn.second, .default_btn_cart:hover {
	background-color: #fff;
	color: var(--primary-color);
}
.default_btn.second:hover {
	background: var(--primary-color);
	color: #fff;
}
.default_btn_cart.second {
	background-color: #fff;
	color: var(--primary-color);
}
.default_btn_cart.second:hover {
	background: var(--primary-color);
	color: #fff;
}
.default_btn.xs_btn {
	min-width: 80px;
	padding: 6px 15px;
}

.product_adcart {
	/* position: absolute;
	left: 50%; */
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	/* top: 65px; */
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.single_product:hover .ratprice {
	opacity: 0;
}

.single_product:hover .product_adcart,
.single_new_arrive:hover .prodcut_hovcont {
	opacity: 1;
	margin-top: 0;
}

.single_product:hover .prodcut_hovcont {
	opacity: 1;
}

.product_area {
	padding: 50px 0;
	overflow-x: hidden;
}

/* banner ad */
.offer_banner_area img {
	width: 100%;
	box-shadow: 0 0 20px #ccc;
}

/* footer */
footer {
	background: #f3f3f3;
	padding: 56px 0;
    /*style techworld*/
	/* margin-top: 50px; */
     /*end style techworld*/
}

footer.colored {
	background: var(--secondary-color) 1a;
}

/* .footer_logo img {
	width: 100%;
} */

.footet_text p {
	font-size: 15px;
	line-height: 1.5;
	color: var(--primary-color);
	margin-bottom: 0;
	margin-top: 16px;
}

.footer_menu a {
	color: var(--primary-color);
	font-size: 15px;
	display: block;
	text-decoration: none;
	line-height: 24px;
	margin-bottom: 12px;
}

.footer_menu a:last-child {
	margin-bottom: 0;
}

h4.footer_title {
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: 9px;
	text-transform: uppercase;
}

.download_img img {
	width: 150px;
}

.download_img a {
	margin-right: 20px;
}

.footer_social h5 {
	color: #ffffff;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 500;
}

.footer_icon a {
	width: 32px;
	height: 32px;
	font-size: 15px;
	display: block;
	border-radius: 50%;
	margin-right: 12px;
	text-align: center;
	line-height: 32px;
	color: #ffffff;
}

a.facebook {
	background: #0866ff;
}

a.twitter {
	background: #00acee;
}

a.instagram {
	background: #C13584;
}

.footer_menu a:hover {
	color: var(--secondary-color);
}

.footer_contact p {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: var(--primary-color);
	position: relative;
	padding-left: 32px;
	margin-bottom: 13px;
}

.footer_contact p span.txt {
	font-weight: 500;
}

.footer_contact .icn {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
}

.footer_icon {
	margin-top: 6px;
}

form.footernews_form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.footernews_form button {
	padding: 1px 9px;
	border-radius: 0 5px 5px 0;
	min-width: 105px;
}

.footernews_form input {
	padding: 5px 15px;
	font-size: 13px;
	width: 230px;
	border: 1px solid #c7c7c7;
	border-right: 0;
	border-radius: 5px 0 0 5px;
	background-color: transparent;
	color: var(--primary-color);
}

.footernews_form input:focus {
	border-color: #909090;
}

.footernews_form input::-webkit-input-placeholder {
	color: #a5a5a5;
}

.footernews_form input::-moz-placeholder {
	color: #a5a5a5;
}

.footernews_form input:-ms-input-placeholder {
	color: #a5a5a5;
}

.footernews_form input::-ms-input-placeholder {
	color: #a5a5a5;
}

.footernews_form input::placeholder {
	color: #a5a5a5;
}

.footer_newslet h4 {
	font-size: 18px;
	color: var(--primary-color);
	margin-top: 24px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

footer.white {
	background: #ffffff;
	border: 1px solid #e9e4e4;
}

/* slider setting */
.product_slider {
	margin-left: -15px;
	margin-right: -15px;
}

.slick-slide:focus,
.slick-track:focus {
	outline: 0;
}
.cat_slider_2 .slick-track, .cat_slider_1 .slick-track{
	justify-content: center;
    display: flex;
	width: unset!important;
}
.banner_slider button.slick-arrow ,
.product_slider_2 button.slick-arrow ,.brand_slider button.slick-arrow,.cat_slider_2 button.slick-arrow,.cat_slider_1 button.slick-arrow,.product_slider_1 button.slick-arrow {
	position: absolute;
	z-index: 1;
	font-size: 25px;
	color: var(--primary-color);
	top: 50%;
	left: 15px;
	border: none;
	background: transparent;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

  .banner_slider button.slick-arrow:hover, .banner_slider button.slick-arrow:hover {
	color: var(--secondary-color);
}

.banner_slider button.slick-next.slick-arrow,
.product_slider_2 button.slick-next.slick-arrow, .brand_slider button.slick-next.slick-arrow,.cat_slider_2 button.slick-next.slick-arrow,.cat_slider_1 button.slick-next.slick-arrow,.product_slider_1 button.slick-next.slick-arrow{
	left: auto;
	right: 15px;
}

/* custom checkbox */
.custom_check label {
	padding-left: 30px;
	position: relative;
	cursor: pointer;
}

.custom_check label:after {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	--bs-form-check-bg: var(--bs-body-bg);
    width: 1em;
    height: 1em;
    vertical-align: top;
	border-radius: .25em;
	border: 1px solid #c5c4c4;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.label_marque a { color:var(--primary-color)!important;}
.custom_check .check_inp:checked + label:after {
	border: none;
	background-image: url("../images/check.png");
}
.custom_check .check_inp1:checked + label:after {
	border: none;
	background-image: url("../images/check.png");
}

.custom_check.check_2 label:after {
	border: none;
	width: 18px;
	background-image: url("../images/checkbox-empty.png");
}

.custom_check.check_2 .check_inp:checked + label:after {
	background-image: url("../images/checkbox.png");
}
.custom_check.check_2 .check_inp1:checked + label:after {
	background-image: url("../images/checkbox.png");
}
.custom_check.radio label:after {
	border: none;
	background-image: url("../images/radio-empty.png");
}

.custom_check.radio .check_inp:checked + label:after {
	background-image: url("../images/radio.png");
}
.custom_check.radio .check_inp1:checked + label:after {
	background-image: url("../images/radio.png");
}
/* shop */
.shop_wrap {
	position: relative;
}

/* shop sidebar */
h4.filter_title {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.shop_filter {
	padding-bottom: 16px;
	border-bottom: 1px solid #e9e4e4;
	margin-bottom: 16px;
}
.collection-collapse-block {
	padding-bottom: 16px;
	border-bottom: 1px solid #e9e4e4;
}
.filter_list .custom_check {
	margin-bottom: 8px;
}

.filter_list .custom_check:last-child {
	margin-bottom: 0;
}

.custom_check p {
	font-size: 15px;
	line-height: 26px;
}

.view_filter .view_icon {
	font-size: 24px;
	width: 40px;
	height: 32px;
	border: 1px solid #c1c1c1;
	text-align: center;
	border-radius: 3px;
	margin-left: 10px;
	color: #717171;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.view_filter .view_icon.active {
	background-color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	color: #ffffff;
}

.sorting_filter .nice-select {
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	width: 210px;
}

button#mobile_filter_btn {
	padding: 7px 10px;
	min-width: 150px;
}

.close_filter {
	font-size: 20px;
	position: absolute;
	right: 10px;
	top: 8px;
	cursor: pointer;
	color: var(--secondary-color);
}

/* price range slider */

.price-range-slider {
	width: 100%;
	margin-top: 25px;
}

.ui-widget.ui-widget-content {
	border: none;
	background: #dddddd;
	height: 8px;
}

.price-range-slider .range-bar .ui-slider-handle {
	-webkit-box-shadow: 0px 0px 154px rgba(0, 0, 0, 0.22), 0px 0px 67.1344px rgba(0, 0, 0, 0.1485), 0px 0px 25.025px rgba(0, 0, 0, 0.11), 0px 0px 8.90312px rgba(0, 0, 0, 0.0715);
	box-shadow: 0px 0px 154px rgba(0, 0, 0, 0.22), 0px 0px 67.1344px rgba(0, 0, 0, 0.1485), 0px 0px 25.025px rgba(0, 0, 0, 0.11), 0px 0px 8.90312px rgba(0, 0, 0, 0.0715);
	width: 18px;
	height: 18px;
	background-color: #ffffff;
	border-radius: 50%;
	cursor: pointer;
}

.price-range-slider .range-bar .ui-slider-handle:focus {
	outline: none;
}

.price-range-slider .range-bar .ui-slider-range {
	background-color: var(--secondary-color);
}

.price-range-slider .range-value {
	margin-top: 16px;
	margin-bottom: 0;
}

.price-range-slider .range-value input {
	border: none;
	font-size: 16px;
	font-weight: 500;
}

/* price-range-slider */

/* size select box */
.single_size_opt label {
	width: 24px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #e9e4e4;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
}

.single_size_opt .size_inp:checked + label {
	border: none;
	background: var(--secondary-color);
	color: #ffffff;
}

.color_selector .single_size_opt .size_inp:checked + label {
	border: 2px solid #eceef0;
	-webkit-box-shadow: 0 0 0 2px var(--secondary-color);
	box-shadow: 0 0 0 2px var(--secondary-color);
}

/* shop products */
.shop_products {
	margin-top: 24px;
}

.shop_products .single_product {
	margin-bottom: 30px;
}

/* pagination design */
.pagination_wrp .single_paginat {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	border: 1px solid #e9e4e4;
	text-align: center;
	margin: 0 5px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.pagination_wrp {
	margin-top: 20px;
}

.pagination_wrp .single_paginat:hover,
.pagination_wrp .single_paginat.active {
	background: var(--secondary-color);
	color: #fff;
	border: 1px solid var(--secondary-color);
}

/* list product design */
.single_list_product .product_content {
	padding: 35px 30px 20px 0;
}

.single_list_product .product_content h5 {
	color: #00428c;
	font-size: 18px;
	line-height: 33px;
	margin-bottom: 6px;
	font-weight: 600;
	text-transform: uppercase;
}

.single_list_product .price span.org_price, .single_list_product .price .org_price{
	font-size: 18px;
}

.single_list_product .price span.prev_price, .single_list_product .price .prev_price {
	font-size: 16px;
}

.list_product_img img {
	width: 200px;
	height: 200px;
	-o-object-fit: contain;
	object-fit: contain;
}

.single_list_product {
	border: 1px solid #e9e4e4;
	margin-bottom: 10px;
	background: #fff;
    margin-top: 0px !important;
}

p.product_list_desc {
	font-size: 16px;
	line-height: 24px;
	margin-top: 12px;
}

.list_product_img {
	background: #fff;
	min-height: 260px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 20px;
}

button.list_product_btn {
	border: 1px solid var(--secondary-color);
	background: var(--secondary-color);
	color: #fff;
	padding: 6px 15px;
	font-size: 13px;
	border-radius: 5px;
	margin-right: 10px;
	font-weight: 500;
	min-width: 135px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

button.list_product_btn.disable {
	background: var(--secondary-color);
	cursor: not-allowed;
	border-color: var(--secondary-color);
}

button.list_product_btn.disable:hover {
	background-color: var(--secondary-color);
	color: #fff;
}

button.list_product_btn .icon {
	margin-right: 5px;
}

button.list_product_btn.wish {
	background: transparent;
	color: var(--secondary-color);
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
button.list_product_btn.wish:hover {
	background: var(--secondary-color);
	color: #fff;
}

button.list_product_btn:hover {
	background: transparent;
	color: var(--secondary-color);
}

/* shopping cart */
.shop_cart_title {
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	margin-right: 16px;
    margin-left: -10px;
	padding: 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 70px;
	background: #efefef;
}

.shop_cart_title.wishlist_ttl span:first-child {
	width: 22%;
}

.shop_cart_title.wishlist_ttl span:nth-child(2) {
	width: 39%;
}

.single_shop_cart,
.cart_summary {
	border: 1px solid #e9e4e4;
	border-radius: 5px;
	padding: 20px;
	padding-bottom: 15px;
}

.single_shop_cart {
	margin-top: 24px;
	width: 100%;
}
.single_shop_cart .border-single{
	border: 1px solid #e9e4e4;
}
.cart_summary {
	padding-bottom: 15px;
}

.cart_summary h4 {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 14px;
	font-weight: 600;
}

.cartsum_text p {
	margin-bottom: 5px;
}

.cart_img {
	max-width: 150px;
	background: transparent;
	margin-right: 30px;
}

.cart_img img {
	width: 100%;
	max-height: 105px;
	-o-object-fit: contain;
	object-fit: contain;
}

.cart_cont {
	width: 320px;
}

.shop_cart_wrap.wishlist .cart_cont {
	width: 400px;
}

.cart_cont h5 {
	font-size: 12px;
	margin-bottom: 12px;
	text-transform: uppercase;
	line-height: 1.4;
	font-weight: 500;
	color: var(--primary-color);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.cart_cont h5:hover {
	color: var(--secondary-color);
}

.cart_cont p.price {
	font-size: 15px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	color: var(--secondary-color);
	margin-bottom: 0px;
}

.cart_qnty .cart_qnty_btn {
	font-size: 17px;
	width: 48px;
	height: 38px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	border: 1px solid #e9e4e4;
}

.cart_qnty .cart_count {
	font-size: 14px;
	width: 160px;
	height: 38px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #e9e4e4;
	border-left: 0;
	border-right: 0;
	border-radius: unset;
}

.cart_price p {
	font-size: 18px;
	margin-bottom: 0;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	color: var(--secondary-color);
}

.cart_remove {
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.cart_remove:hover {
	color: var(--secondary-color);
}

.cart_qnty_btn:hover {
	background: #dadada;
}

.cart_price {
	min-width: 100px;
	text-align: right;
}

.cart_sum_total p {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}

.cart_sum_total {
	padding-top: 12px;
	border-top: 1px solid #e9e4e4;
	margin-bottom: 5px;
	margin-top: 4px;
}

.cart_sum_coupon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px;
}

.cart_sum_coupon input {
	width: 65%;
	border-radius: 5px 0 0 5px;
	border: 1px solid #e9e4e4;
	font-size: 13px;
	padding: 5px 10px;
}

.cart_sum_coupon button {
	width: 35%;
	border: none;
	background: var(--secondary-color);
	border-radius: 0 5px 5px 0;
	color: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	border: 1px solid var(--secondary-color);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.cart_sum_coupon button:hover {
	background: transparent;
	color: var(--secondary-color);
}

.cart_sum_pros button {
	width: 100%;
	border: 1px solid var(--secondary-color);
	background: var(--secondary-color);
	text-align: center;
	color: #fff;
	padding: 8px 10px;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.cart_sum_pros {
	margin-bottom: 10px;
}

.cart_sum_pros button:hover {
	background: transparent;
	color: var(--secondary-color);
}

.wishlist .cart_cont h5 {
	margin-bottom: 0;
}

.cart_cont .instock {
	margin-bottom: 0;
	font-size: 14px;
	color: #464545;
}

.cart_cont .instock span {
	color: #28a745;
}

.cart_cont .instock span.outstock {
	color: var(--secondary-color);
}

.shop_cart_title.sopcart_ttl span:first-child {
	width: 57%;
}

/* .shop_cart_title.sopcart_ttl {
	padding-left: 180px;
} */

.shop_cart_title.sopcart_ttl span:nth-child(2) {
	width: 22%;
}

/* breadcrums */
.breadcrumbs a {
	color: var(--secondary-color);
	font-size: 16px;
	position: relative;
	display: block;
	margin-right: 25px;
	text-transform: uppercase;
}

.breadcrumbs {
	padding: 20px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.breadcrumbs a:not(.active):after {
	content: "\f105";
	position: absolute;
	right: -17px;
	top: 1px;
	font-family: "Line Awesome Free";
	font-weight: 900;
	font-size: 13px;
	color: var(--primary-color);
}

.breadcrumbs a.active {
	color: var(--primary-color);
	margin-right: 0;
	cursor: unset;
	text-transform: uppercase;
}
.breadcrumbs a.active:hover {color: #000;}
/* product view page */
.single_viewslider img {
	width: 100%;
	border-radius: 2px;
	background-color: #ffffff;
	height: 460px;
	-o-object-fit: contain;
	object-fit: contain;
	border: 1px solid #eee;

}

.single_viewslid_nav img {
	cursor: pointer;
	width: 100%;
	height: 80px;
	-o-object-fit: contain;
	object-fit: contain;
	/* background: #eceef0; */
	border: 1px solid #eee;
}

.product_viewslid_nav {
	margin-top: 15px;
}

.single_viewslid_nav {
	padding: 0 7px;
}

.product_viewslid_nav {
	margin-left: -7px;
	margin-right: -7px;
}

.product_quickview .product_viewslid_nav {
	margin-right: -4px;
}

.product_viewslid_nav button.slick-arrow {
	border: none;
	border-radius: 0;
	top: 50%;
	left: 6px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.32);
	box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.32);
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position: absolute;
	z-index: 1;
}

.product_viewslid_nav:hover button.slick-arrow {
	opacity: 1;
}

.product_viewslid_nav button.slick-next.slick-arrow {
	left: auto;
	right: 5px;
}

.single_viewslid_nav.slick-current img {
	border: 1px solid var(--secondary-color);
}

.product_base_info h1 {
	color: #00428c;
	font-size: 18px;
	line-height: 35px;
	margin-bottom: 10px;
	font-weight: 600;
	text-transform: uppercase;
}

.product_top_info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.product_delevary_info {
	width: 226px;
}

.product_base_info .price {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 8px;
}

.product_base_info .price span.prev_price, .product_base_info .price .prev_price {
	font-size: 16px;
	font-weight: 500;
}

.product_base_info .rating {
	margin-bottom: 6px;
}

.brand_info {
	margin-bottom: 12px;
	font-size: 16px;
}

.brand_info span {
	margin-right: 10px;
}

.size_selector h5 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 6px;
}

.product_base_info .cart_qnty p {
	font-size: 16px;
	margin-bottom: 0;
	margin-right: 15px;
}

.delivery_opts {
	background: #f1f1f1;
	padding: 18px 15px;
	margin-bottom: 3px;
}

.delivery_opts h4 {
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
}

.single_delivery_opt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 15px;
}

.delivery_icon img {
	width: 18px;
}

.delivery_icon {
	width: 38px;
}

.delivery_content h5 {
	font-size: 14px;
	margin-bottom: 0;
	line-height: 20px;
}

.delivery_content p {
	font-size: 12px;
	margin: 0;
	line-height: 16px;
}

.delivery_cost {
	margin-left: auto;
	font-size: 13px;
	font-weight: 600;
}

.product_buttons {
	padding: 20px 0;
	/* border-bottom: 1px solid #e9e4e4; */
}
.border_bottom_marque{
border-bottom: 1px solid #e9e4e4;
}
.product_other_info {
	margin-top: 14px;
}
.tre_info {
	border-bottom: 1px solid #e9e4e4;
}

.product_info_wrapper .share_icons.footer_icon a {
	color: var(--primary-color);
	border: 1px solid #e9e4e4;
}

.product_info_wrapper .share_icons.footer_icon a:hover {
	background: #e9e4e4;
}

.product_other_info p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 26px;
}

.product_other_info p span {
	font-weight: 600;
	margin-right: 10px;
}

.share_icons.footer_icon a {
	height: 32px;
	width: 32px;
	font-size: 16px;
	line-height: 32px;
	margin-right: 12px;
}

.pv_tab_buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	/* border-bottom: 1px solid #f0f0f0; */
	margin-bottom: 32px;
}

.pbt_single_btn {
	padding: 10px 15px;
	/* border-bottom: 1px solid var(--primary-color); */
	border-radius: 5px 5px 0 0;
	font-family: "Roboto", sans-serif;
	font-size: 32px;
	line-height: 19px;
	font-weight: 500;
	margin-right: 8px;
	cursor: pointer;
}

.pbt_single_btn.active,.pbt_single_btn:hover{
	/* border-bottom: 1px solid var(--secondary-color); */
	color: var(--primary-color);
}
.pbt_single_btn.active{font-weight: 700;}

.pbt_info_text p ,.pbt_info_text div{
	font-size: 14px!important;
	line-height: 1.5!important;
	color: #393838!important;
	margin-bottom: 16px!important;
	font-family: 'Poppins'!important;
}
.pbt_info_text p, .pbt_info_text p span ,.pbt_info_text ul, .pbt_info_text ul li, .pd_dtails p , .pd_dtails p span ,.pd_dtails ul, .pd_dtails ul li {
   font-size: 14px!important;
   font-family: 'Poppins' !important;
}
.pbt_info_text ul li{
	list-style: disc;
}

.pbt_info_table {
	margin-top: 24px;
}

.pbtit_single {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #b2b2b2;
}

.pbtit_single:not(:last-child) {
	border-bottom: none;
}

.pbtit_single p {
	margin-bottom: 0;
	font-size: 14px;
	-height: 18px;
	padding: 12px 15px;
}

.pbtit_single .specs {
	min-width: 190px;
	border-right: 1px solid #b2b2b2;
}

.pb_tab_content {
	display: none;
}

.pb_tab_content.active {
	display: block;
}

.pb_tab_content.qna h4 {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 0;
}

.pbqna_wrp {
	border-bottom: 1px solid #f0f0f0;
	padding: 16px 0;
}

.single_pbqna {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pbqna_content h5 {
	margin: 0;
	font-size: 17px;
	line-height: 1.5;
	color: #393838;
}

.pbqna_content p {
	font-size: 12px;
	line-height: 1.5;
	color: #7d7979;
	margin: 0;
}

.pbqna_icon {
	width: 40px;
}
.pbqna_icon i {
	font-size: 20px;
}
.single_pbqna:first-child {
	margin-bottom: 8px;
}

.pbqna_form textarea {
	width: 100%;
	display: block;
	margin-bottom: 25px;
	border: 1px solid var(--primary-color);
	border-radius: 5px;
	min-height: 110px;
	padding: 20px;
}

.pbqna_form {
	margin-top: 24px;
}
.taille-logo{height: 60px;}
.review_rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.total_rating {
	margin-right: 50px;
}

.trating_number .avrage {
	font-family: "Roboto", sans-serif;
	font-size: 35px;
	line-height: 41px;
	font-weight: 500;
}

.trating_number .from {
	font-size: 35px;
	line-height: 27px;
	font-family: "Roboto", sans-serif;
	padding-top: 7px;
	margin-left: 4px;
}

.trating_number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.trating_count {
	color: #9e9ea0;
	font-size: 13px;
	line-height: 18px;
}

.rating_pbox {
	width: 150px;
	height: 8px;
	background: #eff0f5;
	margin-left: 14px;
	margin-right: 8px;
	border-radius: 2px;
}

.rating_pbox span {
	height: 8px;
	background: #faca51;
	display: block;
	width: 0;
}

.review_filters {
	width: 160px;
}

.review_filters {
	width: 160px;
}

.review_header {
	padding-bottom: 0px;
	margin-top: 24px;
}

.single_review_wrp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.review_avatar img {
	width: 70px;
	height: 70px;
	-o-object-fit: contain;
	object-fit: contain;
	border-radius: 50%;
}

.review_avatar {
	margin-right: 30px;
}

.single_review_wrp {
	margin-top: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #f0f0f0;
}

.review_content h5 {
	font-size: 16px;
}

.review_date {
	font-size: 12px;
	color: #a1a2a3;
	line-height: 15px;
	margin-bottom: 10px;
	margin-top: 4px;
}

.review_body p {
	margin-bottom: 15px;
	color: #393838;
	line-height: 1.5;
	font-size: 16px;
}

.review_imgs img {
	width: 70px;
	height: 55px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #a39e9e;
	border-radius: 5px;
	margin-right: 10px;
	cursor: pointer;
}

.add_review_form {
	margin-top: 50px;
}

.add_review_form h4 {
	font-size: 25px;
	line-height: 1.5;
	margin-bottom: 5px;
}

.add_review_form .rating_star {
	margin-bottom: 15px;
}

.add_review_form .rating_star span {
	cursor: pointer;
}

.add_review_form textarea {
	width: 100%;
	border-radius: 5px;
	padding: 15px;
	min-height: 120px;
	display: block;
}

.add_review_form .files_inp {
	max-width: 470px;
}

.add_review_form .review_submit {
	margin-top: 30px;
}

/* checkout page design */

.single_billing_inp label {
	display: block;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 6px;
	color:#3c3c3c;
}
.about_hiscont p{color:#3c3c3c;}
.single_billing_inp input,
.single_billing_inp textarea {
	font-size: 14px;
	width: 100%;
	display: block;
	padding: 8px 16px;
	border: 1px solid #e9e4e4;
	border-radius: 3px;
	margin-bottom: 5px;
}

.single_billing_inp input.right {
	border: 1px solid #28a745;
}

.single_billing_inp input.wrong {
	border: 1px solid #fb3245;
}

.single_billing_inp label span {
	color: red;
}

.single_billing_inp p.inp_err_msg {
	margin-bottom: 0;
	color: #fb3245;
	font-size: 13px;
	line-height: 1.5;
}

.single_billing_inp {
	margin-bottom: 17px;
}

.checkout_order {
	margin-top: 40px;
	border: 1px solid #e9e4e4;
	border-radius: 3px;
	padding: 24px 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.checkout_order h4 {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 150%;
}

.checkout_order h4 {
	font-family: Roboto;
	font-weight: 500;
	font-size: 17px;
	line-height: 1.5;
	border-bottom: 1px solid #e9e4e4;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.checkorder_cont h5 {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0;
}
.checkorder_cont.subtotal-h h5 {
	font-size: 15px;
}
.single_check_order {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* margin-bottom: 15px; */
}

.checkorder_cont p {
	font-size: 14px;
	margin: 0;
	line-height: 1.5;
}

p.checkorder_qnty {
	margin-left: auto;
	margin-right: 30px;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
}

p.checkorder_price {
	margin-left: auto;
	min-width: 70px;
	text-align: right;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.5;
}

.single_check_order.subs,
.single_check_order.total {
	border-bottom: 1px solid #e9e4e4;
}

.single_check_order.total h5,
.single_check_order.subs h5 {
	font-weight: 600;
	text-transform: uppercase;
}

.single_check_order.total .checkorder_cont h5,
.single_check_order.total .checkorder_price {
	font-size: 18px;
	line-height: 1.5;
}

.checkorder_agree {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.checkorder_agree label {
	margin-left: 10px;
	cursor: pointer;
	font-size: 14px;
}

.checkorder_agree input {
	position: relative;
	top: -2px;
	cursor: pointer;
}

/* order complete page */
.order_complete {
	margin-top: 40px;
	text-align: center;
}

.complete_icon img {
	width: 70px;
}

.complete_icon {
	margin-bottom: 25px;
}

.order_complete_content h4 {
	font-family: Roboto;
	font-weight: 500;
	font-size: 32px;
	line-height: 1.5;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.order_complete_content p {
	font-size: 16px;
	line-height: 1.5;
}

.order_complete_btn {
	margin-top: 30px;
}

/* payment design */
.payment_method_options {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.single_payment_method {
	width: 150px;
	height: 107px;
	border: 1px solid #e9e4e4;
	border-radius: 5px;
	margin-right: 20px;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
	z-index: 1;
	cursor: pointer;
}

.sp_img {
	height: 69px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.single_payment_method .sp_text {
	font-size: 13px;
	color: #393838;
	font-weight: 500;
}

.single_payment_method.active {
	border: 1px solid var(--secondary-color);
}

.single_payment_method.active::after {
	content: "\f00c";
	position: absolute;
	right: -8px;
	top: -8px;
	font-family: "Line Awesome Free";
	font-weight: 900;
	color: #fff;
	font-size: 10px;
	z-index: 2;
	background: var(--secondary-color);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.payment_methods {
	padding: 15px 25px 35px;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
	border-radius: 5px;
	display: none;
}

.payment_methods.active {
	display: block;
}

.payment_method_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.payment_method_title h4 {
	margin: 0;
	color: #393838;
	font-size: 16px;
	line-height: 1.5;
}

.payment_method_img img {
	margin-left: 5px;
}

.cash_on_text p {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 15px;
}

/* comming soon */
.comming_soon {
	padding-top: 250px;
	padding-bottom: 250px;
}

/* home page 2 */

/* home 2 header and nav  */
header.home-2 {
	padding: 12px 0;
}

nav.home-2 {
	background: var(--secondary-color);
	padding: 0;
}

.home-2 .all_category {
	background: var(--primary-color);
	border-radius: 5px;
}

.home-2 .all_category .bars {
	padding: 10px 15px;
}

.home-2 .search_category {
	border-right: 1px solid var(--primary-color);
}

.home-2 .search_subimt button {
	background: var(--primary-color);
	border-radius: 0 5px 5px 0;
}

.home-2 .header_icon a.icon_wrp {
	color: #fff;
	padding: 12px 0;
}

.home-2 .header_icon a.icon_wrp span {
	color: #fff;
}

.home-2 .header_icon a.icon_wrp .pops {
	background: var(--primary-color);
	top: 5px;
}

.home-2 .sub_categories.active {
	opacity: 1;
	visibility: visible;
	margin-top: 10px;
}

.home-2 .all_category:hover .sub_categories {
	margin-top: 10px;
}

.home-2 .nav_bar > li > a {
	color: var(--primary-color);
	font-weight: 500;
	padding-bottom: 10px;
}

.home-2 .nav_bar {
	margin-left: 65px;
}

.home-2 .nav_bar > li:hover > a {
	color: var(--secondary-color);
}

.home_2_hero {
	margin-left: 205px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.home_2_hero .hero_content h1 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 500;
	margin-bottom: 15px;
}

.home_2_hero .hero_content p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 5px;
}

.home_2_hero .hero_btn {
	margin-top: 30px;
}

.home_2_hero .hero_img img {
	max-height: 280px;
	-o-object-fit: contain;
	object-fit: contain;
}

.home_2_hero .hero_content {
	padding: 113px 0;
	padding-left: 110px;
}

.home-2 .tophead_items .nice-select {
	font-weight: 500;
}

.home-2 .tophead_items .nice-select .current {
	font-size: 14px;
}

/* mobile design */
.mobile_logo img {
	width: 120px;
}

.mobile_bottombar .header_icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-evenly;
}

.mobile_bottombar {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	border-top: 1px solid #cacaca;
	padding: 12px 0px;
	z-index: 8;
}

span.sidebarclose {
	position: absolute;
	right: 15px;
	font-size: 20px;
	color: #ffffff;
	cursor: pointer;
}

.home_2_hero ul.slick-dots button,
.banner_slider ul.slick-dots button {
	display: none;
}

.home_2_hero ul.slick-dots li,
.banner_slider ul.slick-dots li {
	border: 2px solid var(--secondary-color);
	background: transparent;
	line-height: 0;
	font-size: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	margin: 0 2px;
}

.home_2_hero ul.slick-dots li.slick-active,
.banner_slider ul.slick-dots li.slick-active {
	background: var(--secondary-color);
}

.home_2_hero ul.slick-dots,
.banner_slider ul.slick-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	bottom: 16px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mobile_bottombar .header_icon a.icon_wrp {
	padding: 0;
}

.banner_slider ul.slick-dots {
	bottom: 25px;
}

/* footer copyright */
.copyright_wrap {
	background: var(--primary-color);
	padding: 12px 0;
}

.copyright_text {
	font-size: 16px;
	color: #f9f9f9;
	margin-bottom: 0;
}

.payment_method {
	text-align: right;
}

.payment_method img {
	/* width: 333px; */
	display: inline-block;
}

/* mobile search */
.mobile_search_bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 10%;
	background: #fff;
	z-index: 9;
	padding: 30px;
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.mobile_search_bar.active {
	visibility: visible;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.mobile_search_text p {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 12px;
	color: #8a8a8a;
}

.mobile_search_text {
	position: relative;
}

.close_mbsearch {
	position: absolute;
	right: -20px;
    top: -30px;
	cursor: pointer;
	font-size: 20px;
}

.mobile_search_bar form input {
	width: 100%;
	display: block;
	border: none;
	border-bottom: 1px solid #c3c3c3;
	padding: 5px 10px;
	padding-left: 0;
	font-size: 18px;
	color: var(--primary-color);
}

.mobile_search_bar form {
	position: relative;
}

.mobile_search_bar form button {
	position: absolute;
	right: 0;
	top: 3px;
	border: none;
	background: transparent;
}

.single_sresult_product {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #ebebeb;
}

.sresult_img {
	width: 90px;
	padding: 10px;
}

.sresult_img img {
	width: 100%;
	height: 50px;
	-o-object-fit: contain;
	object-fit: contain;
}

.sresult_content h4 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 6px;
	color: var(--primary-color);
}

.search_result_product {
	height: calc(100vh - 160px);
	overflow-y: auto;
	padding-top: 16px;
}

.mobile_search_bar form input:focus {
	border-bottom: 1px solid #696969;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.sresult_content a {
	color: var(--primary-color);
}

.sresult_content a:hover {
	color: var(--secondary-color);
}

.sresult_content {
	padding-left: 8px;
}

/* top ranking */
.section_title_2 {
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 32px;
	line-height: 1.5;
	/* text-transform: uppercase; */
	color: var(--primary-color);

}

.single_topr_title {
	font-size: 18px;
	margin-top: 30px;
	font-weight: 500;
}

.single_top_ranking {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
}

.topr_img {
	width: 105px;
	background-color: #f2f0f0;
	position: relative;
	border-radius: 5px;
	padding: 10px;
}

.topr_img img {
	width: 100%;
	height: 75px;
	-o-object-fit: contain;
	object-fit: contain;
}

.topr_img .tag {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 18px;
	background: var(--secondary-color);
	text-align: center;
	line-height: 20px;
	color: #fff;
	font-family: "Roboto";
	font-weight: 700;
	font-size: 12px;
	border-radius: 0 5px 0 5px;
}

.topr_content h4 {
	font-family: Roboto;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 6px;
}

.topr_content {
	padding-left: 15px;
}

.topr_content .rating_star span {
	font-size: 12px;
	margin-right: 0;
}

.topr_content .rating_count {
	font-size: 12px;
}

.topr_content .price {
	margin-bottom: 0;
	line-height: 1;
}

.topr_content a {
	color: var(--primary-color);
}

.topr_content a:hover {
	color: var(--secondary-color);
}

/* new arrivale */
.single_new_arrive {
	border: 1px solid #dddddd;
	border-radius: 5px;
}

.sna_img {
	position: relative;
	background-color: #fff;
    /* height: 215px;   */
	border-radius: 5px ;
	/*new style techworld*/
	/* border-bottom: 1px solid #eee; */
	text-align: center;
}

.sna_img img.prd_img {
	width: 100%;
	height: 200px;
	-o-object-fit: contain;
	object-fit: contain;
}

.sna_content {
	padding: 15px 15px;
	/* height: 125px; */
	overflow: hidden;
	position: relative;
}

.sna_content a {
	color: var(--primary-color);
}

.sna_content a:hover {
	color: var(--secondary-color);
}

.sna_content h4 {
	font-size: 15px;
	font-family: "Poppins", sans-serif!important;
    font-weight: 400;
	line-height: 1.5;
	margin-bottom: 5px;
}

.sna_content .price {
	margin-bottom: 2px;
}

/* .sna_content .default_btn {
	padding: 7px 7px;
	min-width: 120px;
} */
/* .sna_content .default_btn1 {
	min-width: 95px!important;
} */
.single_new_arrive:hover .product_adcart {
	opacity: 1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.single_new_arrive .product_adcart {
	/* left: 118px;
	top: 56px; */
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

/* .single_new_arrive:hover .ratprice {
	opacity: 0;
} */

.sna_img .tag {
	position: absolute;
	left: 0;
	top: 0;
	padding: 8px 10px;
	background: #ed0020;
	border-radius: 5px 0 5px 0;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	z-index: 2;
}

.ratprice {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

/* home 1 account */
.all_category.otherpage .sub_categories_wrp {
	position: absolute;
	width: 100%;
	padding-top: 9px;
}

.all_category.otherpage:hover .sub_categories {
	margin-top: 0;
}

/* download app */
.download_bg {
	background-color: #f3f3f3;
}

.download_cont {
	padding-top: 90px;
	padding-bottom: 105px;
}
.download_left img {
	height: 100%;
	max-height: 450px;
	object-fit: contain;
}
.subscribe_form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

form.subscribe_form input {
	width: 100%;
	background: #fff;
	border-radius: 5px 0 0 5px;
	border: 1px solid var(--secondary-color);
	border-right: none;
	font-size: 14px;
	padding: 11px 20px;
}

.subscribe_form button {
	min-width: 120px;
	background: var(--secondary-color);
	color: #fff;
	border: 1px solid var(--secondary-color);
	border-radius: 0 5px 5px 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.download_cont form button:hover {
	background: transparent;
	color: var(--secondary-color);
}

.download_links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 35px;
}

.download_links img {
	width: 120px;
	border-radius: 5px;
}

/* my account */
.account_profile {
	padding: 8px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 24px;
}

.acprof_img img {
	width: 100%;
}

.acprof_img {
	width: 50px;
	padding: 5px;
	border: 1px solid #e9e4e4;
	border-radius: 50%;
}

.acprof_cont {
	padding-left: 16px;
}

.acprof_cont p {
	font-size: 15px;
	margin-bottom: 0;
}

.acprof_cont h4 {
	font-size: 17px;
	font-weight: 500;
	margin: 0;
}

.acprof_wrap {
	padding: 24px 16px;
}

.acprof_links a {
	display: block;
	padding-left: 32px;
	font-size: 15px;
	line-height: 22px;
	color: var(--primary-color);
	margin-bottom: 8px;
	position: relative;
}

.acprof_links a h4 {
	font-size: 18px;
	margin-bottom: 0;
}

.acprof_links a h4 i {
	position: absolute;
	left: 0;
	top: 0;
	width: 17px;
	font-size: 22px;
}

.acprof_links {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #e9e4e4;
}

.acprof_links a:last-child {
	margin-bottom: 0;
}

.acprof_links a.active,
.acprof_links a:hover {
	color: var(--secondary-color);
}

.acprof_links:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.prof_info_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 16px;
}

.prof_info_title h4 {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
}

.single_prof_info {
	padding: 24px;
	min-height: 225px;
}

.prof_info_title a {
	color: var(--secondary-color);
}

.prof_info_title a:hover {
	text-decoration: underline;
}

.prfo_info_cont p {
	margin-bottom: 0px;
}

.prof_recent_order {
	margin-top: 40px;
	padding: 32px 24px;
}

.prof_recent_order h4 {
	font-size: 18px;
	line-height: 21px;
}

.single_prof_recorder {
	border: 1px solid #e9e4e4;
	margin-top: 24px;
	padding: 32px 24px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(5, 1fr) 90px;
	grid-row-gap: 24px;
	padding-bottom: 22px;
}

.prorder_btn {
	-ms-grid-column: 5;
	grid-column-start: 5;
	-ms-grid-column-span: 1;
	grid-column-end: 6;
	-ms-grid-row-align: center;
	align-self: center;
}

.prorder_img {
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span: 4;
	grid-column-end: 5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.prorder_img img {
	width: 80px;
	height: 50px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-right: 16px;
}

.prorder_btn a {
	color: var(--secondary-color);
	font-size: 16px;
	border: 1px solid var(--secondary-color);
	border-radius: 3px;
	padding: 8px 24px;
	font-weight: 500;
	font-family: "Roboto";
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.prorder_btn a:hover {
	background: var(--secondary-color);
	color: #fff;
}
.prorder_txt h5 {
	font-size: 16px;
	margin-bottom: 6px;
	font-weight: 600;
}

.prorder_txt p {
	font-size: 15px;
	margin: 0;
}

.profile_hambarg {
	position: absolute;
	right: 24px;
	top: 18px;
	font-size: 22px;
	color: var(--primary-color);
	cursor: pointer;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	border: 1px solid var(--secondary-color);
	height: 32px;
	width: 32px;
	border-radius: 3px;
	text-align: center;
	line-height: 32px;
}

.profile_hambarg:hover {
	color: var(--secondary-color);
}

.acprof_info_wrap {
	padding: 32px 24px;
	padding-top: 26px;
}
.acprof_info_wrap.voucher {
	min-height: 400px;
}
.acprof_info_wrap .single_billing_inp .nice_select {
	line-height: 44px;
	height: 44px;
	font-size: 15px;
}

.acprof_info_wrap .single_billing_inp {
	margin-bottom: 20px;
}

.acprof_subbtn {
	margin-top: 12px;
}

.single_billing_inp span.icon {
	position: absolute;
	right: 16px;
	top: 9px;
	font-size: 14px;
	cursor: pointer;
}

/* account order details */
.order_detail_wrapper {
	padding: 32px 24px;
}

h4.od_title {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 24px;
}

.single_orderdet h5 {
	font-size: 16px;
	margin-bottom: 4px;
}

.single_orderdet p {
	margin: 0;
	font-size: 14px;
}

.sprocess_cont {
	max-width: 618px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.single_sproc_cont p {
	margin-bottom: 0;
	margin-top: 2px;
	font-size: 15px;
}

.single_sproc_cont .sproc_cont_dot {
	width: 15px;
	height: 15px;
	background: #4cae50;
	border-radius: 50%;
}

.single_sproc_cont .sproc_cont_dot.gray {
	background: #e9e4e4;
}

.single_sproc_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.shipping_process {
	margin-top: 70px;
}

.sprosbar {
	position: absolute;
	left: 37px;
	top: 6px;
	right: 35px;
	background: #e9e4e4;
	height: 2px;
	z-index: -1;
}

.sprosbar .sp_fill {
	position: absolute;
	left: 0;
	top: 0;
	height: 2px;
	width: 100%;
	background: #4cae50;
}

.sprocess_tooltip {
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 1px solid #e9e4e4;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 24px;
	margin-top: 32px;
	position: relative;
	background: #fff;
	max-width: 750px;
}

.sprocess_tooltip p {
	margin: 0;
	font-size: 15px;
	color: #464545;
}

.sprocess_tooltip::after {
	position: absolute;
	content: "";
	width: 27px;
	height: 27px;
	border: 1px solid #e9e4e4;
	right: 87px;
	top: -14px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -1;
	background: #fff;
}

.orderprod_img img {
	width: 64px;
	height: 64px;
	-o-object-fit: contain;
	object-fit: contain;
}

.order_prodetails {
	margin-top: 70px;
}

.single_orderdet.pdname {
	padding-left: 16px;
}

.padding_default {
	padding: 30px 24px;
}

.align-self-center {
	-ms-flex-item-align: center !important;
	-ms-grid-row-align: center !important;
	align-self: center !important;
}

.single_orderdet.pdname {
	width: 220px;
}

.nice_select.retorder {
	width: 180px;
	height: 38px;
	line-height: 38px;
}

.nice-select.retorder .option {
	min-height: 38px;
	line-height: 38px;
}

.single_retreq p {
	margin-left: 32px;
	line-height: 1.4;
}

.return_requirement {
	margin-top: 32px;
}

/* rating interaction */
.intaractive_rating .rating-group {
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.intaractive_rating .rating__icon {
	pointer-events: none;
}

.intaractive_rating .rating__input {
	position: absolute !important;
	left: -9999px !important;
}

.intaractive_rating .rating__input--none {
	display: none;
}

.intaractive_rating .rating__label {
	cursor: pointer;
	padding: 0 0.1em;
	font-size: 20px;
}

.intaractive_rating .rating__icon--star {
	color: #faca52;
}

.intaractive_rating .rating__input:checked ~ .rating__label .rating__icon--star {
	color: #ddd;
}

.intaractive_rating .rating-group:hover .rating__label .rating__icon--star {
	color: #faca52;
}

.intaractive_rating .rating__input:hover ~ .rating__label .rating__icon--star {
	color: #ddd;
}

/* write review page */
.reviewdet_textbox {
	font-size: 13px;
	color: #464545;
	line-height: 1.4;
	padding: 8px 16px;
	border: 1px solid #e9e4e4;
	margin: 0;
	border-radius: 3px;
	display: block;
	width: 100%;
	min-height: 70px;
}
.reviewdet_textbox::-webkit-input-placeholder {
	color: #cac7c7;
}
.reviewdet_textbox::-moz-placeholder {
	color: #cac7c7;
}
.reviewdet_textbox:-ms-input-placeholder {
	color: #cac7c7;
}
.reviewdet_textbox::-ms-input-placeholder {
	color: #cac7c7;
}
.reviewdet_textbox::placeholder {
	color: #cac7c7;
}

.upload_icn img {
	width: 32px;
	display: inline-block;
}

label.upload_img {
	display: block;
	padding: 12px 10px;
	border-radius: 5px;
	border: 1px dashed var(--secondary-color);
	text-align: center;
	cursor: pointer;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	padding-bottom: 8px;
}

label.upload_img p {
	font-size: 12px;
	color: #464545;
	margin: 0;
}

label.upload_img:hover {
	background: #f9f9f9;
}

.upload_icn {
	margin-bottom: 6px;
}

.img_uproles {
	position: relative;
}

.uproles_content {
	position: absolute;
	width: 330px;
	background: #ffffff;
	padding: 12px;
	top: 31px;
	left: -3px;
	border: 1px solid #e9e4e4;
	opacity: 0;
	visibility: hidden;
}

.uproles_content::after {
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	border: 1px solid #e9e4e4;
	left: 3px;
	top: -5px;
	z-index: -1;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.uproles_content h4 {
	font-size: 14px;
	line-height: 14px;
}

.uproles_content ul li {
	font-size: 11px;
	list-style: disc;
	line-height: 15px;
	margin-bottom: 3px;
	color: #464545;
}

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

.uproles_content ul {
	padding-left: 20px;
}

.img_uproles:hover .uproles_content {
	opacity: 1;
	visibility: visible;
}

.paymeth_img img {
	width: 70px;
	height: 40px;
	-o-object-fit: cover;
	object-fit: cover;
}

.w-130px {
	width: 130px;
}

/* product slider 2 design */
.product_slider_2 button.slick-arrow , .brand_slider button.slick-arrow ,.cat_slider_2 button.slick-arrow,.cat_slider_1 button.slick-arrow,.product_slider_1 button.slick-arrow {
	left: -38px;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
	-webkit-box-shadow: 0 0 10px #00000024;
	box-shadow: 0 0 10px #00000024;
}

.product_slider_2 button.slick-arrow:hover, .brand_slider button.slick-arrow:hover ,.cat_slider_2 button.slick-arrow:hover,.cat_slider_1 button.slick-arrow:hover,.product_slider_1 button.slick-arrow:hover{
	background: var(--secondary-color);
	color: #fff;
}

.product_slider_2 button.slick-arrow.slick-next, .brand_sliderbutton.slick-arrow.slick-next, .brand_slider button.slick-arrow.slick-next,.cat_slider_2 button.slick-arrow.slick-next,.cat_slider_1 button.slick-arrow.slick-next,.product_slider_1 button.slick-arrow.slick-next{
	right: -40px;
}

/* top header */
.tophead_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tophead_items a {
	color: var(--primary-color);
	font-size: 14px;
	margin-right: 6px;
	text-transform: capitalize;
}

.tophead_items a:hover {
	color: var(--secondary-color);
}

.tophead_items .nice-select {
	color: var(--primary-color);
	border: none;
	padding: 0;
	padding-right: 30px;
	height: auto;
}

.tophead_items .nice-select .list {
	width: 110px;
}

.tophead_items .nice-select .current {
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.tophead_items .nice-select:hover .current {
	color: var(--secondary-color);
}

.tophead_items .nice-select:hover:after {
	border-color: var(--secondary-color);
}

.tophead_items a span {
	margin-right: 3px;
}

.top_heaeder {
	border-bottom: 1px solid #f1f1f1;
	padding: 2px 0;
}

/* contact us page */
.contact_banner {
	height: 350px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-image: url("../images/contact-banner.jpg");
	background-size: cover;
	background-position: center;
}

.contact_banner .breadcrumbs {
	padding: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.contact_banner h1 {
	color: #fff;
}

.contact_banner .breadcrumbs a.active {
	color: #fff;
}

.contact_banner .breadcrumbs a:after {
	color: #fff;
}

.title_2 {
	color: #3a3a3a!important;
	font-size: 28px;
	margin-bottom: 20px;
	line-height: 1.2;
	text-transform: uppercase;
}

.contact_form .footer_contact p {
	color: #464545;
}

.contact_form textarea {
	height: 80px;
}

.title_4 {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 14px;
	font-weight: 600;
}

/* login */
.bg-facebook {
	background-color: #4267B2;
	border-color: #4267B2;
}

.bg-facebook:hover {
	color: #4267B2;
}

.bg-google {
	border: 1px solid #BBBBC0 !important;
    box-shadow: 0px 2px 6px 0px #00000026 !important;
	background-color: #fff;
	padding: 0.5rem !important;
	font-weight: 500;
}
.btn-goo{color:#3e3e3e!important;}

.btn-goo:hover {
	color: #d85040;
}

.dif_regway {
	position: relative;
	text-align: center;
}

.dif_regway .txt {
	display: inline-block;
	background: #fff;
	padding: 0 10px;
	text-transform: uppercase;
}

.dif_regway:after {
	z-index: -1;
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #e9e4e4;
	left: 0;
	top: 13px;
}

/* 404 page */
.page_nfcont h4 {
	font-size: 25px;
}

/* about us */
.team_img:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(30, 29, 29, 0.42);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
}

.single_team:hover .team_img:after {
	opacity: 1;
}

.single_team:hover .team_icons {
	opacity: 1;
	bottom: 16px;
}

.team_img {
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	position: relative;
}

.team_icons {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
}

.team_icons a {
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	border-radius: 4px;
	margin: 0 4px;
}

.team_cont h5 {
	font-size: 18px;
	color: var(--primary-color);
	margin-bottom: 3px;
	margin-top: 20px;
}

.slider-m-margin {
	margin-right: -15px;
	margin-left: -15px;
}

.slider-margin {
	margin-right: 15px;
	margin-left: 15px;
}

/* brand */
.single_brand_slid img {
	/* width: 180px; */
	display: inline-block;
}

/* faq page */
.title_3 {
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 0;
}

.accordion-button:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: rgba(0, 0, 0, 0.125);
}
.accord_wrap {
	padding-bottom: 32px;
}
.accordion-button:not(.collapsed) {
	color: var(--secondary-color);
	background-color: #fff;
}

.accordion-button {
	background-color: #fafafa;
}

.accordion-button::after {
	content: "\f067";
	background-image: none;
	font-family: "Line Awesome Free";
	font-weight: 900;
	font-size: 18px;
}

.accordion-button:not(.collapsed)::after {
	background-image: none;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	content: "\f068";
}

/* order tracking */
.track_status h4 {
	background: #28a745;
	padding: 8px 0;
	text-align: center;
	color: #fff;
}

.track_path {
	width: 650px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	margin-top: 32px;
}

.single_track:nth-child(odd) {
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.single_track {
	max-width: 290px;
	padding: 16px;
	position: relative;
	background: #fff;
	border: 1px solid #e9e4e4;
	margin-bottom: 32px;
	width: 100%;
}

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

.single_track:after {
	content: "";
	position: absolute;
	left: -13px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	width: 24px;
	height: 24px;
	background: white;
	border-left: 1px solid #e9e4e4;
	border-bottom: 1px solid #e9e4e4;
}

.single_track:nth-child(even):after {
	left: auto;
	right: -12px;
	border: none;
	border-right: 1px solid #e9e4e4;
	border-top: 1px solid #e9e4e4;
}

.single_track:before {
	content: "\f00c";
	position: absolute;
	width: 26px;
	height: 26px;
	background: #28a745;
	border-radius: 50%;
	font-family: "Line Awesome Free";
	font-weight: 900;
	color: #fff;
	text-align: center;
	line-height: 26px;
	left: -48px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.single_track.pending:before {
	content: "\f12a";
	background-color: #ffc107;
}

.single_track:nth-child(even):before {
	left: auto;
	right: -48px;
}

.track_path:after {
	content: "";
	position: absolute;
	left: 50%;
	height: 100%;
	border-right: 1px dashed #979797;
	z-index: -1;
}

/* product quick view */
.prodquick_wrap {
	width: 100%;
	max-width: 975px;
	padding: 40px 24px;
	border-radius: 3px;
	background: #ffffff;
	max-height: 88vh;
	overflow-y: auto;
}

.product_quickview {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, 0.5);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 15px;
	opacity: 0;
	visibility: hidden;
}

.product_quickview.active {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	opacity: 1;
	visibility: visible;
}

.disc_tag {
	background: var(--secondary-color);
	padding: 4px;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	font-family: "Poppins";
	position: relative;
}

.disc_tag::after {
	content: "";
	position: absolute;
	left: -23px;
	top: 2px;
	width: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid var(--secondary-color);
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
}

.close_quickview {
	position: absolute;
	right: 8px;
	top: 8px;
	font-size: 17px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	background: var(--secondary-color);
	color: #fff;
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 3px;
}

.close_quickview:hover {
	color: #fff;
}

/* home 3 */
header.home-3 {
	background: var(--secondary-color);
}

.home_2_hero_wrp.home-3 {
	padding-top: 4px;
}

.home-3 .search_subimt button {
	background-color: var(--primary-color);
}

.home-3 .search_category {
	border-right: 1px solid var(--primary-color);
}

.home-3 .header_icon a.icon_wrp span {
	color: #fff;
}

.home-3 .header_icon a.icon_wrp .pops {
	background: var(--primary-color);
}

nav.home-3 {
	background: #fff;
	border-bottom: 1px solid #ebebeb;
}

.home-3 .nav_bar > li > a {
	color: var(--primary-color);
	font-weight: 500;
}

.home-3 .nav_bar > li > a:hover {
	color: var(--secondary-color);
}

.home-3 .all_category {
	background-color: var(--primary-color);
}

.home-3 .nav_bar {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.home-3 .sub_categories.active {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}

.home-3 .home_2_hero .hero_content h1 {
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
	margin-bottom: 15px;
}

.home-3 .home_2_hero {
	min-height: auto;
}

.home-3 .home_2_hero .hero_img img {
	padding-top: 35px;
	width: 100%;
	max-height: 400px;
}

.home-3 .hero_img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.home-3 .home_2_hero ul.slick-dots {
	bottom: 24px;
}

.single_bannercol:first-child {
	background: #76a4d8;
}

.single_bannercol h4 {
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	margin-bottom: 5px;
}

.single_bannercol {
	padding: 16px;
	padding-bottom: 19px;
}

.single_bannercol h5 {
	font-size: 22px;
	line-height: 26px;
	color: #fff;
	text-transform: uppercase;
}

.bancol_img img {
	width: 190px;
	height: 99px;
	-o-object-fit: contain;
	object-fit: contain;
}

.single_bannercol:last-child {
	background: #eaf1f9;
}

.single_bannercol:last-child h4,
.single_bannercol:last-child h5 {
	color: var(--primary-color);
}

.bancol_img {
	text-align: center;
}

/* flash sale */
.flash_counter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.end_in {
	background: var(--primary-color);
	border-radius: 3px;
	padding: 4px 16px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-transform: capitalize;
	margin-right: 16px;
}

.single_count {
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	padding: 8px 5px;
	color: #fff;
	background: var(--secondary-color);
	border-radius: 3px;
	margin-right: 8px;
	width: 36px;
	text-align: center;
}

.time_sep {
	color: var(--secondary-color);
	margin-right: 8px;
	font-size: 16px;
	font-weight: 500;
}

.seemore_2 a {
	font-weight: 500;
	font-size: 15px;
	color: var(--primary-color);
	text-transform: uppercase;
}

.seemore_2 a span {
	margin-left: 4px;
	font-size: 14px;
}

.home-3 .topariv_img img {
	-o-object-fit: contain;
	object-fit: contain;
	display: inline-block;
}

.home-3 .topariv_img {
	/* background: #f7f7f7; */
	/* border-bottom: 1px solid #eee;
    border-top: 1px solid #eee; */
	text-align: center;
	height: 280px;
	overflow: hidden;
}

.qk_view {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 8px;
	background: var(--primary-color);
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.qk_view span i {
	font-size: 18px;
	margin-right: 4px;
}
.qk_view span {
	margin-right: 3px;
}

.prod_soh {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	/* background: rgba(43, 45, 66, 0.48); */
	opacity: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.single_toparrival:hover .prod_soh {
	opacity: 1;
}

.cat2_img {
	margin: 0 auto;
	/* background: #f7f7f7; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
}
.cat_slider_3 .cat2_img {
    border: solid 1px var(--secondary-color);
    width: 150px;
    height: 150px;
}
.cat2_img img {
	border-radius:50%;
	-o-object-fit: contain;
	object-fit: contain;
}

/* .cat_slider_1 .cat2_img {
    border: solid 1px var(--secondary-color);
    width: 150px;
    height: 150px;
}

.cat_slider_1 .cat2_img img {
	border-radius:50%;
	-o-object-fit: contain;
	object-fit: contain;
} */



.cat_slider_1 .cat2_item {
  display: flex;
  align-items: center;
  background: #eeeeee; /* fond gris clair */
  border-radius: 50px; /* arrondi "pill" */
  padding: 5px 15px;
  margin: 10px;
  width: 100%; /* s'adapte au contenu */
}

.cat_slider_1 .cat2_img {
  width: 50px;
  height: 50px;
  border-radius: 50%; /* cercle */
  overflow: hidden;
  border: 1px solid var(--secondary-color);
  margin-right: 10px;
  margin-top: unset;
  margin-bottom: unset;
  margin-left: unset;
}

.cat_slider_1 .cat2_img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* recadre l’image proprement */
}

.cat_slider_1 .cat2_text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}







.single_category_2 {
	padding: 16px;
}

.single_category_2 {
	display: block;
	padding: 0px;
	text-align: center;
	/* -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04); */
	border-radius: 3px;
}

.single_category_2 h5 {
	margin-top: 16px;
	font-size: 16px;
	line-height: 21px;
	color: #15050D;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-transform: uppercase;
}

.single_category_2:hover h5 {
	color: var(--secondary-color);
}

/* best selling */
.single_bestprod {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 24px;
}

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

.bestprod_img {
	width: 112px;
	padding: 16px;
	background: #f7f7f7;
	border-radius: 8px;
	text-align: center;
}

.bestprod_img img {
	width: 65px;
	height: 60px;
	-o-object-fit: contain;
	object-fit: contain;
}

.bestprod_content {
	padding-left: 16px;
}

.bestprod_title {
	padding-bottom: 8px;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 24px;
}

/* popup */
.popup_wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 99;
	padding: 0 15px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.popup_wrap.active {
	opacity: 1;
	visibility: visible;
}

.popup_container {
	position: relative;
	width: 100%;
	max-width: 700px;
	background: #fff;
	height: 315px;
	/* padding: 66px 24px; */
	background-image: url(../images/modal.jpg);
	/* background-size: 250px; */
	background-repeat: no-repeat;
	/* background-position: 97% center; */
	border-radius: 5px;
}

.popup_content {
	width: 100%;
	/* max-width: 380px; */
	text-align: center;
}

.popup_content h2 {
	font-size: 25px;
	line-height: 50px;
}

.close_popup {
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 20px;
	color: #fff;
	background-color: #000;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
	z-index: 2;
}

.close_popup:hover {
	color: var(--secondary-color);
}

.popup_content p {
	font-size: 15px;
	line-height: 22px;
}

/* shop cart content */
.shopcart {
	position: relative;
}

.shopcart_dropdown {
	position: absolute;
	background: #fff;
	right: 0;
	top: 100%;
	z-index: 99999;
	padding: 16px;
	width: 300px;
	border-radius: 0 0 3px 3px;
	margin-top: 10px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	box-shadow: 2px 4px 10px #00000020;
}

.cartdrop_img img {
	width: 75px;
	height: 60px;
	-o-object-fit: contain;
	object-fit: contain;
}

.cartdrop_img {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.single_cartdrop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-right: 20px;
}

.cart_droptitle {
	padding-bottom: 0px;
	margin-bottom: 12px;
	border-bottom: 1px solid #d8d8d8;
}

.cartdrop_cont {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-left: 16px;
}

span.remove_cart {
	position: absolute;
	right: 0;
	color: var(--primary-color);
	cursor: pointer;
}

span.remove_cart:hover {
	color: var(--secondary-color);
}

.cartdrop_footer .default_btn {
	padding: 6px 8px;
}

.shopcart:hover .shopcart_dropdown {
	margin-top: 0;
	opacity: 1;
	visibility: visible;
}

.mobile_title {
	background: var(--secondary-color);
	text-align: center;
	color: #fff;
	padding: 14px 0px;
	text-transform: capitalize;
	position: relative;
}

.total_cartdrop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #d8d8d8;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.wishlist .cart_img img {
	width: 80px;
	height: 80px;
}

/* Themes settings */
.theme_settings {
	position: fixed;
	right: -185px;
	top: 50%;
	background-color: white;
	z-index: 9;
	padding: 16px;
	border-radius: 8px;
	box-shadow: 0 0 10px #00000030;
	transition: 0.3s ease;
}

.show-settings {
	right: 12px;
}

.theme_settings > button {
	position: absolute;
	right: 100%;
	margin-right: 10px;
	background: var(--secondary-color);
	color: white;
	border: none;
	border-radius: 4px;
	box-shadow: 0 0 10px #00000030;
	font-size: 24px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.theme_settings .las.la-cog {
	transform: rotate(45deg);
	animation: rotateInfinity 4s linear infinite;
}

.theme_settings > button:hover {
	box-shadow: 0 0 10px #00000050;
}

@keyframes rotateInfinity {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.theme_settings h3 {
	font-size: 20px;
	color: var(--primary-color);
	margin-bottom: 0px;
}

.theme_settings h5 {
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 8px;
}

.theme_settings .setting_colors > button {
	width: 30px;
	height: 30px;
	border: none;
	border-radius: 4px;
	transition: all 0.3s ease;
}
.theme_settings .setting_colors > button:hover {
	transform: scale(1.05);
}

.theme_settings .setting_colors > button.prime_1 {
	background-color: #fd3d57;
}
.theme_settings .setting_colors > button.prime_2 {
	background-color: #3498db;
}
.theme_settings .setting_colors > button.prime_3 {
	background-color: #1abc9c;
}
.theme_settings .setting_colors > button.prime_4 {
	background-color: #f79f1f;
}

.theme_settings .setting_colors > button.second_1 {
	background-color: #18181b;
}
.theme_settings .setting_colors > button.second_2 {
	background-color: #1e293b;
}
.theme_settings .setting_colors > button.second_3 {
	background-color: #374151;
}
.theme_settings .setting_colors > button.second_4 {
	background-color: #44403c;
}

.theme_settings .setting_colors {
	margin-top: 6px;
	display: flex;
	gap: 8px;
}

.theme_settings .setting_colors > button i {
	display: none;
}

.theme_settings .setting_colors > button.active i {
	display: block;
	color: white;
}

/* back to top */
#back-to-top {
	position: fixed;
	bottom: 85px;
	right: 20px;
	z-index: 10;
	height: 40px;
	width: 40px;
	border: none;
	border-radius: 50%;
	background: var(--secondary-color);
	color: var(--primary-color);
	transition: all 0.5s ease;
	opacity: 100;
}

#back-to-top:hover {
	transform: scale(1.05);
	box-shadow: 0 0 10px #00000050;
}
.back-to-top-hide {
	display: none;
	opacity: 0;
}
.title{position: relative;margin-bottom: 30px;}
 .title .section_title_2:before {
    content: "";
    width: 40%;
    height: 2px;
    background: #e52e06;
    position: absolute;
    bottom: 0;
    left: 0px;
    margin: 0 auto;
}
.title1{position: relative;margin-bottom: 10px;}
  .title1 .section_title1:before {
    content: "";
    width: 20%;
    height: 2px;
    background: #e52e06;
    position: absolute;
    bottom: 0;
    left: 0px;
    margin: 0 auto;
}
.title .section_title_3:before {
    content: "";
    width: 40%;
    height: 2px;
    background: #e52e06;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
}
.title .ligne:before,.title1 .ligne:before {
    content: "";
    width: 15%;
    height: 2px;
    background: #e52e06;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
}
.title .section_title_5:before {
    width: 20%!important;
}
h2.section_title_4 {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.5;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-family: 'Poppins'!important;
}
/*.title .section_title_4:before {
    content: "";
    width: 20%;
    height: 2px;
    background: #e52e06;
    position: absolute;
    bottom: 0px;
    left: 0px;
     right: 0;
    margin: 0 auto;
}*/
@media screen and (max-width: 440px) {
	.default_btn {
		font-size: 14px;
	}
	.full_atc_btn button {
		font-size: 13px;
	}
	.copyright_text {
		font-size: 13px;
	}
	.footernews_form button {
		padding: 1px 5px;
        font-size: 11px;
	}
	.sna_content h4 {
		font-size: 13px;
	}
	.sna_img {
		height: 240px;
        overflow: hidden;
	}
	.home-3 .topariv_img {
		height: 170px;
		overflow: hidden;
	}
  }

.nav-tabs .nav-item {
    margin-bottom: 0px!important;
}

/* .hero_area::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 48%);
    opacity: 0.2;
	z-index: 2;
}*/

.slider-filter{z-index: 9;}
  @media (max-width: 767.98px) {
	/*.sna_content .default_btn {
		padding: 0px 6px;
		min-width: 113px;
	}
	.default_btn {font-size: 12px;}

	.single_new_arrive .product_adcart {
    left: 50px;
    top: 81px;

}*/
.sna_content .default_btn {
    padding: 7px 7px;
    min-width: 115px;
}

.topariv_img {
    height: 173px;}


.text-c{
	text-align: center
}
.text-c1{
	text-align: center!important;
}
}

.text-c1{
	text-align: end
}
/* @media (max-width: 540px) {

    .sna_content .default_btn {
		padding: 2px 5px;
        min-width: 100px;
    }
	.sna_content.price {font-size: 14px;}
	.single_new_arrive .product_adcart {
		left: 94px;}
}*/
 /* @media (max-width: 499px) {
	     .sna_content .default_btn {
        padding: 5px 5px;
        min-width: 75px;
    } */
   /* .sna_content .default_btn {
		padding: 2px 5px;
        min-width: 100px;
    }
	.sna_content.price {font-size: 14px;}
	.single_new_arrive .product_adcart {
		left: 75px;}
	.single_new_arrive .product_adcart {
			top: 48px;
		}
		.sna_content {
			padding: 20px 10px;}*/
/* }  */
@media (max-width: 420px) {
	.default_btn {font-size: 12px;}
	.single_new_arrive .product_adcart {
		left: 85px;
		top: 68px;}
		.sna_content {
			padding: 10px 10px 0px;}
			/* .sna_content .default_btn {
				min-width: 65px;
			} */
			.section_padding_b {
				padding-bottom: 10px;
			}
}
@media (min-width: 991px) and (max-width:1208px) {
	.nav_bar > li > a {
		padding: 15px 0px;
        font-size: 12px;
	}
}
/*====================================
    preloader css
=====================================*/

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

  .preloader:after {
	position: absolute;
	left: 4%;
	top: 0;
	height: 100%;
	width: 100%;
	margin-left: -77px;
	margin-top: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/images/configurations/1738916803.png);
	content: "";
  }

  .preloader:before {
	position: absolute;
	top: 50%;
	left: 4%;
	right: 30px;
	/* width: 150px; */
	text-align: center;
	margin: 0 auto;
	margin-top: 40px;
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	content: "LOADING ...";
  }
/*.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 555555;
}
 .loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--secondary-color);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
} */
/* .loader::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--secondary-color);
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
.loader::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--secondary-color);
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
} */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.mega_categories a h4 {color: #706d6d;    font-size: 16px !important;font-family:"Poppins", sans-serif!important;}
.mega_categories a h4:hover {color: var(--secondary-color);}
.bg-color-gris{background-color: #f8f8f8;}
.bg-white{background-color: #ffffff;}
.sna_content a h4 {
    text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	height: 50px;

}
.cart_qnty h5{
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}
.checkorder_cont h5{
	text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.about_hiscont p{text-align: justify;}
.border_prod{border-bottom: 1px solid #eee;}
a.btn.disabled, a.btn[disabled], a.quick-view.disabled, button.btn.disabled, button.btn[disabled], button[disabled] {
    color: #eaeaea !important;
    background-color: #ababab !important;
    opacity: .65;
    pointer-events: none;
    border-color: #ababab !important;
}
.fs-7{font-size: 24px;}
a.disabled{
	opacity: .65;
    pointer-events: none;
    border-color: #ababab !important;
}
h2.order-title {
    letter-spacing: 0px;
    display: block;
    margin-bottom: 20px;
    color: #2d2a2a;
    font-weight: 600;
    line-height: 1.4;
    font-size: 24px;
    text-align: center;
}
.order_table table {
    width: 100%;
}
.msgerror {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.order_table table {
    width: 100%;
}

.order_table table thead tr th {
    min-width: 50%;
    text-align: center;
    padding: 6px 0;
    border-bottom: 3px solid #ccc;
}
.table-responsive table tbody tr td {
    border-right: none;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
    text-align: center;
    min-width: 140px;
}

.order_table table tbody tr td {
    min-width: 50%;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

.order_table table tfoot tr th {
    min-width: 50%;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}

th.subtotal,
td.subtotal {
    border-top: 2px solid #ccc;
}

.order_table table tfoot tr th {
    min-width: 50%;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}

.order_table table tfoot tr td {
    min-width: 50%;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}
.float-end a {
color: #2d2a2a;
font-size: 34px;
}
.cart-empty {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    color: var(--secondary-color);
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    padding: 70px;
}
.cart-empty1 {
    position: relative;
    color: var(--primary-color);
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}
.password+.unmask {
    position: absolute;
    right: 18px;
    font-size: 20px;
    top: 41px;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    color: #111111;
}
.pd_dtails{
	line-height: 20px;
    font-size: 14px;
}
.single_shop_cart h5{color: #000000!important;}
@media screen and (min-width: 767px) {
.col-prod{
	flex: 0 0 auto;
	width: 19.666667%;
}
}
.default_btn_pan{
	padding: 2px 12px;
    font-size: 12px;
}
.nav_bar li{
	font-weight: 400;
    font-family: inherit;
    /* border-right: 1px solid #fff; */
    /* border-left: 1px solid #fff; */

}
.nav_bar li:first-child{
    border-left: unset!important;
}
.nav_bar .single_subnav li{
	font-weight: unset!important;
    font-family: unset!important;
    border-right: unset!important;
    border-left: unset!important;
}
.shop_cart_wrap h5{ font-size: 14px;}
.product_list_desc {
	text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	font-size: 14px;
}
.breadcrumbs a:hover{color:#000}
/* .logo-marque{
	width: 32%;
    height: 30%;
} */
.single_viewslider{cursor: zoom-in;}
ul.breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -5px;
}
.text_econom{
    font-size: 20px;
    font-weight: 400;
	background: #28a745;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
	margin-left: 5px;
}
.eco{display: flex}

@media (max-width: 768px) {
.eco{display: unset}
.text_econom{padding-top: 10px;
width: 30%;}
.pt-cat-2{padding-top: unset !important;}
.justify-content-categ{justify-content: unset!important;}
.logo img, .footer_logo img {
    width: 80%!important;
}
}
.form_ville{padding: 8px 10px;border: 1px solid #e9e4e4;border-radius: 3px;background:#fff;}
.bd-tp{ border-top: 1px solid #e9e4e4;    padding-top: 15px;}
.single_viewslider figure:hover img{
	opacity: 0;
    visibility: hidden;
}
.invalid-feedback {
    display: block;
}
.zoom{
	z-index: 99;
	background: white;
}
.mmoc{
	background: white;
}
.pics span{width: unset!important;}
/* .pics{
	width: unset!important;
	overflow:unset!important;
} */
.pics ul li:nth-child(7) {
	width: unset !important;
	overflow: unset !important;
  }
@media (min-width: 1200px) {
    .pt-sm-6 {
        padding-top: 10rem !important;
    }
}
.hidden {
	display: none!important;
  }
.ti-shopping-carts{ border-radius: 3px !important;}
.brder-textarea {
    border: 1px solid #ced4da!important;}
.pd_dtails  ul  {
		/* border: 1px solid var(--secondary-color); */
		border-radius: 5px;
		padding: 10px !important;
		color:#3c3c3c !important;
	}
/* .pd_dtails  ul li {
	list-style: initial;
    margin-left: 17px;
	} */
.title-footer {
text-transform: uppercase;
	}

.footer_menu ul li{
margin-bottom: 12px;
display: flex;
}
.footer_menu .la-angle-double-right{
color:var(--secondary-color);
margin-right: 8px;
}
.seemore_2{
	position: absolute;
    right: 0;
}
.header-contact{
width: 125px;
background-color: var(--secondary-color);
position: relative;
text-transform: uppercase;
}
.sticky-bar.stick {
	-webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
			animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	left: 0;
	background-color: var(--primary-color);
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
  }

  .product_base_info .product-title {
	line-height: 1.2;
    color: var(--bs-heading-color);
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}
.product_base_info .color-variant li {
    height: 30px;
    width: 30px;
    cursor: pointer;
    box-shadow: 0 0 1px;
}
.product_base_info .product-description .qty-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}
.error-size-box {
    color: red;
}
 .size-box ul li {
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #cfcfcf;
    text-align: center;
}
 .size-box ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    font-family: 'Lucida Sans';
}
.size-box ul li.active {
    border: 2px solid var(--secondary-color); ;
    background:  var(--primary-color);
    color: #ffffff;
}
.input-group {
    flex-wrap: unset!important;
    align-items: stretch;
    width: 50%!important;
}
.color-cart2 {
    height: 28px;
    width: 28px;
    /* cursor: pointer; */
    border: 1px solid #ccc;
}
.size-cart2 {
    padding: unset;
    text-align: center;
    background: var(--primary-color);
    color:#fff;
	height: 28px;
    cursor: pointer;
    border: 1px solid #cfcfcf;
}
.size-cart-width{ width: 10%; }
.color-selector ul {
    display: flex;
}
.color-selector ul li {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    margin-bottom: 10px;
    cursor: pointer;
    box-shadow: 0 0 1px;
}
.form-check-input {border: var(--bs-border-width) solid #c5c4c4;}
.color-selector ul li.active {
    border: 3px solid #ffffff;
    box-shadow: 0 0 6px;
    position: relative;
}
.slick-active .zoom{display: block!important;}
@media (max-width: 767.98px) {
	.default_btn { padding: 8px 13px;}

	.product_base_info .size-box ul li {
		width: 10%
	  }
	  .size-cart-width{ width: 35%; }
  }
.btn-pack{

position: absolute;
bottom: 20px;
left: 85px;
}

/* .offerimg1:hover img  {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
} */
.product-media {
	position: relative;
  }

  .gallery-images {
	margin-bottom: 20px;
   }

   .gallery-images img {
	  display: none;
	  width: 100%;
	}

  .gallery-images img.visible {
		display: block;
		width: 100%;
	  }
  .gallery-images-thumbnails ul  li a img {
		max-width: 200px;
		height: auto;
	  }
.gallery-images-thumbnails  ul  li {
		display: inline-block;
		list-style: none;
	  }
.pt-cat-2{padding-top: .5rem;}
.justify-content-categ{justify-content: center}
.flag{
	width: 20px;
    height: 20px;
    border-radius: 50%;
}
.lang_text, .text-file a span{ color:var(--primary-color)}
.text-file a span:hover{  color: var(--secondary-color)}
.la.la-file-pdf-o
{
color: red;
opacity: 0.5;
}
.icn i { color: var(--secondary-color)!important; }
.con-add { color: #3c3c3c !important;}

.messageslide.slick-initialized .slick-slide {
    display: block;
	color:var(--primary-color);
    white-space: nowrap!important;
    text-align: center;
}
.top-header{
    border-bottom: 1px solid #dbdbdb70;
}
.opacity-prod{
	opacity: 0.5;
}
.text-magasin{color: #3a3a3a!important; }

.user_stiky
{
 position: absolute;
 right: 0px;
 top: 200px;
 background: var(--primary-color);
 border-radius: 10px 0 0 10px;
 text-align: center;

}
.panier_stiky
{
 position: absolute;
 right: 0px;
 top: 100px;
 background: var(--secondary-color);
 border-radius: 10px 0 0 10px!important;
 text-align: center;

}
.panier_stiky a.icon_wrp ,.user_stiky a.icon_wrp
{
 padding: 8px 0!important;
  margin-left: 10px!important;
 margin-right: 10px!important;

}
.panier_stiky a.icon_wrp  span, .user_stiky.header_icon a.icon_wrp span  {
 color: white!important;
}
.panier_stiky a.icon_wrp .pops {
 top: 1px;
 right:0;
 width: 14px;
 height: 14px;
 line-height: 8px;
}
.barrer {
    text-decoration: line-through;
    color: gray;
    opacity: 0.4;
}
 .form-check-input[type=checkbox] {
    cursor: pointer;
}
.sub_categories .singlecats:last-child  {border-bottom: unset;}
.mega_menu1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 56px;
    right: 0;
	left: 24%;
    background: #ffffff;
    border: 1px solid #e9e4e4;
    border-radius: 5px;
    width: 1114px;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
	z-index: 99;
}
.nav_bar li:hover .mega_menu1 {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
@media (max-width: 767.98px) {
	.pd_dtails img{width: 100%!important;}
	}

.pack-title
 {
    bottom: 0;
    width: 100%;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.7) !important;
    padding: 10px;
    transition: padding 0.3s ease-in-out;
}

.pack-title:hover {
    padding: 20px 12px 20px 12px !important;
}
.desc-declinaison{

display:flex ;padding-top: 5px;padding-bottom: 5px;

}
.desc_dec .size-cart2 {
	width: 10%;
}
/************header1*************/

.icon-local a{	color: inherit!important;}
.icon-local i{
	font-size: 20px!important;}

/************header2*************/
.icon-loop{color:var(--primary-color)}
.search_2{
	border: 1px solid #e1e1e1;
    border-radius: 4px;
	background: #F8F5F6;
}
.header-2{
	background: #fff;
	border-top: 1px solid #efeeef;
}
.nav_bar_2 > li > a {    color: var(--primary-color);}
.nav_bar_2 > li > a :hover{    color: var(--secondary-color);}
.nav_bar_2 > li:hover > a {
	color: var(--secondary-color);
}
.nav_bar_2 .mega_menu1 {
    left: 0;
	width: 100%;
}
.sticky-bar-2 {background-color: #fff!important;}
.header-2 {background-color: var(--primary-color)!important;}
.header-2 .nav_bar_2 > li > a {
    color: #fff!important;
}
.top-header2 {background-color: var(--secondary-color)!important;}
.top-header2  .messageslide.slick-initialized .slick-slide {
    display: block;
    color: #fff;
    white-space: nowrap !important;
    text-align: center;
	 font-family: 'tahoma';

}
/************header3*************/
.header-3
.message-header{color:#fff;}
.top-header-2{background-color: var(--primary-color);}
.nav_bar_3  > li > a {   font-size: 14px; }
/************header4*************/
.header-4
{
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;

}
.sticky-bar-4{z-index: 99;
    position: absolute;
    top: 125px;
    right: 0;
    left: 0;
	background-color: unset;
}
.sticky-bar-4.stick{
	background-color: #fff!important;
}
.nav_bar_4 > li > a {  color: #fff;}
.nav_bar_4 > li > a :hover{    color: #fff;}
.nav_bar_4 > li:hover > a{
	color: #fff;
}
.icon-local-4 a{
	color: #fff!important;
}
.header_icon_4 a.icon_wrp span {
    color: #fff!important;
}
.banner_slider_4::before {
    position: absolute;
    z-index: 2;
    height: 40%;
    width: 100%;
	/* background: linear-gradient(
  to bottom,
  var(--primary-color),
  color-mix(in srgb, var(--primary-color) 20%, transparent)
); */
background: linear-gradient(
	to bottom,
	var(--primary-color) 0%,
	var(--primary-color) 20%,
	transparent 100%
  );
    top: 0;
    left: 0;
    content: '';
}
.sticky-bar-4.stick .nav_bar_4 > li > a {
    color: var(--primary-color)!important;
}
.logo-white{
	  filter: brightness(0) invert(1);
	}
.top-header4  .messageslide.slick-initialized .slick-slide {
    display: block;
    color: #fff;
    white-space: nowrap !important;
    text-align: center;
}




/******************footer***********************/

.copyright_wrap {background:  var(--primary-color);}
.title-footer {color: var(--secondary-color)!important;}
.footet_text p, .footer_menu a, .footer_contact p  {color: #313131!important; }
 .copyright_text {color:#fff;}
/******************footer1***********************/
.footer1{ background: var(--primary-color); }
.footer1 .footet_text p, .footer1 .footer_menu a, .footer1 .footer_contact p {
    color: #fff !important;
}

.footer1 .footer_logo{
    filter: brightness(0) invert(1);
}
.footer1 .title-footer {
	color: #ffffff !important;
}
.footer1 .title .section_title_2:before, .footer1  .title .section_title_3:before, .footer1 .title1 .section_title1:before, .footer1  .title1 .ligne:before, .footer1 .title .ligne:before {
	content:unset!important;
}
.footer1 .title1 {
    margin-bottom: 30px;
}
.copyright1 .payment_method {text-align: center!important; margin-top: 10px;}
.footer1 .default_btn {
	background: #fffffc !important;
    color: #000000 !important;
    border: unset !important;
}
.footer1 .footer_newslet{
	border: 1px solid #c7c7c7;
}

.footer1 .footernews_form input {
	border: unset !important;
	padding: 5px 0px 5px 15px;
	width: 172px!important;
	border-radius: 0!important;
}
.footer1 .default_btn:hover {
 	border: unset !important;
}
.footer1 .footernews_form button {
    min-width: 100px;
	padding: 2px 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: unset!important;
}
.footer1 .footer_menu .la-angle-double-right {
    color: #fff;
    margin-right: 8px;
}
.footer1 .icn i, .footer1 h4 , .footer1 .feature_content p  {
   color: #fff!important;
}
 .footer1 .feature_icon{
	filter: brightness(0) invert(1);
	border: 1px solid #fff;
    border-radius: 50%;
}
.footer1 .footet_text{
	text-align: justify;
}

/******************footer2***********************/

.footer2 .title .section_title_2:before, .footer2  .title .section_title_3:before, .footer2 .title1 .section_title1:before, .footer2  .title1 .ligne:before, .footer2 .title .ligne:before {
	content:unset!important;
}
.footer2 .footer_contact, .footer2 .footer_apropos{ height: 140px;}
.footer2 .footernews_form input {
	border-bottom: 1px solid var(--secondary-color);
    border-left: unset;
    border-right: unset;
    border-top: unset;
    border-radius: unset;
}
.footer2 form.footernews_form {
    display: unset!important;
}
.footer2 .default_btn {
    background: var(--secondary-color)!important;
    color: #ffffff !important;
    border: 1px solid var(--secondary-color) !important;
    border-radius: unset!important;
}
.footer2 .footernews_form input {
    padding: 5px 0px;
}

.footer2 input:focus, .footer2 textarea:focus {
    -webkit-box-shadow: unset!important;
     box-shadow:  unset!important;
}
.copyright2{
	background: unset!important;
}
.copyright2 .copyright_text {
	    color: #313131!important;
}
.footer2 .footet_text p, .footer2 .footer_menu a, .footer2 .footer_contact p {
    color: #313131!important;
}

/******************footer3***********************/

.footer3 {
	 background: var(--primary-color);
}
.features_area3 {
 background: #dfdfdf;
}
.footer3.features_area3 .icn i, .footer3 .features_area3 h4, .footer3 .features_area3 .feature_content p {
    color: #313131 !important;
}
.footer3 .features_area3 .feature_icon {
     filter: unset!important;
	}
.footer3 .features_area3 .feature_icon {
    border: 1px solid #313131;
	}
.footer3 .footer_newslet {
    border: unset!important;
}
.footer3 .footernews_form input {
	 padding: 5px 0px 5px 0px;
	}
.footer3 .default_btn {
    background: unset!important;
    color: #fff !important;
    border: unset !important;
}
.footer3 ::placeholder {  color: #fff !important;}
.footer3  .footernews_form
{
	border-bottom: 1px solid #fff;
}
.footer3 .title1 {
	text-transform: uppercase;
}



/* Pour Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.manufacturers_list .logo {
    max-height: 168px;
    height: 168px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.manufacturers_list a img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.8;
    display: inline-block;
    width: 100%;
    max-width: 86%;
    height: auto;
}
.manufacturers_list a:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.top-menu a{color: #fff;}

/************slider 1***************/
.hero_area1::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background-color: rgba(0, 0, 0, 0.5); */
    opacity: 0.5;
}
.hero_btn1 .default_btn {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
    border-radius: unset!important;
    font-size: 14px !important;
	display: inline-flex;
}
.hero_btn1 .default_btn:hover {
    background: var(--secondary-color) !important;
    color: #fff !important;
    border: 1px solid var(--secondary-color) !important;
}
.hero_btn2 .default_btn {
    background: var(--secondary-color) !important;
    color: #fff !important;
    border: 1px solid var(--secondary-color) !important;
    border-radius: unset!important;
    font-size: 14px !important;
	display: inline-flex;
	padding: 8px 35px
}
.hero_btn2 .default_btn:hover {
    background: #fff !important;
    color: var(--secondary-color) !important;
    border: 1px solid #fff !important;
}
.hero_area3::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--secondary-color);
    opacity: 0.5;
	width: 50%;
}
/* .hero_area3 .btn-icon {
    display: inline-flex;
    align-items: center;
    padding-left: 30px;
    background-image: url('../../../front/img/etoile.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    transition: background-image 0.3s ease;
}

.hero_area3 .btn-icon:hover {
    background-image: url('../../../front/img/etoile1.svg');
} */

.icon-btn {
    display: inline-flex;
    align-items: center;
    padding-left: 30px; /* espace pour l’icône */
    background-image: url('../../../front/img/etoile1.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    transition: background-image 0.3s ease;
}
.icon-btn1 {
	background-image: url('../../../front/img/etoile.svg') !important;
}
.icon-btn1:hover {
	background-image: url('../../../front/img/etoile1.svg') !important;
}
.icon-btn:hover {
    background-image: url('../../../front/img/etoile.svg');
}

/*****************cookie********************/

.cookie_wrap {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}
.cookie_content {
    background: #fff;
    border-radius: 10px;
    max-width: 600px;
    width: 100%;
    box-shadow: 0 5px 25px rgba(0,0,0,0.3);
    text-align: center;
}
.close_cookie {
    position: absolute;
    top: 10px; right: 15px;
    cursor: pointer;
    font-size: 20px;
	z-index: 999;
}
/*****recherche***********/
.suggestions-box {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    width: 100%;
    max-height: 400px;
	min-height: 400px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
}

.suggestions-box .item {
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
}

.suggestions-box .item img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.suggestions-box .item:hover {
    background: #f8f8f8;
}
.sna_img_search {
    position: relative;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    border: 1px solid #eee;
    text-align: center;
	padding: 10px;
}
.suggestions-box  .row {
    margin-left: 0;
    margin-right: 0;
}


/*style techworld*/




      .price-slider {

  align-items: center;
  gap: 15px;
  width: 100%;
}

.price-slider input[type="range"] {
  flex: 1!important;
}



    .btnyellow {
        background:#FECD07;
        color:#000 !important;
        border:0px !important;
    }


    .bgsectionyellow{
        background:#FECD07;
    }


    .range-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 5px;
  background: #ddd; /* couleur de la barre */
  outline: none;
}

/* Thumb (le bouton) */
.range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: #FECD07 !important; /* couleur du bouton */
  border-radius: 50%;
  cursor: pointer;
}

/* Pour Firefox */
.range-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #FECD07 !important;  /* couleur du bouton */
  border-radius: 50%;
  cursor: pointer;
}

/* Couleur de la barre remplie (Chrome) */
.range-slider::-webkit-slider-runnable-track {
  background: #000; /* couleur de la "progress bar" */
}



 #price {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 8px;
    background: transparent; /* on utilise le background via JS */
    outline: none;
    //margin: 0 12px;
  }

  /* track pour WebKit (Chrome, Edge, Safari) — taille seulement (visuelle gérée par gradient) */
  #price::-webkit-slider-runnable-track {
    height: 10px;
    border-radius: 8px;
  }

  /* thumb (le rond) */
  #price::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #000; /* couleur du thumb */
    border: 2px solid white;
    box-shadow: 0 0 0 4px rgba(13,110,253,0.12);
    cursor: pointer;
    margin-top: -4px; /* pour centrer le thumb sur la track */
  }

  /* Firefox thumb & track */
  #price::-moz-range-track {
    height: 10px;
    border-radius: 8px;
    background: transparent; /* on gère via gradient */
  }
  #price::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #000;
    border: 2px solid white;
    box-shadow: 0 0 0 4px rgba(13,110,253,0.12);
    cursor: pointer;
  }

  /* Pour Firefox : (optionnel) style de la partie remplie si le navigateur le gère */
  #price::-moz-range-progress {
    height: 10px;
    border-radius: 8px;
    background: transparent;
  }

  /* labels */
  .price-slider span {
    width: 60px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
  }




  .btnapp {
    background:#000;
    border:none;
  }


  .range-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 5px;
  background: #ddd;
  outline: none;
}

/* Bouton */
.range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #000 !important;
  border-radius: 50%;
  cursor: pointer;
}



.bgjaune{
    background:#FDEDAC;
}

.bg-light{
    background:#F6F6F6 !important;
}


.bg-blacktop{
    background:#101010;
}


.bggris{
    background:#F6F6F6;
    border:none !important;
}


.dropdown-toggle{
    font-size:18px;
    font-weight:500 !important;
    color:#1a1a1a;
}

.iconcat{
    background: #FECD07;
    padding: 12px;
    border-radius: 7px;
}


#nav-header6 .nav-item{

  display: flex;
  align-items: center;   /* centre verticalement */
  justify-content: center; /* centre horizontalement (optionnel) */
  height: 50px; /* exemple */


}
#nav-header6 .nav-item a{

    display: flex;
    align-items: center;   /* centre verticalement */
    justify-content: center; /* centre horizontalement (optionnel) */
    height: 50px; /* exemple */


  }


#nav-header6 .nav-item .nav-link{

font-size:16px;
font-weight:400;
color:#1a1a1a !important;

}



  .discount-badge {

        top: 10px;
        left: 10px;
        background: #ff3b3b;
        color: #fff;
        font-weight: bold;
        padding: 5px 10px;
        border-radius: 50px;
        font-size: 14px;
    }
    .thumbnail-img {
        cursor: pointer;
        border: 2px solid transparent;
    }
    .thumbnail-img.active {
        border-color: #0d6efd;
    }





    #productCarousel .carousel-inner{
        border-radius:16px;
        border:1px solid #000;
    }


    .bgyellowclaire{
        background:#FEF9ED;
        border:1px solid #000;
        border-radius:6px;
        font-size:14px;
        font-weight:400!important;
    }


    .card{
        border:none !important
    }


    .carousel-indicators button{
        background:#000 !important;

        width:12px !important;
        border-radius:40px;
        border-top: 3px solid transparent !important;
    border-bottom: 7px solid transparent !important;
    }


    .bgyellowcontact{
        background:#FDEDAC;
    }


    .btndark {
        background:#000;
        border:0px !important
    }

      .btndark img{
        margin-right:6px;
        position:relative;
        top:-1px;

      }

      .btnyellow img{
         margin-right:6px;
         position:relative;
         top:-1px;

      }


      /* .carousel-control-prev-icon, .carousel-control-next-icon{
    background-color: #212529;
    border-radius: 6px;
    width: 23px;


      } */




    .btnyellow {
        background:#FECD07;
        color:#000 !important;
        border:0px !important;
    }


    .bgsectionyellow{
        background:#FECD07;
    }






/*style techworld*/


.text-decoration
{
	text-decoration:underline;
}
#addtobuy .btn:hover{
    background-color: black!important;
    color:white!important;
    border-color:unset!important;
}

#addtocart .btn:hover{
    background-color: #FECD07!important;
    color:black!important;
    border-color:unset!important;
}
.header-6 .suggestions-box
{
    width:95%!important;
}
/* Styles pour la navbar */
#nav-header6 {
    background-color: var(--secondary-color);
}

#nav-header6 .all_category {
    width: 165px;
    background-color: white;
    position: relative;
}

#nav-header6 .all_category .bars {
    padding: 8px;
    cursor: pointer;
}

/* #nav-header6 .all_category .bars .icon_text {
    font-size: 16px;
    color: white;
} */

/* #nav-header6 .all_category .bars .iconcat {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    filter: brightness(0) invert(1);
} */

#nav-header6 .navbar-nav {
    display: flex;
    align-items: center;
}

#nav-header6 .nav-item {
    position: relative;
}

#nav-header6 .nav-item > .nav-link {
    display: block;
    color: #e1e1e1;
    text-transform: capitalize;
    margin: 0 10px;
    padding: 12px 0px;
}

#nav-header6 .nav-item:hover > .nav-link {
    color: #ffffff;
}

/* Sous-menus horizontaux */
#nav-header6 .mega_menu1 {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    padding: 12px 0;
    z-index: 10;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 6%);
    opacity: 0;
    visibility: hidden;
    margin-top: 15px;
    transition: 0.3s;
    border-radius: 3px;
    min-width: 170px;
}

#nav-header6 .nav-item:hover .mega_menu1 {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

#nav-header6 .mega_menu1 .single_subnav {
    min-width: 175px;
}

#nav-header6 .mega_menu1 h4.text_xl {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 7px;
    font-weight: 500;
    padding-left: 16px;
    color: var(--secondary-color);
}

#nav-header6 .mega_menu1 ul {
    list-style: none;
    padding-left: 0;
}

#nav-header6 .mega_menu1 ul li a {
    font-size: 15px;
    display: block;
    padding: 1px 16px;
    color: var(--secondary-color);
    border-left: 2px solid #fff;
    white-space: nowrap;
    text-decoration: none;
}

#nav-header6 .mega_menu1 ul li:hover a {
    color: var(--primary-color);
}

/* Mega menu vertical (catégories) */
#nav-header6 .sub_categories_wrp {
    position: absolute;
    left: 0;
    top: 53px;
    width: 100%;
    z-index: 999;
}

#nav-header6 .sub_categories {
    position: absolute;
    left: 0;
    width: 225px;
    /* padding: 15px 0; */
    top: 0;
    background-color: #ffffff;
    margin-top: 15px;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    box-shadow: 0 0 5px #00000020;
}

#nav-header6 .all_category:hover .sub_categories {
    transition: 0.3s;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

#nav-header6 .singlecats {
    display: flex;
    align-items: center;
    padding: 10px 10px;
    width: 225px;
    text-decoration: none;
    color: var(--primary-color);
    border-bottom: 1px dotted #c8c8ce;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}

#nav-header6 .singlecats:last-child {
    border-bottom: none;
}

#nav-header6 .singlecats:hover {
    background-color: var(--secondary-color);
}

#nav-header6 .singlecats .txt {
    font-size: 14px;
    flex-grow: 1;
}

#nav-header6 .wsicon {
    font-size: 14px;
    margin-left: auto;
    margin-right: 15px;
    transition: 0.3s;
}

/* Mega menu des catégories */
#nav-header6 .mega_menu {
    display: flex;
    position: absolute;
    top: 0;
    left: 100%;
    background: #ffffff;
    border: 1px solid #e9e4e4;
    border-radius: 5px;
    width: 976px;
    padding: 20px;
    margin-left: 10px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

#nav-header6 .singlecats:hover .mega_menu {
    margin-left: 0px;
    opacity: 1;
    visibility: visible;
    cursor: default;
}

#nav-header6 .singlecats:hover .wsicon {
    margin-right: 15px;
}

#nav-header6 .single_mega_menu {
    width: 25%;
}

#nav-header6 .mega_menu_wrap h4 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 7px;
    font-weight: 500;
}

#nav-header6 .mega_categories a {
    width: max-content;
    display: block;
    font-size: 15px;
    color: #453e3e;
    line-height: 1.4;
    margin-bottom: 5px;
    text-decoration: none;
}

#nav-header6 .mega_categories a:hover {
    color: var(--primary-color);
}

#nav-header6 .mega_menu_wrap:first-child {
    margin-bottom: 20px;
}

/* Header icons */
#nav-header6 .header_icon {
    display: flex;
    align-items: center;
}

#nav-header6 .shopcart {
    position: relative;
}

/* Responsive */
@media (max-width: 992px) {
    #nav-header6 {
        display: none !important;
    }
}

/* Ajustements spécifiques */
#nav-header6 .d-flex {
    width: 100%;
}

#nav-header6 .navbar-nav {
    flex-grow: 1;
}
/* #nav-header6 .navbar-nav {
    background: linear-gradient(90deg, #1a1a1a 0%, #2d2d2d 100%);
    padding: 0 20px;
} */
/*
#nav-header6 .nav-link {
    font-family: 'Segoe UI', Arial, sans-serif;
    letter-spacing: 0.5px;
    position: relative;
}

#nav-header6 .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: white;
    transition: width 0.3s ease;
}

#nav-header6 .nav-item:hover .nav-link::after {
    width: 100%;
} */
.bloc-rappel
{
    position: fixed;
    width: 103%;
    bottom: 0;
    height: 80px;
    top: 92.5vh;
    z-index: 1000;
}
.bloc-rappel .product_buttons
{
    padding: 1px 0px!important;
}
/* Wrapper pleine hauteur */
.product-fixed-layout {
    height: 100vh;
}

/* Colonne gauche FIXE */
.product-left {
    position: sticky;
    top: 0;
    height: 85vh;
    overflow: hidden;
}

/* Colonne droite SCROLLABLE */
.product-right {
    height: 85vh;
    overflow-y: auto;
      /* Firefox */
      scrollbar-width: none;

      /* IE / Edge legacy */
      -ms-overflow-style: none;
    padding-right: 15px; /* évite que la scrollbar colle */
}
/* Chrome, Safari, Edge */
.product-right::-webkit-scrollbar {
    display: none;
}
.payment .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.swal2-popup
{
    background-color: white!important;
    color:black!important;
}

#nav-header6 .main-menu > nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
}


#nav-header6 .main-menu > nav > ul > li {
    display: inline-block;
    position: relative;
	/* border-right: 1px solid #525252; */
}
#nav-header6 .main-menu.menu-line-height-4 > nav > ul > li > a {
    margin: 0 10px;
    padding: 15px 0px;
}
#nav-header6 .main-menu.main-menu-black > nav > ul > li > a {
    color: var(--primary-color);
    background-color: white!important;
}
#nav-header6 .main-menu > nav > ul > li > a {
    color: var(--primary-color);
    font-family: "Poppins", sans-serif;
    display: inline-block;
}
#nav-header6 .main-menu > nav > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    top: 100%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 {
    padding: 0px 0px 0px 0px;
}
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-width1 {
    width: 270px;
}
#nav-header6 .main-menu > nav > ul > li > ul {
    -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    background-color: #ffffff;
    position: absolute;
    top: 110%;
    left: 0;
    -webkit-transition: top .3s
ease 0s, opacity .3s;
    -o-transition: top .3s ease 0s,opacity .3s;
    transition: top .3s
ease 0s, opacity .3s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    z-index: 999;
    border: 1px solid #ccc;}
	.main-menu > nav > ul > li > ul.mega-menu-style-1 > li:first-child {
    border-top: unset !important;
}
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li {
    float: left;
    display: block;
    width: 100%;
    border-top: 1px solid #d5d5d573;
}
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li a.menu-title {
    color: #010101;
    font-size: 14px;
    /* margin: 0 15px; */
    text-transform: uppercase;
    position: relative;

}
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li > ul {
    display: none;
    position: absolute;
    left: 100%;
    background-color: white;
    width: 270px;
    padding: 0px;
    text-align: left;
    margin-top: -8px;
    box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    border: 1px solid #ccc;
}
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li > ul li:first-child {
    border-top: unset !important;
}
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li > ul li {
    display: block;
    border-top: 1px dotted var(--primary-color);
}
/* #nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li > ul li a:hover ,
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li a.menu-title:hover {
    color: var(--secondary-color);
} */
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li a.menu-title:hover {
    color: var(--secondary-color);
}
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li > ul li a {
    color: #010101;
    font-size: 14px;
    display: inline-block;
    padding: 7px 15px;
    position: relative;
}
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li:hover .sub_menu {
    display: block !important;
    background-color: var(--secondary-color);
    /* top: 5px; */
}
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li:hover
{
    background-color: var(--primary-color);

}
#nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li:hover > a.menu-title, #nav-header6 .main-menu > nav > ul > li > ul.mega-menu-style-1 > li:hover > i {
    color: var(--secondary-color)!important;
}
#nav-header6 .main-menu > nav > ul > li > ul.sub-menu-width {
    width: 230px;
    padding: 0px;
}
#nav-header6 .main-menu > nav > ul > li > ul.sub-menu-width li a:hover {
    color: var(--primary-color);
}
#nav-header6 .main-menu > nav > ul > li > ul.sub-menu-width li a {
    display: block;
    color: #010101;
    font-size: 14px;
}
#nav-header6 nav
{
    background-color: white;
}



/* Style pour les options désactivées dans les select */
select option:disabled,
select option.text-muted {
    color: #999 !important;
    background-color: #f5f5f5 !important;
    text-decoration: line-through;
}

/* Style pour les li désactivés */
li.barrer {
    opacity: 0.5;
    pointer-events: none;
    text-decoration: line-through;
    color: #999;
}

/* Style visuel pour indiquer les options disponibles */
select option:not(:disabled) {
    color: #000 !important;
    background-color: #fff !important;
}
.border-0
{
    border: none!important;
}
@media (min-width: 991px) and (max-width:1750px) {
    .bloc-rappel
{
    position: fixed;
    width: 103%;
    bottom: 0;
    height: 80px;
    top: 88.5vh;
    z-index: 1000;
}
}


 /* Indicateurs d'urgence (Stock et Visiteurs) */


.urgency-icon {
    width: 18px;
    height: 18px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.stock-restant .urgency-icon {
    color: #e74c3c;
}


.pulse-icon {
    animation: pulse-glow 2s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.4);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(52, 152, 219, 0);
    }
}

.urgency-content {
    flex: 1;
}


.urgency-value {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.stock-value .count {
    color: white;
    font-size: 14px;
    font-weight: 500;
    background: #e74c3c;
    width: 28px;
    height: 28px;
    border-radius: 5px;
    text-align: center;
    align-content: center;
}

.visitors-value .count {
    color: white;
    font-size: 14px;
    font-weight: 500;
    background: #27ae60;
    width: 28px;
    height: 28px;
    border-radius: 5px;
    text-align: center;
    align-content: center;
}

.live-count {
    animation: count-pulse 1s ease-in-out infinite;
}

@keyframes count-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}



.live-indicator {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #27ae60;
    font-weight: 600;
}

.live-dot {
    width: 13px;
    height: 13px;
    background: #27ae60;
    border-radius: 50%;
    animation: blink 1.5s ease-in-out infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}

.urgency-alert {
    background: linear-gradient(135deg, #fff3cd 0%, #fff9e6 100%);
    border: 2px solid #ffc107;
    border-radius: 10px;
    padding: 12px 15px;
    margin: 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    animation: shake 3s ease-in-out infinite;
}

@keyframes shake {
    0%, 90%, 100% {
        transform: translateX(0);
    }
    92%, 96% {
        transform: translateX(-3px);
    }
    94%, 98% {
        transform: translateX(3px);
    }
}

.urgency-alert i {
    color: #ff6b6b;
    font-size: 16px;
    animation: fire-flicker 1.5s ease-in-out infinite;
}

@keyframes fire-flicker {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

/* Timer promo */
.promo-timer {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    padding: 15px;
    border-radius: 12px;
    color: white;
    box-shadow: 0 4px 15px rgba(44, 62, 80, 0.3);
}

.timer-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
}

.timer-countdown {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 10px;
}

.timer-block {
    background: rgba(255, 255, 255, 0.1);
    padding: 5px 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.timer-number {
    font-size: 20px;
    font-weight: 700;
    color: #ffc107;
    line-height: 1;
}

.timer-label {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}

.timer-separator {
    font-size: 20px;
    font-weight: 700;
    color: #ffc107;
}
.header_icon {

    height: 44px;
    border-radius: 50%;
    transition: background 0.2s ease;
  }
.product-title, .product_base_info, .desc-short
{
	font-family: var(--font-family)!important;
}