/*=====================================================
	Template Name : Vegshop
	Decripation   : This is an eCoommerce HTML Template
	Version       : 1.0
=======================================================*/

/*********** TABLE OF CONTENTS **************

	01. GOOGLE FONTS
	02. START DEFAULT DESIGN
	03. START MENU DESIGN
	04. SATRT HOME DESIGN
	05. START FEATURE DESIGN
	06. START ABOUT DESIGN
	07. START SERVICE DESIGN
	08. START PORTFOLIO DESIGN
	09. START COUNTER DESIGN
	10. START TEAM DESIGN
	11. START TESTIMONIAL DESIGN
	12. START BLOG DESIGN
	13. START NEWSLETTER DESIGN
	14. START CONTACT DESIGN
	15. START FOOTER DESIGN
	16. START SUB PAGE DESIGN


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

:root {
  --satoshi:"Satoshi";
  --white: #fff;
  --title: #222;
  --body: #555;
  --rating: #ffc107;
  --green: #01693A;
  --yellow: #f7931e;
  --2c2b: #2c2b49;
  --gray: #F3FAF2;
  --dc: #dcdcdc;
  --777: #777;
  --f7: #f7f7f7;
  --e5: #e5e5e5;
  --26: #262626;
  --rating: #FF8A00;
  --red: #E84946;
  --red2: #ff3333;
  --orange: #FE8A00;
  --blue: #2E80EC;
  --footer: #001728;
  --box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
  --shadow-2: 0 6px 35px rgba(215,216,222,0.3);
  --shadow-3: 0 10px 50px 0 rgba(26,46,85,.07);
  --Y5: translateY(-5px);
}


body{
	color: var(--body);
	overflow-x: hidden;
	font-size: 16px;
	font-family: var(--satoshi);
	font-weight: 400;
	line-height: 1.8;
	position: relative;
}
html,
body {
	height: 100%;
	position: relative;
}
img{
    max-width: 100%;
}
a,
a:hover,
a:focus{
	text-decoration: none;
	color: var(--body);
}
a:hover,
a:focus{
	color: var(--green);
}
dl, ol, ul{
	margin: 0;
}
li{
	list-style: none;
}

h1,
h2, 
h3, 
h4, 
h5, 
h6{
	color: var(--title);
    font-family: var(--satoshi);
	font-weight: 700;
	line-height: auto;
}
hr{
    margin: 0;
}
ul{
	padding: 0;
}
input{
	outline: none;
}
textarea{
	outline: none;
}
a{
	text-decoration: none;
}

p{
	margin-bottom: 0;
}

/* Start Default Spacing */
.pt_0{
	padding-top: 0px;
}
.pt_5{
	padding-top: 5px;
}
.pt_10{
	padding-top: 10px;
}
.pt_15{
	padding-top: 15px;
}
.pt_20{
	padding-top: 20px;
}
.pt_25{
	padding-top: 25px;
}
.pt_30{
	padding-top: 30px;
}
.pt_35{
	padding-top: 35px;
}
.pt_40{
	padding-top: 40px;
}
.pt_45{
	padding-top: 45px;
}
.pt_50{
	padding-top: 50px;
}
.pt_55{
	padding-top: 55px;
}
.pt_60{
	padding-top: 60px;
}
.pt_65{
	padding-top: 65px;
}
.pt_70{
	padding-top: 70px;
}

.pl_0{
	padding-left: 0px;
}
.pl_5{
	padding-left: 5px;
}
.pl_10{
	padding-left: 10px;
}
.pl_15{
	padding-left: 15px;
}
.pl_20{
	padding-left: 20px;
}
.pl_25{
	padding-left: 25px;
}
.pl_30{
	padding-left: 30px;
}
.pl_35{
	padding-left: 35px;
}
.pl_40{
	padding-left: 40px;
}
.pl_45{
	padding-left: 45px;
}
.pl_50{
	padding-left: 50px;
}
.pl_55{
	padding-left: 55px;
}
.pl_60{
	padding-left: 60px;
}
.pl_65{
	padding-left: 65px;
}
.pl_70{
	padding-left: 70px;
}

.pr_0{
	padding-right: 0px;
}
.pr_5{
	padding-right: 5px;
}
.pr_0{
	padding-right: 0px;
}
.pr_10{
	padding-right: 10px;
}
.pr_15{
	padding-right: 15px;
}
.pr_20{
	padding-right: 20px;
}
.pr_25{
	padding-right: 25px;
}
.pr_30{
	padding-right: 30px;
}
.pr_35{
	padding-right: 35px;
}
.pr_40{
	padding-right: 40px;
}
.pr_45{
	padding-right: 45px;
}
.pr_50{
	padding-right: 50px;
}
.pr_55{
	padding-right: 55px;
}
.pr_60{
	padding-right: 60px;
}
.pr_65{
	padding-right: 65px;
}
.pr_70{
	padding-right: 70px;
}
.pb_0{
	padding-bottom: 0px;
}
.pb_10{
	padding-bottom: 10px;
}
.pb_15{
	padding-bottom: 15px;
}
.pb_20{
	padding-bottom: 20px;
}
.pb_25{
	padding-bottom: 25px;
}
.pb_30{
	padding-bottom: 30px;
}
.pb_35{
	padding-bottom: 35px;
}
.pb_40{
	padding-bottom: 40px;
}
.pb_45{
	padding-bottom: 45px;
}
.pb_50{
	padding-bottom: 50px;
}
.pb_55{
	padding-bottom: 55px;
}
.pb_60{
	padding-bottom: 60px;
}
.pb_65{
	padding-bottom: 65px;
}
.pb_70{
	padding-bottom: 70px;
}
.pb_75{
	padding-bottom: 70px;
}

.mt_0{
	margin-top: 0px;
}
.mt_5{
	margin-top: 5px;
}
.mt_10{
	margin-top: 10px;
}
.mt_15{
	margin-top: 15px;
}
.mt_20{
	margin-top: 20px;
}
.mt_25{
	margin-top: 25px;
}
.mt_30{
	margin-top: 30px;
}
.mt_35{
	margin-top: 35px;
}
.mt_40{
	margin-top: 40px;
}
.mt_45{
	margin-top: 45px;
}
.mt_50{
	margin-top: 50px;
}
.mt_55{
	margin-top: 55px;
}
.mt_60{
	margin-top: 60px;
}
.mt_65{
	margin-top: 65px;
}
.mt_70{
	margin-top: 70px;
}
.ml_0{
	margin-left: 0px;
}
.ml_10{
	margin-left: 10px;
}
.ml_5{
	margin-left: 5px;
}
.ml_15{
	margin-left: 15px;
}
.ml_20{
	margin-left: 20px;
}
.ml_25{
	margin-left: 25px;
}
.ml_30{
	margin-left: 30px;
}
.ml_35{
	margin-left: 35px;
}
.ml_40{
	margin-left: 40px;
}
.ml_45{
	margin-left: 45px;
}
.ml_50{
	margin-left: 50px;
}
.ml_55{
	margin-left: 55px;
}
.ml_60{
	margin-left: 60px;
}
.ml_65{
	margin-left: 65px;
}
.ml_70{
	margin-left: 70px;
}
.mr_0{
	margin-right: 0px;
}
.mr_5{
	margin-right: 5px;
}
.mr_10{
	margin-right: 10px;
}
.mr_15{
	margin-right: 15px;
}
.mr_20{
	margin-right: 20px;
}
.mr_25{
	margin-right: 25px;
}
.mr_30{
	margin-right: 30px;
}
.mr_35{
	margin-right: 35px;
}
.mr_40{
	margin-right: 40px;
}
.mr_45{
	margin-right: 45px;
}
.mr_50{
	margin-right: 50px;
}
.mr_55{
	margin-right: 55px;
}
.mr_60{
	margin-right: 60px;
}
.mr_65{
	margin-right: 65px;
}
.mr_70{
	margin-right: 70px;
}
.mb_0{
	margin-bottom: 0px;
}
.mb_5{
	margin-bottom: 5px;
}
.mb_10{
	margin-bottom: 10px;
}
.mb_15{
	margin-bottom: 15px;
}
.mb_20{
	margin-bottom: 20px;
}
.mb_25{
	margin-bottom: 25px;
}
.mb_30{
	margin-bottom: 30px;
}
.mb_35{
	margin-bottom: 35px;
}
.mb_40{
	margin-bottom: 40px;
} 
.mb_45{
	margin-bottom: 45px;
}
.mb_50{
	margin-bottom: 50px;
}
.mb_55{
	margin-bottom: 55px;
}
.mb_60{
	margin-bottom: 60px!important;
}
.mb_65{
	margin-bottom: 65px!important;
}


.mb_100{
    margin-bottom: 100px;
}


.pb_100{
	padding-bottom: 100px;
}

/* End Default Spacing */

/* Start Buttons */
.main_btn,
.white-btn,
.yellow-btn{
	text-align: center;
	border-radius: 30px;
	border: 1px solid var(--green);
	background: var(--green);
	color: var(--white);
	display: inline-block;
	font-weight: 400;
	padding: 10px 35px;
	transition: .5s;
	font-size: 14px;
	text-transform: uppercase;	
	font-weight: 500;
}
.main_btn:hover,
.main_btn:focus{
	background: var(--yellow);
	border-color: var(--yellow);
	color: var(--white);
}
.sq_btn {
	text-align: center;
	border-radius: 30px;
	border: 1px solid var(--dc);
	background: var(--white);
	color: var(--body);
	display: inline-block;
	font-weight: 400;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	font-size: 20px;
	transition: .5s;
}
.sq_btn:hover,
.sq_btn:focus{
	background: var(--green);
	color: var(--white);	
	border-color: var(--green);	
}
.white-btn{
	background: var(--white);
	color: var(--title);
	border-color: var(--white);
}
.yellow-btn{
	background: var(--yellow);
	color: var(--white);
	border-color: var(--yellow);	
}
.white-btn:hover,
.white-btn:focus{
	color: var(--green);
}
.white-btn i,
.main_btn i {
    padding-left: 5px;
	font-size: 16px;
}
.underline_btn {
	text-decoration: none;
	font-weight: 500;
	transition: .5s;
	color: var(--title);
	position: relative;
	padding-bottom: 3px;
}
.underline_btn:hover,
.underline_btn:hover{
	color: var(--green);
	text-decoration: none;
}
.underline_btn:after{
	content: '';
	height: 1px;
	width: 0;
	background: var(--title);
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .5s;
}
.underline_btn:hover:after{
	width: 100%;
	background: var(--green);
}
.border-btn{
	text-align: center;
	border-radius: 30px;
	border: 1px solid var(--green);
	color: var(--green);
	display: inline-block;
	font-weight: 400;
	padding: 10px 30px;
	transition: .5s;	
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
}
.border-btn:hover,
.border-btn:focus{
	border-color: var(--green);
	background: var(--green);
	color: var(--white);
}

/* End Buttons */

/* Section padding */
.section_padding{
	padding-top: 80px;
	padding-bottom: 80px;
}

.pt_80{
	padding-top: 80px;
}

.pb_80{
	padding-bottom: 80px;
}
.border_none_right li{
	border-right: none;
}
.section-title{
	margin-bottom: 30px;
}
.section-title h2 {
    font-size: 27px;
	margin-bottom: 0;
}

/* End Section padding */

/* Start Preloader */
/* .preloader_wrap {
	background-color: #fff;
	width: 100%;
	height: 100%;
	margin: 0;
	display: grid;
	place-items: center;
	overflow-y: hidden;
	position: fixed;
	z-index: 99999;
}

.preloader {
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: conic-gradient(
	from 180deg at 50% 50%,
	rgba(82, 0, 255, 0) 0deg,
	var(--green) 360deg
	);
	animation: spin 2s infinite linear;
}
.preloader::before {
	content: "";
	border-radius: 50%;
	width: 80%;
	height: 80%;
	background-color: #fff;
} */

.preloader_wrap {
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}

/* Preloader Animation */
.preloader {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: conic-gradient(
    from 180deg at 50% 50%,
    rgba(82, 0, 255, 0) 0deg,
    var(--green) 360deg
  );
  animation: spin 1.5s linear infinite;
}

.preloader::before {
  content: "";
  border-radius: 50%;
  width: 80%;
  height: 80%;
  background-color: #fff;
}

/* Keyframes for rotation */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


@keyframes spin {
	to {
	transform: rotate(1turn);
	}
}

/* End Preloader */

/* Start Header */
.header_top {
	color: var(--body);
}
.header_top li {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
	position: relative;
	line-height: 45px;
	padding-right: 20px;
	margin-right: 13px;	
}
.header_top li a{
	color: var(--body);
	font-weight: 500;
}
.header_top li a:hover{
	color: var(--green);
}
.header_top li::after {
	width: 1px;
	height: 14px;
	content: '';
	position: absolute;
	right: 0px;
	top: 17px;
	background: var(--e5);
}

.ht-left li:last-child:after,
.ht-right li:last-child:after{
	display: none;
}
.ht-left li:last-child,
.ht-right li:last-child{
	padding-right: 0px;
	margin-right: 0px;
}

.header_top li{
	position: relative;
}
.ht-right .d-submenu h3{
	font-size: 17px;
	margin-bottom: 15px;
}
.ht-right .d-submenu {
	position: absolute;
	visibility: hidden;
	top: 120%;
	left: 0;
	opacity: 0;
	background: var(--white);
	z-index: 999;
	padding: 20px 15px 0px;
	width: 290px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 30px rgba(0,0,0,0.05);	
	-webkit-transition:all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;	
}
.ht-right li:hover .d-submenu{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
	top: 100%;
}
.ht-right .d-submenu a{
	display: inline-block;
}
.ht-right .d-submenu a img{

}
.ht-right .d-submenu li:after{
	background: var(--white);
}
.header_top .d-submenu li{
	margin: 0;
	padding: 0;
}
.header_top p {
	display: inline-block;
	font-weight: 500;
	border-bottom: 1px solid var(--green);
	color: var(--green);
}

/* Header Middle */

.header_middle {
	/* background-color: var(--gray); */
	padding: 13px 0;
	border-top: 1px solid var(--dc);
}

.search_bar form{
	display: flex;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 30px;
	padding: 0;
	box-sizing: border-box;
	background-color: var(--white);
	position: relative;
}
.search_bar{

}

.search_category{
	position: relative;
}
.category_select {
	height: 40px;
	border: none;
	border-color: transparent;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	max-width: 100%;
	min-height: 41px;
	outline: none;
	padding: 3px 25px 3px 20px;
	width: 175px; 
	cursor: pointer;
	background-size: 21px;
	background-position: right 10px top 55%;
	line-height: 35px;
	margin-bottom: 0;
}
.search_category .nice-select .list {
	z-index: 999;
	width: 176px;
}
.search_category .nice-select .option:hover {
	background: #F6F7FB;
	color: #333;
}
.search_category .nice-select .list {
	top: 110%;
}
.search_bar .search_category:after {
	content: "";
	position: absolute;
	right: 0;
	width: 1px;
	height: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: var(--dc);
}

.cat_input {
	border: none;
	outline: none;
	height: 55px;
	padding: 0 59px 0 19px;
	width: 100%;
	border-radius: 0 30px 30px 0;
	color: var(--body);
	transition: .5s;
}

.cc_button {
	background-color: var(--yellow);
	border: none;
	border-radius: 50%;
	width: 46px;
	height: 46px;
	cursor: pointer;
	position: absolute;
	top: 4px;
	right: 5px;
	color: var(--white);
}

.whit_cart {

}

.whit_cart_item{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
	margin-right: 20px;
}  
.whit_cart_item:last-child{
	margin-right: 0;
}
.whit_cart_item i {
	font-size: 20px;
	padding-right: 6px;
	color: var(--green);
}
.whc_badge {
	background-color: var(--f7);
	color: var(--green);
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 7px;
	font-size: 13px;
	font-weight: 600;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.header_middle .header-divider {
	border-right: 1px solid var(--e5);
	height: 50px;
	margin: 0px 8px 0px 10px;
}
.whit_cart_item p{
	font-weight: 500;
}
.whc_badge{
	transition: .5s;
}
.whit_cart_item:hover .whc_badge{
	background: var(--green);
	color: var(--white);
}
.end_item{
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;	
}

.min_cart_wrapper {
	background: rgba(0,0,0, 0.7);
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: opacity 0.5s, visibility 0.5s;
	visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 40000;
}
#mini_cart.min_cart_active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	opacity: 1;
}

.cart_drawer {	
	position: absolute;
	height: 100%;
	width: 380px;
	z-index: 99;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	transition: background 0.5s, transform 0.5s;
	
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	position: absolute;
	right: 0;
 	background: var(--white);
	border: 1px solid #E9EEF4;
	box-shadow: 0 0 10px 3px rgba(0,0,0,.05); 
   
}
#mini_cart.min_cart_active .cart_drawer {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	opacity: 1;	
}

.cart_drawer .cart_close {
	cursor: pointer;
	position: absolute;
	top: 2px;
	left: 3px;
	width: 37px;
	height: 37px;
	line-height: 37px;
	color: var(--white);
	font-size: 23px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	background: var(--green);
	border-radius: 50%;
	transition: .5s;
}
.cart_drawer .cart_close:hover,
.cart_drawer .cart_close:focus{
	background: var(--red);
}
.cart_drawer .cart_number {
	font-weight: 600;
	display: block;
	min-width: 45px;
	height: 45px;
	text-align: center;
	line-height: 46px;
	color: #111;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #ecebeb;
	border-top: transparent;
	border-right: transparent;
}
.cart_drawer .title {
	font-weight: 500;
	line-height: 43px;
	height: 45px;
	color: #111;
	border-bottom: 1px solid #ecebeb;
	padding-bottom: 0;
	margin-bottom: 0;
	text-align: center;
	font-size: 20px;
}
.minicart .mini-content .prod {
	position: relative;
	height: calc(100vh - 162px);
	max-height: 100%;
	overflow: auto;
	padding: 0 20px;
}
.woocommerce-mini-cart__empty-message{
	text-align: center;
	padding: 50% 0;
}
.cart_drawer li {
	border-bottom: 1px solid #e1e1e1;
	align-items: flex-start;
	position: relative;
	padding: 20px 0px;
}
.cart_drawer li:last-child{
}
.thumb_img_cartmini{
	width: 25%;
}
.product-detail{
	width: 70%;
	padding-left: 20px
}
.produc_remove{
	width: 15%;
	text-align: center;
}
.cart_drawer h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}
.cart_drawer .product_price{
	font-weight: 500;
}
.cart_drawer h3 a{
	color: #222;
	transition: .5s;
}
.cart_drawer h3 a:hover,
.cart_drawer h3 a:focus{
	color: var(--green);
}
.mini_cart_list{
	position: relative;
	height: calc(100vh - 162px);
	max-height: 100%;
	overflow: auto;
	padding: 30px 20px 0;
}
.mini_cart_list img{
	border-radius: 4px;
	width: auto!important;
	height: auto!important;
	
}
.cart_drawer_btm .sub-total {
	height: 59px;
	line-height: 59px;
	background-color: var(--white);
	color: #111;
	padding: 0 15px;
	overflow: hidden;
	bottom: 59px;
	position: absolute;
	width: 100%;
	padding-bottom: 116px;
}
.cart_drawer_btm .sub-total strong{
	float: left;
}
.cart_drawer_btm .sub-total .woocommerce-Price-amount{
	float: right;
	font-weight: 600;
}
.cart_drawer_btm .total-price{
	font-weight: 600;
}
.cart_drawer_btm .bottom_group {
	width: 100%;
	max-width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 12px 5px 0;
	border-top: 1px solid var(--dc);
	margin-top: 15px;
}
.cart_drawer_btm .total-title{
	font-weight: 600;
}
.cart_drawer_btm .button-viewcart,
.cart_drawer_btm .button-checkout {
	width: 100%;
	display: block;
	float: left;
	font-weight: 600;
	font-size: 16px;
	text-transform: capitalize;
	text-align: center;
	height: 50px;
	line-height: 50px;
	transition: .5s;
	border-radius: 4px;

}
.cart_drawer_btm .button-viewcart{
	background-color: var(--green);
	border: 1px solid var(--green);
	margin-bottom: 10px;
	color: var(--white);

}
.cart_drawer_btm .button-checkout{
	background-color: var(--yellow);
	color: var(--white);
}
 
.cart_drawer_btm .button-viewcart:hover,
.cart_drawer_btm .button-viewcart:focus{
	background: var(--green);
	color: var(--white);
	opacity: .9;
	
}

.cart_drawer_btm .button-checkout:hover,
.cart_drawer_btm .button-checkout:focus{
	background: var(--yellow);
	color: var(--white);
	opacity: .9;
}

/* End Header Middle */

/* Main Header */

#main-header {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 11;
    transition: background-color 0.5s ease; /* Smooth background transition */
	background: var(--green);
 
}

#main-header .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0;
	padding: 0;
}
.header__hamburger{
	font-size: 22px;
	color: var(--white);
	cursor: pointer;
}
.category_list .categories-link {
	color: var(--white);
	text-align: left;
	display: inline-block;
	padding: 0;
	font-weight: 500;
	text-transform: capitalize;
	cursor: pointer;
	position: relative;
	width: 220px;
}
.category_list .categories-link.dropdown-toggle::after {
	border: 0;
	color: var(--white);
	content: "";
	font-family: remixicon !important;
	font-size: 20px;
	margin-left: 0;
	position: absolute;
	right: 0;
	top: 8px;
	transition: var(--transition);
	vertical-align: 0;
	width: 22px;
	height: 22px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	display: none;
}
.category_list .categories-link i{
	padding-right: 12px;
	font-size: 20px;
}
.category_list .dropdown-menu {
	min-width: 220px;
	top: 49px;
	/* border-radius: 6px; */
	padding: 0;
	border: 0 !important;
	border-radius: 0 0 5px 5px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .05)
}
.category_list .dropdown-menu a{
	font-weight: 500;
	transition: .5s;
}
.category_list .dropdown-menu li {
	border-left: 1px solid #e7e9eb;
	border-right: 1px solid #e7e9eb;
	border-bottom: 1px solid #e7e9eb;
	transition: .5s;
}
.category_list .dropdown-menu .dropdown-item {
	background-color: transparent;
	color: var(--body);
	display: block;
	padding: 8px 16px;
	position: relative;
	transition: .5s;
}
.category_list .dropdown-menu .dropdown-item:hover,
.category_list .dropdown-menu .dropdown-item:focus{
    background: var(--f7);
}

.category_list .dropdown-menu a:hover,
.category_list .dropdown-menu a:focus{
	color: var(--green);
}

.main-menu{}
.main-menu > ul {
	display: flex;
}
.main-menu ul > li {
	position: relative;
	margin-right: 35px;
}
.main-menu ul > li:last-child {
	margin-right: 0;
}
.main-menu ul > li > a i {
	margin-left: 6px;
	font-size: 11px;
}
.main-menu li a {
	display: block;
	font-size: 16px;
	line-height: 66px;
	text-transform: capitalize;
	color: var(--white);
	font-weight: 500;
	position: relative;
}
.main-menu li li a{
	color: var(--body);
	transition: .5s;
}
.main-menu li li a:hover,
.main-menu li li a:focus{
	color: var(--green);
}
.main-menu .mega-menu-li a{
	color: var(--title);
}
.main-menu .mega-menu-li li a{
	color: var(--body);
}
.main-menu li ul.sub-menu {
	position: absolute;
	min-width: 220px;
	padding: 0 20px;
	background: #fff;
	box-shadow: 0 3px 11px #0000001a;
	max-height: 0;
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	left: 0;
	right: auto;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 99;
	top: 101%;
	text-align: left;
	display: block;
	border-radius: 4px;
}
.mega_menu_inner {
	display: flex;
	justify-content: space-between;
}
.main-menu > ul > li.mega_items {
	position: static;
}
.main-menu li .mega_menu {
	position: absolute;
	min-width: 100%;
	padding: 0 30px;
	background: #fff;
	box-shadow: 0 3px 11px #0000001a;
	max-height: 0;
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	left: 0;
	right: auto;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 99;
	top: 101%;
	text-align: left;
	border-radius: 4px;
}
.mega_menu_inner > li > a {
	font-size: 15px;
	line-height: 24px;
	text-transform: capitalize;
	font-weight: 500;
	display: block;
	margin-bottom: 12px;
}
.main-menu ul > li:hover ul.sub-menu {
  visibility: visible;
  max-height: 360px;
  padding: 24px 20px;
}
.main-menu ul > li:hover .mega_menu {
	visibility: visible;
	max-height: inherit;
	padding: 25px 30px 30px;
}
.mega_menu li a{
	color: var(--green);
}
.main-menu ul > li ul.sub_menu li a {
	font-size: 14px;
	display: block;
	line-height: 32px;
	text-transform: capitalize;
}
.main-menu ul ul.sub-menu li{
	display: block;
}
.main-menu ul ul.sub-menu li a {
	font-size: 14px;
	display: block;
	line-height: 32px;
	text-transform: capitalize;
}
.mega_menu_inner > li > a {
	font-size: 15px;
	line-height: 24px;
	text-transform: capitalize;
	font-weight: 600;
	display: block;
	margin-bottom: 12px;
}
.mega_menu_inner > li ul li a {
	font-size: 14px;
	display: block;
	line-height: 30px;
	text-transform: capitalize;
}
.main-menu .mega_menu li{
	margin-right: 0;
}

.navbar_contact_area i {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: var(--white);
    font-size: 24px;
    border-radius: 50%;
    margin-right: 20px;
	color: var(--green);
	display: inline-block;
}
.navbar_contact_area_end h4 {
    font-size: 16px;
    font-weight: 500;
	margin-bottom: 0px;
}
.navbar_contact_area_end h4 a{
    color: var(--white);
}
.header_end_area_icon i {
    font-size: 30px;
    margin-top: 25px;
    padding-left: 35px;
}
.header_end_area_icon_content {
    float: right;
}
.navbar_contact_area_end p {
	color: var(--white);
	font-size: 14px;
	font-weight: 400;
}
.navbar_contact_area_end {
    float: right;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 0;
}
/*End Header*/


/* Start Hero */

.hero-area{
	padding-top: 80px;
	padding-bottom: 80px;
	
}
.hero_slider{
	border-radius: 30px;
	position: relative;
	overflow: hidden;
	
}
.hero_item {
    position: relative;
	background-repeat: no-repeat;
	background-size:cover;
	padding: 16px 0 0px;
	overflow: hidden;
}
.hero_content{
	padding-left: 60px;
}
.hero_content h4 {
	color: var(--green);
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 18px;
	line-height: 30px;
}
.hero_content h1 {
	color: var(--title);
	font-size: 55px;
	margin-bottom: 20px;
	line-height: 65px;
}
.hero_content p {
    color: var(--body);
    font-size: 17px;
	margin-bottom: 35px;
}
.hero_img,
.hmain_img {
	position: relative;
	z-index: 11;
}
.hero_img{
	padding-right: 60px;
	padding-left: 73px;
	margin-top: 25px;
}
.hero_img .hero_img_shape{
	position: absolute;
	top: 0;
	left: 5px;
}

.hshap1,
.hshap2,
.hshap3,
.hshap4,
.hshap5{
	position: absolute;
	z-index: 1;
}
.hshap1 {
	top: 3px;
	left: 9px;
	width: 117px;
}
.hshap2 {
	top: 50px;
	left: 41%;
	width: 80px;
}
.hshap3 {
	bottom: 50px;
	left: 34%;
	width: 128px;
}
.hshap4 {
	top: 76px;
	right: 7%;
	width: 120px;
}
.hshap5 {
	bottom: 3px;
	right: 1%;
	width: 134px;
}
.harrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 29px;
	color: var(--green);
	z-index: 11;
}
.hs_prev_arrow{left: -40px;}
.hs_next_arrow{right: -40px;}
.hero_pagination{
	text-align: center;
}
.swiper-pagination-bullet{
	height: 5px;
	width: 5px;
	margin: 0 10px;
	background:var(--green) ;
	opacity: 1;
	transition: .3s;
}
.hero_pagination .swiper-pagination-bullet-active{
	background:var(--yellow) ;
	width: 30px;
	border-radius: 4px;
}


/* Active Animation  */
.hero_slider .swiper-slide.swiper-slide-active .hero_content {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-name: fadeInUp ;
  animation-name: fadeInUp ;
}

.hero_slider .swiper-slide.swiper-slide-active .hero_img {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


/* End Hero */

/* Start by_category */

.single_category {
    padding: 30px 15px;
    text-align: center;
    border-radius: 10px;
	margin-bottom: 1px;
	border: 1px solid var(--dc);
	transition: .5s;


}
.catcolor_1 {
    background-color: #F1F8E6;
}
.catcolor_2 {
    background-color: #E4FBE9;
}
.catcolor_3 {
    background-color: #F6FBE4;
}
.catcolor_4 {
    background-color: #FCF2E8;
}
.catcolor_5 {
    background-color: #F6EBF3;
}
.catcolor_6 {
    background-color: #FDEDEE;
}
.owl-carousel .owl-item img {
    width: auto;
    display: inline-block;
}
/* 
#category-slider,
#partner-slider{
	position: relative !important;
}

#category-slider .owl-nav,
#partner-slider .owl-nav {
	width: auto;
	display: inline-block;
	position: absolute !important;
	top: -65px;
	right: 0;
	margin-top: 0;
}
#category-slider .owl-nav button, 
#partner-slider .owl-nav button,
.pproduct_slider.owl-carousel .owl-nav button {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: var(--white);
	color: var(--body);
	border-radius: 50%;
	font-size: 17px;
	display: inline-block;
	border: 1px solid var(--dc);
	transition: .5s;
	margin: 0 0 0 15px;
}

#category-slider .owl-nav button:hover, 
.test_arrow:hover, 
#partner-slider .owl-nav button:hover,
.pproduct_slider.owl-carousel .owl-nav button:hover {
	background: var(--yellow);
	color: var(--white);	
	border-color: var(--yellow);	
}
#category-slider button.owl-next,
#partner-slider button.owl-next,
.pproduct_slider.owl-carousel .owl-next{
	margin-left: 18px;
} */
 

.single_category a{
	display: block;
}
.single_category img {
	max-width: 100%;
	width: 65px !important;
	background: rgba(1, 105, 58, .03);
	border-radius: 50%;
	padding: 10px;
	margin-bottom: 7px;
}
.single_category:hover{
	border-color: var(--green);
	background: var(--white);
}
.single_category:hover h4{
	color: var(--green);
}
.single_category h4 a{
	color: var(--title);
}
.single_category h4 {
	color: var(--title);
	font-size: 19px;
	margin-top: 10px;
	margin-bottom: 3px;
	font-weight: 500;
}
.single_category p {
    color: var(--body);
    font-size: 14px;
    font-weight: 400;
}
/* End Category */

/* css for swiper js rk-theme*/
/* Ensure the slider container has relative positioning */
#category-slider,
#partner-slider {
  position: relative !important;
}

/* Swiper navigation buttons */
#category-slider .swiper-button-prev,
#category-slider .swiper-button-next,
#partner-slider .swiper-button-prev,
#partner-slider .swiper-button-next {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: var(--white);
  color: var(--body);
  border-radius: 50%;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--dc);
  transition: 0.5s;
  top: -65px;
  position: absolute !important;
}

/* Position the navigation buttons */
#category-slider .swiper-button-prev,
#partner-slider .swiper-button-prev {
  right: 50px;
  left: auto;
}

#category-slider .swiper-button-next,
#partner-slider .swiper-button-next {
  right: 0;
}

/* Hover effect */
#category-slider .swiper-button-prev:hover,
#category-slider .swiper-button-next:hover,
#partner-slider .swiper-button-prev:hover,
#partner-slider .swiper-button-next:hover {
  background: var(--yellow);
  color: var(--white);
  border-color: var(--yellow);
}
/* my style */
#category-slider button, 
.brand-slider button {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: var(--white);
	color: var(--body);
	border-radius: 50%;
	font-size: 17px;
	display: inline-block;
	border: 1px solid var(--dc);
	transition: .5s;
	margin: 0 0 0 15px;
}
#category-slider .owl-nav, 
.brand-slider .owl-nav {
	width: auto;
	display: inline-block;
	position: absolute;
	/* top: -65px; */
	top: -60px;
	top: 0px;
	right: 0;
	margin-top: 0;
}
#category-slider .owl-nav, 
.brand-slider .owl-nav {
  width: auto;
  display: inline-block;
  position: absolute;
  /* top: -65px; */
  top: -60px;
  right: 0;
  margin-top: 0;
  z-index: 10; /* Ensures it appears above other elements */
}

/* Ensure parent containers don’t hide it */
#category-slider,
.brand-slider {
  position: relative; /* Ensures absolute positioning works inside */
  overflow: visible !important; /* Prevents clipping */
}


/* css for swiper js rk-theme*/

/* Start Flash Sale */

.flash_title{
	display: flex;	
}
.flash_title h2{
	margin-right: 60px;
}
.countdown_wrap{
	overflow: hidden;
	display: flex;
	gap: 16px;	
	font-weight: 500;
}
.countdown_wrap span{
	color: var(--red2);
}
.countdown_wrap .active_countdown{
	color: var(--red2);	
	font-size: 15px;
	font-weight: 500;
}
.countdown_wrap .active_countdown span{
	display: inline-block;
	padding: 0 7px;
	background: var(--red2);
	border-radius: 4px;
	margin: 0 3px 5px;
	color: var(--white);
}
.countdown_wrap .active_countdown span{
	
}
.single_flash,
.new_araival_item {
    padding: 25px;
    border-radius: 10px;
    border: 1px solid var(--dc);
	transition: .5s;
	position: relative;
	background: var(--white);
	margin-bottom: 25px;
}
.single_flash::before,
.new_araival_item::before {
	content: '';
	background: var(--yellow);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
	position: absolute;
	z-index: -1;
	transform: rotate(0);
	border-radius: 10px;
	transition: .5s;
}
.single_flash:hover:before,
.new_araival_item:hover:before{
	transform: rotate(4deg);
}
.flash-image {
	position: relative;
	margin-bottom: 15px;
	transition: .5s;
	overflow: hidden;
	text-align: center;
}
.araivel_img{
	text-align: center;
	margin-bottom: 15px;
}
.flash-image img,
.araivel_img img,
.pproduct_img img{
	display: inline-block;
	transition: .5s;
}
.single_flash:hover img,
.new_araival_item:hover img,
.single_pproduct:hover img{
	transform: scale(1.1);
}
.flash-image .off_badge {
	background: var(--red);
	padding: 2px 15px;
	font-size: 12px;
	border-radius: 19px 5px 20px 5px;
	color: var(--white);
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	z-index: 111;
}
.bg_orange{
	background: var(--orange)!important;
}
.bg_blue{
	background: var(--blue)!important;
}
.flash-image ul {
	text-align: center;
	position: absolute;
	top: -100%;
	left: 0%;
	transition: .5s;
	width: 100%;
}
.single_flash:hover ul{
	top: 50%;
	left: 50%;	
	transform: translate(-50%, -50%);
}
.flash-image ul li{
	display: inline-block;
	margin: 0 5px;
}
.flash-image ul li a{
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: var(--white);
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	box-shadow: 0 0px 15px rgba(0,0,0,0.1);
	transition: .5s;
	font-size: 17px;
}
.flash-image ul li a:hover,
.flash-image ul li a:focus{
	background: var(--green);
	color: var(--white);
}

.current_price{
	color: var(--title);
}
.flash-rating,
.araivel-rating{
	margin-bottom: 5px;
	font-size: 14px;
}
.flash-rating i,
.araivel-rating i {
    display: inline-block;
    color: #FF8A00;
}
.frating_number,
.araivel_number {
	color: var(--body);
	padding-left: 3px;
}
.single_flash h3,
.new_araival_item h3 {
    font-size: 21px;
    padding-bottom: 15px;
	border-bottom: 1px solid var(--dc);
}
.single_flash h3 a,
.new_araival_item h3 a{
	color: var(--title);
	transition: .5s;
	font-size: 18px;
	font-weight: 500;	
}
.single_flash h3 a:hover,
.single_flash h3 a:focus,
.new_araival_item h3 a:hover,
.new_araival_item h3 a:focus{
	color: var(--green);
}
.flash_price,
.araival_price,
.pproduct_price{
	font-weight: 400;
	font-size: 17px;
	margin-bottom: 20px;
}
.current_price{
	color: var(--title);
	font-weight: 600;
}
.single_flash .border-btn{
	width: 100%;
	padding: 5px 10px;
}


/* End flash Sale */



/* Start Choose Us */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #fff;
}

.choose_us .tabe-menu button{
    text-align: left;
    border: 1px solid var(--green);
    background: var(--white);
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.08);
    display: block;	
	border-radius: 100px;
	margin-bottom: 35px;
	padding: 15px 30px;
	outline: none;
	font-size: 20px;
	font-weight: 500;
	line-height: 36px;
	color: var(--title);
}
.choose_us .tabe-menu button img {
	display: inline-block;
	margin-right: 7px;
	width: 34px;
}
.choose_us .tabe-menu button.nav-link.active{
	background: var(--green);
}
.choose_us .tabe-menu button.nav-link.active h4 {
	color: var(--white);

}
.choose_content h3 {
    font-size: 24px;
	margin-bottom: 25px;
	line-height: 34px;
}
.choose_us .choose_content p{
	margin-bottom: 15px;
}

/* End Choose Us */

/* Start Promo */

.promo_main_area {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 62px 43px;
	border-radius: 30px;
	border: 1px solid var(--green);
}
.promo_content {

}

.promo_content h2 span {
    color: var(--green);
    font-size: 37px;
    font-weight: 400;
	display: block;
	margin-bottom: 15px;
}

.promo_content h2 {
    color: var(--white);
    font-size: 37px;
	margin-bottom: 15px;
}
.promo_content p {
    color: var(--white);
    font-size: 16px;
	margin-bottom: 25px;
}

/* End Promo */

/* Start Popular Products */

.popular_promo {
	position: relative;
	background-size: cover;
	height: 494px;
	background-repeat: no-repeat;
	border-radius: 30px;
}
.popular_promo .yellow-btn:hover{
	background: var(--white);
	border-color: var(--white);
	color: var(--title);
}
.ppromo_content {
	width: 100%;
	padding-top: 125px;
}
.ppromo_content span {
    color: var(--white);
    font-size: 32px;
    font-weight: 400;
    text-decoration-line: underline;
	display: block;
	margin-bottom: 15px;
}
.ppromo_content h2,
.ppromo_content p{
	color: var(--white);
}
.ppromo_content h2{
	margin-bottom: 15px;
}
.ppromo_content p{
	margin-bottom: 25px;
}

.single_pproduct{
	padding: 20px 20px;
	border-radius: 10px;
	border: 1px solid var(--dc);
	background: var(--white);
	gap: 20px;
	transition: .5s;
	margin-bottom: 25px;
}
.single_pproduct:hover{
	border-color: var(--yellow);
}
.pproduct_img{
	width: 85%;
	position: relative;
}
.pproduct_img span{
	position: absolute;
	top: 0;
	left: 0;
	color: var(--green);
	font-size: 14px;
	z-index: 11;
	font-weight: 500;
}
.pp_img_wrap{
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background-size: cover;
	background-position: center center;
}
.pproduct_content{
	overflow: hidden;
}
.pprating{
	color: var(--rating);
	font-size: 14px;
	margin-bottom: 5px;
	display: inline-block;
}
.pprating:hover,
.pprating:focus{
	color: var(--green);
}
.pprating span{
	padding-left: 4px;
	color: var(--title);
}

.pproduct_content h4 {
	font-size: 17px;
	border-bottom: 1px solid var(--dc);
	padding-bottom: 15px;
	font-weight: 500;
	line-height: 23px;
}
.pproduct_content h4 a{
	color: var(--title);
	transition: .5s;
}
.pproduct_content h4 a:hover,
.pproduct_content h4 a:focus{
	color: var(--green);
}

.pproduct_content .border-btn{
	padding: 6px 25px;
}
.pproduct_content .border-btn i,
.single_flash .border-btn i{
	padding-left: 5px;
}
.pproduct_slider{
	position: relative;
}
.pproduct_slider .owl-nav {
	position: absolute;
	top: -63px;
	right: 0;
	margin-top: 0;
}
.pproduct_slider .owl-dots .owl-dot span {
	background: var(--f7);
}
.pproduct_slider .owl-dots .owl-dot.active span, 
.pproduct_slider .owl-dots .owl-dot:hover span {
	background: var(--green);
}
/* End Popular Products */


/* Start Recommended */

.rec_tab{
	margin-bottom: 25px;
}
.rec_tab li {
	display: inline-block;
	padding: 2px 19px;
	background: rgba(1, 105, 58, .03);
	margin-left: 16px;
	cursor: pointer;
	border-radius: 5px;
	font-weight: 500;
	transition: .5s;
	margin-bottom: 15px;
	/* border: 1px solid var(--dc); */
}
.rec_tab li.mixitup-control-active{
	background: var(--green);
	color: var(--white);
}
.mix{
	
}
/* End Recommended */

/* Start discount */
.discount_content {
    width: 100%;
    background-image: url(../img/discount/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 50px;
	border-radius: 30px;
	
}
.discount_content .d_off_badge {
	border-radius: 50px;
	background: var(--orange);
	display: inline-block;
	color: var(--white);
	font-size: 20px;
	font-weight: 500;
	padding: 5px 36px;
}

.discount_content h2 {
    color: var(--white);
    font-size: 37px;
    font-weight: 700;
}
.discount_content span {
    font-weight: 400;
	display: block;
	margin-bottom: 10px;
}
.discount_content p {
    color: var(--white);
	margin-bottom: 30px;
}
.discount_content .white-btn:hover {
	background: var(--yellow);
	border-color: var(--yellow);
	color: var(--white);
}
/* End Discount */

/* Start New Araival */
.avraival_action a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(1, 105, 58, .06);
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	transition: .5s;
	font-size: 17px;
	margin-right: 12px;
	color: var(--green);
}
.avraival_action a:hover,
.avraival_action a:focus{
	background: var(--green);
	color: var(--white);
}
/* End New Araival */

/* Start Counters Area */

.counter_area{
	border: 1px solid var(--dc);
	border-radius: 10px;
	padding: 0;
	align-items: center;
}
.counter_item {
    padding: 25px 25px;
	position: relative;
	display: flex;
}
.count_devider{
	width: 1px ;
	height: 50px;
	background: var(--dc);
	align-self: center !important;
}
.counter_item img {
	margin-right: 20px;
	width: 40px;
}
.bg_counter_1{
	border-radius: 15px;
	background: #F6FBE4;
}
.bg_counter_2{
	border-radius: 15px;
	background: #FDEDEE;
}
.bg_counter_3{
	border-radius: 15px;
	background: #E4FBE9;
}
.bg_counter_4{
	border-radius: 15px;
	background: #F1F8E6;
}
.counter_item h4 {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 0;
}
.counter_item p {
    font-size: 12px;
	display: inline-block;
}
.fix{
	overflow: hidden;
}
.counter_item {
	line-height: 26px;
}
/* End Counters Area */

/* Start Video */
#video {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 15% 0;
	background: url("../img/section_video/video.png") no-repeat 50% fixed;
	position: relative;
	overflow: hidden;
}
#video:after{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(1, 105, 58, .3);
}
#video iframe {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 56.25vw;
  /* 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* 16/9*100 = 177.77 */
}

#video iframe {
  opacity: 0;
}

#video iframe.loaded {
  opacity: 1;
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(205, 170, 147, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(205, 170, 147, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(205, 170, 147, 0);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(205, 170, 147, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(205, 170, 147, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(205, 170, 147, 0);
  }
}
/* End Video */


/* Start Testimonials */

.testimonials {
    margin-top: -200px;
}
.testimonials_wrap {
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 30px 30px 0 0;
	text-align: center;
	padding-top: 110px;
	padding-bottom: 110px;
	background-position: center center;
}
.testimonials .section-title{
	margin-bottom: 80px;
}
.test_thumbnail{
}
.test_thumbnail .swiper-wrapper{
	transform: inherit!important;
	display: inline-block;	
}
.test_thumbnail .swiper-slide{
	display: inline-block;
}
.test_thumbnail .swiper-slide img{
	border: 3px solid var(--green);
	opacity: .5;
	border-radius: 50%;	
	cursor: pointer;
}
.test_thumbnail .swiper-slide.swiper-slide-thumb-active img{
	opacity: 1;
}
.test_thumbnail .swiper-slide img{
	display: inline-block;
}
.test_content{
	padding: 30px 25% 0;
}
.test_content p {
	font-size: 21px;
	font-weight: 500;
}
.tes_designation {
    margin-top: 20px;
	font-size: 17px;
}
.tes_designation span{
	font-weight: 500;
}
.test_arrow {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 1px solid var(--green);
	color: var(--green);
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	font-size: 22px;
	z-index: 11;
	transition: .5s;
	background: var(--white);
}
.test-arrow-prev{
	left: 45px;
}
.test-arrow-next{
	right: 45px;
}
.test-pagination{
	margin-top: 40px;
}
.test-pagination span {
	width: 24px;
	height: 24px;
	border: 1px solid var(--dc);
	background: transparent;
	opacity: 1;
	position: relative;
	margin: 0 7px !important;
}
.test-pagination span.swiper-pagination-bullet-active {
	border-color: var(--green);
}
.test-pagination span::after {
	position: absolute;
	content: '';
	top: 8px;
	left: 8px;
	width: 7px;
	height: 7px;
	background: var(--dc);
	border-radius: 50%;
}
.test-pagination span.swiper-pagination-bullet-active::after {
	background: var(--green);
}

/* End testimonials */

/* Start Blog */

.single_blog {
    padding: 20px;
    border-radius: 20px;
    border: 1px solid var(--dc);
	transition: .5s;
}
.single_blog img{
	border-radius: 10px;
}
.single_blog:hover{
	border-color: var(--yellow);
}
.single_blog h3 {
    font-size: 21px;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.single_blog h3 a{
	color: var(--title);
	transition: .5s;
}
.single_blog h3 a:hover,
.single_blog h3 a:focus{
	color: var(--green);
}
.blog_meta li {
    display: inline-block;
	margin-right: 15px;
}
.blog_meta li i{
	margin-right: 2px;
	color: var(--green);
	font-size: 18px;
}
.blog_meta li a:hover,
.blog_meta li a:focus{
	color: var(--green);
}
.blog_meta{
	margin-bottom: 22px;
}
.blog_btn {
	background: rgba(1, 105, 58, .08);
	font-size: 19px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	color: var(--green);
	transition: .5s;
}
.single_blog:hover .blog_btn,
.blog_btn:hover,
.blog_btn:focus{
	background: var(--green);
	color: var(--white);
}

/* End blog */

/* Start News Letter */

.newsletter_area {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 85px 40px 80px;
	border-radius: 30px;
	position: relative;
	overflow: hidden;
}
.newsletter_content{
	padding: 0 30px;
}

.newsletter_content h3 {
	color: var(--white);
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 30px;
}
.newsletter_content h3 span{
    color: var(--white);
    font-weight: 400;
	margin-bottom: 0;
	display: block;
}
.newsletter_content h4 {
    color: var(--white);
    font-size: 22px;
    font-weight: 400;
	margin-bottom: 40px;
}
.newsletter_form {
    position: relative;
}
.newsletter_content .form-message{
	color: var(--white);
}
.newsletter_form input {
	width: 100%;
	height: 60px;
	background: transparent;
	border-radius: 50px;
	border: 1px solid var(--white);
	font-size: 16px;
	font-weight: 400;
	padding-left: 26px;
	color: var(--white);
}
.newsletter_form button {
    color: var(--white);
    border: 1px solid var(--yellow);
    background: var(--yellow);
    width: 70px;
    height: 70px;
    line-height: 68px;
	text-align: center;
    border-radius: 50%;
	display: block;
	transition: .5s;
    position: absolute;
    top: -5px;
    right: 0;	
	font-size: 21px;
}

.newsletter_form button:hover,
.newsletter_form button:hover{
	background: var(--white);
	border-color: var(--white);
	color: var(--title);
}

.newsletter_form::placeholder {
    color: #ffff;
    opacity: 1;
}
.newsletter_form input::placeholder {
    color: #fff;
}
.news_img{
	position: absolute;
	right: 0;
	top: 0;
}
.newsletter_area img{
	display: inline-block;
}
img{
	display: block;
	max-width: 100%;
}

.main_img {
	position: absolute;
	/* top: 15%; */
	top: 0%;
	left: 5%;
	z-index: 11;
	width: 96%;
}
.news_shape {
	position: absolute;
	/* top: 55%; */
	top: 0%;
	left: 27%;
	width: 275px;
}

/* End news_letter */

/* Start Partners */
#partners {
    padding-bottom: 70px;
}
.partner_item{
	padding-bottom: 5px;
}

/* end_partners */

/* Start Footer */
#footer {
    width: 100%;
	font-weight: 500;
	background: var(--26);
	padding-top: 80px;
	position: relative;
	color: #b2b2b2;
}
#footer a,
.footer-bottom{
	color: #b2b2b2;
	transition: .5s;
}
#footer a:hover{
	color: var(--white);
}
.footer_social_link {
	text-align: center;

}
.footer_social_link li {
    display: inline-block;
}
.footer_social_link a {
	font-size: 15px;
	color: var(--title);
	background: var(--white);
	border: 1px solid var(--dc);
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	margin: 0 5px;
	display: inline-block;
	transition: .5s;
}
#footer .footer_social_link a{
	color: var(--title);
}
#footer .footer_social_link a:hover{
    color: var(--white);
    background: var(--yellow);	
    border-color: var(--yellow);	
}

.footer_widget h4 {
	font-size: 18px;
	margin-bottom: 17px;
	color: var(--white);
}
.footer_about{
	padding-right: 0px
}
.footer_about img{
	margin-bottom: 15px;
}

.footer_widget p{
	margin-bottom: 15px;
}

.footer_about .footer_cinfo p {
	margin-bottom: 19px;
	display: flex;	
}
.footer_cinfo {
	padding-top: 7px;
	overflow: hidden;
}
.footer_about span{
	overflow: hidden;
	display: inline-block;
}
.footer_about {
	 
}
.footer_about i {
	font-size: 28px;
	color: #b2b2b2;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	border-radius: 4px;
}
.footer_widget li{
	line-height: 34px;	
}
.footer_download p{
	margin-bottom: 25px;
}
.footer-bottom {
	padding: 28px 0;
	margin-top: 40px;
	border-top: 1px solid #3c3c3c;
}
.footer-bottom img{
	display: inline-block;
}
.copyright a{
	text-decoration: underline;
}

/* End Footer */

/* Mobile Menu */

.offcanvas__info {
  background: var(--white) none repeat scroll 0 0;
  border-left: 2px solid var(--p2-clr);
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas__info::-webkit-scrollbar {
  display: none;
}

.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}
.offcanvas__top{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
}
.offcanvas__wrapper .offcanvas__content .text {
  color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  width: 40px;
  height: 40px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--green);
  position: relative;
  z-index: 9;
  cursor: pointer;
  transition: .5s;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close:hover,
.offcanvas__wrapper .offcanvas__content .offcanvas__close:focus{
  background-color: var(--yellow);	
}
.offcanvas__close button{
	border: none;
	background-color: transparent;
	padding: 0;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
  color: var(--white);
}
.offcanvas__logo{
	width: 140px;
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 450px) {
  .offcanvas__info {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}


.mean-container a.meanmenu-reveal {
  display: none;
}


.mean-container .mean-nav {
	background: none;
	list-style: none;
	margin: 0;
}
.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-nav > ul .homemenu-items {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .mean-container .mean-nav > ul .homemenu-items {
    flex-wrap: wrap;
  }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu {
  position: relative;
}
@media (max-width: 1199px) {
  .mean-container .mean-nav > ul .homemenu-items .homemenu {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid var(--border);
    padding: 10px;
  }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  gap: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
  padding: 12px 20px;
  color: var(--white) !important;
  width: initial;
  font-size: 16px;
  text-align: center;
  border-radius: 0;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
  color: var(--white) !important;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 16px;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: var(--header);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: capitalize;
  border-bottom: 1px solid var(--dc) !important;
  border: none;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--p2-clr);
}

.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--theme2);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
  font-size: 18px;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
  height: 200px;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-bottom: 20px;
}

/* Main Banner */

.main-banner{
	padding: 35px 0;
	font-weight: 500;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;	
}

.banner_style_2{
	padding: 65px 0;
}
.banner_style_2 h2 {
	font-size: 37px;
	margin-bottom: 7px;
}

.banner_style_2 p {
	font-size: 16px;
	letter-spacing: 1px;
}

/* Main Shop */

.main-shop{
	padding: 80px 0 20px;
}
.shop-widget {
	margin-bottom: 30px;
	font-weight: 500;
	padding-right: 30px;
	border: 1px solid var(--dc);
	padding: 25px 20px;
	border-radius: 10px;
}
.ss_title{
	font-size: 20px;
	margin-bottom: 20px;
}
.shop-widget .form-check .form-check-input {
	border-color: var(--body);
	position: relative;
	top: 3px;
}
.shop-widget ul li {
	margin-bottom: 7px;
}
.shop-widget ul li:last-child{
	margin-bottom: 0;
}
.shop-widget .color-filter li {
	border-radius: 50px;
	cursor: pointer;
	height: 30px;
	width: 30px;
	margin-bottom: 0;
}
.product_tags a {
	padding: 1px 10px;
	background: var(--f7);
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 9px;
	border-radius: 4px;
	transition: .5s;
}
.product_tags a:hover,
.product_tags a:focus{
	color:var(--white);
	background: var(--green);
}
.fillter-show li {
	border: 1px solid var(--dc);
	border-radius: 5px;
	margin-right: 12px;
	padding: 0 10px;
	
}
.pt_filter .form-select{
	border: inherit;
}
.pt_filter .col-form-label{
	padding-top: 3px;
	padding-bottom: 3px;
}
.form-select:focus{
	box-shadow: inherit;
}
.pview_style button {
	background: var(--white);
	border: 1px solid var(--dc);
	border-radius: 3px;
	padding: 0 7px;
	margin-left: 10px;
}
.pvb.active{
	color: var(--yellow);
	border-color: var(--yellow);
}
.list_products .single_flash{
	padding: 25px 20px;
}
.color-filter li.color1 {
	background-color:#d9d9d9
}
.color-filter li.color2 {
	background-color:#f7931e
}
.color-filter li.color3 {
	background-color:red
}
.color-filter li.color4 {
	background-color:#75b344
}
.color-filter li.color5 {
	background-color:#a58a00
}
.color-filter li.color6 {
	background-color:#0052ce
}
.color-filter li.color7 {
	background-color:#ff91be
}
.color-filter li.color8 {
	background-color:#000
}

.shop_pagination a, 
.shop_pagination span {
	background-color: var(--white);
	border-radius: 50px;
	color: var(--body);
	display: inline-block;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: .5s;
	width: 40px;
	font-weight: 500;
}
.shop_pagination a i{
	font-size: 21px;
}
.shop_pagination .page-numbers.next {
	background: rgba(1, 105, 58, .1);
	
}

/* Product Details */

.top-image-slider{	
	text-align: center;
	margin: 1px;	
}
.top-image-slider .single-slide img{
	border: 1px solid var(--dc);
	border-radius: 8px;
}
.top-image-slider img{
	display: inline-block;
}
.btm-slider-nav {
	margin: 30px 35px 0px;
	position: relative;
}
.stock_badge {
	background: rgba(1, 105, 58, .05);
	display: inline-block;
	color: var(--green);
	padding: 1px 7px;
	border-radius: 5px;
	font-weight: 500;
	margin-bottom: 10px;
}
.product_details_content{
	padding-left: 15px;
}
.product_details_content h2{
	font-size: 30px;
}
.btm-slider-nav .single-slide{
	margin: 0 15px;
}
.btm-slider-nav .single-slide img{
	border: 1px solid var(--dc);	
	border-radius: 4px;	
}
.btm-slider-nav .single-slide.slick-current img{
	border-color: var(--green);
}
.btm-slider-nav{
	
}
.btm-slider-nav img{
	cursor: pointer;
}
.slick-arrow{
	position: absolute;
	top: 50%;
	transform:translateY(-50%); 
	z-index: 1;
	font-size: 20px;
	color: var(--body);
	cursor: pointer;
}
.btm-slider-nav .slick-prev{
	left: -27px;	
}
.btm-slider-nav .slick-next{
	right: -27px;
}

.short_review {
	margin-bottom: 15px;
	border-bottom: 1px solid var(--dc);
	padding-bottom: 15px;
}
.product_details_content .short_review i{
	color: var(--rating);
}
.product_details_content .short_review span{
	padding-left: 5px;
}
.pr_price{
	font-size: 20px;
}
.pr_price del{
	color: var(--body);
}
.short_desc{
	margin-bottom: 25px;
}
.product-quantity {
	display: flex;
	border: 1px solid var(--dc);
	padding: 7px 14px;
	border-radius: 30px;
}
.product-quantity .qty{
	width: 75px;
	text-align: center;
}
.product-quantity input[type="button"],
.product-quantity .qty{
	background: transparent;
	border: 1px solid transparent;
	font-weight: 500;
}
.product-quantity input[type="button"]{
	font-size: 18px;
}
.pr_btn {
	background: var(--green);
	color: var(--white);
	border: 1px solid var(--green);
	padding: 9px 29px;
	border-radius: 30px;
	font-weight: 500;
	transition: .5s;
}
.pr_btn i{
	margin-right: 5px;
}
.pr_btn:hover,
.pr_btn:focus{
	background-color: var(--yellow);
	border-color: var(--yellow);
}
.buy_btn{
	width: 100%;
	background-color: var(--yellow);
	border-color: var(--yellow);
}
.product_extra{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--dc);
}
.product_extra strong,
.sku-list strong,
.sku-list a{
	font-weight: 500;
	color: var(--title);
}
.product_extra i{
	margin-right: 5px;
}
.product_details_content .sku-list span{
	padding-right: 5px;
}
.product_extra p,
.product_details_content .sku-list li {
	line-height: 30px;
}
.sku-list a{
	
}
.product_extra p i {

}
.product-social-link{
	margin-top: 20px;
}
.product-social-link a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #F9F9F9;
	text-align: center;
	color: var(--title);
	border-radius: 50%;
	transition: .5s;
}
.product-social-link a:hover{
	color: var(--white);
	background: var(--green);
}
.product-tab-area {
	margin-top: 50px;
}
.product-tab-area #nav-tab {
	background: #F9F9F9;
	border-bottom: 1px solid transparent;
	text-align: center;
	margin-bottom: 30px;
	display: block;
}
.product-tab-area #nav-tab li {
	display: inline-block;
	margin: 0 34px;
	font-size: 18px;
}
.product-tab-area #nav-tab button{
	color: var(--title);
	font-weight: 500;
	border-radius: 0;
	border-bottom: 2px solid transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding: var(--bs-nav-link-padding-y) 0;	
}
.product-tab-area #nav-tab button:hover,
.product-tab-area #nav-tab button:focus {
	border-color: #F9F9F9;
	color: var(--title);
	outline: none;
}
.product-tab-area #nav-tab.nav-tabs button.nav-link.active{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 2px solid var(--green);
	color: var(--green);
	outline: none!important;
	background-color: var(--transparent);
	
}
#pdescription p{
	margin-bottom: 15px;
}
.rev_title {
	font-size: 20px;
	margin-bottom: 15px;
}
.cd_rating_top {
	border: 1px solid #f1f1f1;
	padding: 35px;
	overflow: hidden;
	margin-bottom: 40px;
	border-radius: 8px;
}
.cdr_rate_summary{
	float: left;
	width: 25%;
	text-align: center;
}
.cdr_rate_summary h1 {
	font-size: 55px;
	margin-bottom: 0;
}
.cdr_rating{
	color: #ffb608;
}
.cdr_rating i{
	margin: 0 3px;
}
.cdr_rate_summary p{
	margin-bottom: 0;
}
.cdr_rate_number ul{
	list-style-type: none;
}
.cdr_rate_number{
	width: 75%;
	float: left;
}
.cdr_rate_number ul li {
	display: flex;
	margin: 0 0 10px 0;
}
.cdr_rate_number ul li:last-child{
	margin: 0;
}
.cdr_rate_value {
	flex: 1;
	position: relative;
	margin: 13px 86px 0 15px;
	height: 7px;
	background: #f2f2f2;
}
.rating_width{
	height: 7px;
	background-color: var(--rating);
	display: block;
}
.cdr_rate_count {
	display: inline-block;
	position: absolute;
	right: -80px;
	text-align: right;
	line-height: 1;
	font-size: 16px;
	margin: -12px 0;
}

.cdr_rate_star {
	flex: 0 0 40px;
	text-align: center;
}
.rating_item_avatar{
	float: left;
	margin-right: 30px;
}
.rating_item_avatar img {
	width: 100px;
	float: left;
	margin-right: 25px;
	border-radius: 50%;
}
.rava_conent{
	overflow: hidden;
}
.rava_conent h3{
	font-size: 22px;
	margin-bottom: 5px;
}
.rava_conent p{
	margin-bottom: 0;
	
}

.rating_item_ricon{
	color: var(--rating);
}
.rating_item{
	overflow: hidden;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f1f1f1;
}
.rating_item:last-child{
	border-bottom: 0;
}
.review-list{}
.review-list li{
	margin-bottom: 33px;
}
.review-list li:last-child{
	margin-bottom: 0;
}
.review-list li h4 {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 500;
}
.rating_icons{
	margin-bottom: 12px;
}
.rating_icons span{
	margin-left: 5px;
}
.rating_icons i{
	color: var(--rating);
}
.review-form .rating_icons{}
.review-form  .rev_title{
	margin-bottom: 10px;
}
.review-form label{
	font-weight: 500;
}
.review-form .form-control:focus{
	box-shadow: inherit;
	outline: 0;
	border-color: var(--green);
}

/* About */

.about_content{}
.about_content h2 {
	margin-bottom: 20px;
	font-size: 37px;
	line-height: 47px;
}
.about_content p{
	margin-bottom: 15px;
}
.about_img{
	padding-left: 20px;
}
.author_info {
	margin-top: 30px;
	border: 1px solid var(--dc);
	border-radius: 10px;
	padding: 16px 16px;
}
.author_info img {
	border-radius: 50%;
}
.aut_content h4 {
	margin-bottom: 3px;
	font-size: 20px;
}
.aut_content span {
	margin-bottom: 3px;
	font-size: 16px;
	color: var(--green);
}

/* Contact Us*/

.contact_info_item{ display: flex;}
.contact_info_item span{
	font-weight: 500;
	font-size: 17px;
	color: var(--title);
}
.contact_info_item i {
	/* display: inline-block; */
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: rgba(1, 105, 58, .02);
	text-align: center;
	color: var(--green);
	border: 1px solid var(--dc);
	font-size: 22px;
	border-radius: 50%;
	position: relative;
}
.contact_info_item p{
	font-weight: 500;
}
.c_gmap{

}

.c_gmap iframe{
	width: 100%;
}
.contact_form_wrap {
	/* background: rgba(1, 105, 58, .03); */
	padding: 35px;
	border-radius: 0;
	border: 1px solid var(--dc);
	border-radius: 8px;
}
.contact_title{
	margin-bottom: 20px;
}
.contact_title h2{
	font-size: 20px;
}
.contact-form .label{
	color: var(--title);
	font-weight: 500;
	cursor: pointer;
}
.form-control{
	height: 45px;
	line-height: 45px;
	padding: 8px 18px;
	border-radius: 4px;
}
.form-control:focus{
	outline: none;
	box-shadow: none;
	border-color: var(--green);
}
textarea.form-control{
	height: 150px;
}

/* Blog Page */
.blog-list{}

.blog-list .single_blog {
	padding: 0; 
	border-radius: 20px;
	border: none; 
	transition: .5s;
	margin-bottom: 35px;
}
.blog-list .single_blog h3{
	padding-bottom: 10px;
}
.blog-list .single_blog img{
	border-radius: 10px;
}
.single-widget{
	margin-bottom: 30px;
	padding-left: 25px;
}
.category-widget li {
	border: 1px solid var(--dc);
	padding: 4px 17px;
	border-radius: 4px;
	margin-bottom: 15px;
	position: relative;
	transition: .5s;
}

.category-widget li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: var(--green);
	border-color: var(--green);
	width: 0;
	height: 100%;
	transition: .5s;
	z-index: -1;
	border-radius: 4px;
}
.category-widget li:hover:before{
	width: 100%;
}
.category-widget li a{
	display: block;
	transition: .5s;
}
.category-widget li:hover a{
	color:var(--white);
}
.widget-title {
	font-size: 20px;
	margin-bottom: 20px;
}
.single-widget form{
	position: relative;
}
.single-widget a{
	transition: .5s;
}
.single-widget a:hover,
.single-widget a:focus{
	color: var(--green);
}
.single-widget form button {
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid var(--green);
	height: 45px;
	width: 45px;
	border-radius: 0 5px 5px 0;
	background-color: var(--green);
	color: var(--white);
}
.category-widget a {
	font-weight: 500;
	color: var(--title);
	font-size: 17px;
}
.ppost_widget{}
.ppost_widget .pp_img{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	float: left;
	margin-right: 22px;
	background-size: cover;
	
}
.ppost_content{
	overflow: hidden;
}
.ppost_widget p{
	font-weight: 600;
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 5px;
}
.ppost_widget p a{
	color: var(--title);
}
.ppost_widget span {
	color: var(--title);
}
.ppost_widget span i{
	color: var(--green);
}
.ppost_widget li{
	margin-bottom: 25px;
}
.ppost_widget li:last-child{
	margin-bottom: 0;
}
.tags-clouds a {
	display: inline-block;
	padding: 1px 13px;
	background: var(--f7);
	margin-bottom: 11px;
	margin-right: 8px;
	border-radius: 4px;
	font-weight: 500;
	transition: .5s;
}
.tags-clouds a:hover,
.tags-clouds a:focus{
	background: var(--green);
	color: var(--white);
}

/* Blog Details */

.blog_image img{
	border-radius: 8px;
}
.blog-details .blog_meta{
	margin-top: 15px;
	margin-bottom: 5px;
}
.entry-content p{
	margin-bottom: 15px;
}
.entry-content blockquote {
	background: rgba(1, 105, 58, .1);
	border-radius: 10px;
	padding: 26px;
	font-size: 18px;
	font-weight: 500;
}
.entry-content h2 {
	margin: 10px 0;
	font-size: 30px;
}

/*
* ----------------------------------------------------------------------------------------
* Comment
* ----------------------------------------------------------------------------------------
*/

.comments{
	padding-top: 40px;
}
.bdtitle{
	margin-bottom: 25px;
	font-size: 24px;
}
.comment-list,
.comment{
	list-style-type: none;
}
.com-img {
	margin-right: 48px;
	position: relative;
}
.com-img h4 {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 0;
}
.com-img h4 a{
	color: var(--title);
}
.cdate{
	font-size: 15px;	
}
.creplay {
	position: absolute;
	top: 50px;
	right: -13px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	color: var(--white);
	background: var(--green);
	font-size: 16px;
	text-align: center;
}

.creplay:hover,
.creplay:focus{
	color: var(--white);
}
.com-img img{
	border-radius: 50%;
	width: 100px;
}
li.comment{
	
	display: block;	
}
.comments .children{
	padding-left: 30px;
}
.single-comment{
	overflow: hidden;
	border: 1px solid #d9d9d9;
	padding: 35px;
	border-radius: 8px;
	margin-bottom: 20px;
}

.comment-form{
	padding-top: 30px;
}
.comment-form .form-control{

}
.comment-form label {
	padding-bottom: 5px;
	cursor: pointer;
	color: var(--title);
	font-weight: 500;
}
.name_email{
	gap: 25px;
}

.comment-form p{
	margin-bottom: 25px;
}
.name_email p{
	width: 50%;

}
#submit {
	background-color: var(--green);
	border: 1px solid var(--green);
	color: var(--white);
	padding: 10px 35px;
	border-radius: 30px;
	transition: .5s;
	font-weight: 600;
	font-size: 17px;
}

#submit:hover,
#submit:focus{
	color: var(--white);
	background-color: var(--yellow);
	border-color: var(--yellow);
}


/*
* ----------------------------------------------------------------------------------------
* Shopping Cart
* ----------------------------------------------------------------------------------------
*/


.table.shopping-summery {
	background: var(--white);
	border: 1px solid #eee;
	-webkit-border-radius:0;
	border-radius: 0;
	overflow:hidden;
	margin-bottom: 0;
}
.shopping-cart {
	background: var(--white);
}
.shopping-summery thead .main-hading{
	padding:0px 50px;
}
.shopping-summery thead {
}
.shopping-summery thead tr th {
	border: none;
	font-weight: 600;
	text-align: left;
	padding: 20px;
}
.shopping-summery .product-name{
}
.shopping-summery tbody tr {
	border-bottom: 1px solid #eee;
	margin-top: 20px;
}
.shopping-summery tbody tr img {
	border-radius: 4px;
	width: 100px;
}
.shopping-summery tbody tr:last-child{
}
.shopping-summery tbody .product-name a {
	font-weight: 600;
	color: #282828;
	font-weight: 600;
	font-size: 17px;
}
a.pthumb{
	width: 75px;
	float: left;
}
.shopping-cart .table p {
	font-size: 14px;
	color: #666;
}
.shopping-summery tbody .product-name a:hover{
	color:var(--green);
}
.shopping-summery tbody .product img {
	max-width: 70px;
	border-radius: 100%;
	max-height: 65px;
	border: 1px solid #e6e6e6;
	padding: 4px;
}
.shopping-summery tbody .product:hover img{
	border-color:var(--green);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}
.shopping-cart .border{
	
}
.shopping-cart .table .remove-icon{
	font-size:16px;
}
.shopping-cart .table td {
	vertical-align: middle;
	border-top: 1px solid #eee;
	padding: 20px;
}
.shopping-summery tbody .price {
	text-align: center;
	font-weight: 600;
}
.shopping-summery tbody .price span{}
.shopping-cart tbody .qty .input-group {
	width: 175px;
	display: inline-block;
}
.shopping-cart .qty .button {
	display: inline-block;
	position: absolute;
	top: 0;
}
.shopping-cart .qty .button.minus{
	left:0;
	border-radius:0;
	overflow:hidden;
}
.shopping-cart .qty .button.plus {
	right: 0;
	border-radius:0;
	overflow:hidden;
}
.shopping-cart .qty .button .btn {
	padding: 0;
	width: 44px;
	height: 47px;
	line-height: 50px;
	border-radius: 0px;
	background: transparent;
	color: #282828;
	border: none;
	font-size: 20px;
}
.shopping-cart .qty .button .btn:hover{
	color:var(--green);
}
.shopping-cart .qty .input-number {
	border: 1px solid #eceded;
	width: 100%;
	text-align: center;
	height: 47px;
	border-radius:0;
	overflow: hidden;
	padding: 0px 45px;
}
.shopping-summery tbody .total-amount {
	text-align: center;
	font-weight: 500;
}
.shopping-summery tbody .total-amount span{}
.shopping-summery tbody .action {
	text-align: center;
}
.shopping-summery tbody .action a:hover{
	color:var(--green);
}
.shopping-cart .total-amount{
	margin-top:50px;
}
.woocommerce-cart-form .actions .bottom-cart {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.woocommerce-cart-form .actions .coupon {
	flex: 0 0 50%;
	display: flex;
}
.woocommerce-cart-form .product-name {
	display: inline-block;
	margin-left: 24px;
}
#coupon_code {
	border: 1px solid #eee;
	padding: 5px 15px;
	font-size: 16px;
	border-radius: 4px 0 0 4px;
}
#coupon_code:focus{
	border-color: var(--green);
	outline: none;
}
.woocommerce-cart-form .coupon button,
.woocommerce-cart-form .coupon input[type="submit"]{
	background: var(--green);
	border: 1px solid var(--green);
	color: var(--white);
	padding: 0 14px;
	border-radius: 0 4px 4px 0;
	font-weight: 500;
	transition: .5s;
}
.woocommerce-cart-form .coupon button:hover,
.woocommerce-cart-form .coupon button:focus,
.woocommerce-cart-form .coupon input[type="submit"]:hover,
.woocommerce-cart-form .coupon input[type="submit"]:focus{
	border-color: var(--yellow);
	background: var(--yellow);
}
.btn_border {
	border: 2px solid #002935;
	color: #222;
	padding: 6px 29px;
	font-weight: 500;
	border-radius: 30px;
	transition: .5s;
}
.btn_border:hover,
.btn_border:focus{
	background: var(--green);
	border-color: var(--green);
	color: var(--white);
}
.cart-collaterals {
	padding: 30px;
	box-shadow: var(--shadow-2);
}
.cart-collaterals h2 {
	font-size: 24px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.cart-collaterals .shop_table_responsive > div {
	display: flex;
	padding: 15px 30px;
	align-items: center;
}
.cart-collaterals .shop_table_responsive > div > * {
	flex: 1;
}
.cart-collaterals .bt{
	text-align: center;
}
.shop_table .amount,
.shop_table .woocommerce-shipping-destination{
	color: #222;
}
.cart-subtotal .amount{
	font-weight: 600;
}

/*
* ----------------------------------------------------------------------------------------
* Start Checkout Page
* ----------------------------------------------------------------------------------------
*/

.shop.checkout {
	background: var(--white);
}
.shop.checkout .checkout-form h2{
	margin-bottom: 40px;
	font-size: 24px;
}
.shop.checkout .checkout-form h2 {
	font-size: 25px;
	color: #333;
	font-weight: 700;
	line-height: 27px;
}
.shop.checkout .checkout-form p {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	margin-top: 12px;
	margin-bottom: 30px;
}
.shop.checkout .form{}
.shop.checkout .form .form-group {
	margin-bottom: 25px;
}
.shop.checkout .form .form-group label,
.register label,
.login label{
	color:var(--title);
	position:relative;
	cursor: pointer;
}
.register label span,
.login label span,
.shop.checkout .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.shop.checkout .form .form-group input {
	background-color: var(--white);
	border: 1px solid #e5e5e5;
	color: #555;
	font-size: 15px;
	height: 45px;
	outline: 0;
	padding: 14px 20px;
	width: 100%;
	margin-bottom: 0px;
	border-radius: var(--bs-border-radius);
}
.shop.checkout .form .form-group input:focus{
	outline: none;
	border-color: var(--green);
}
.shop.checkout .nice-select {
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-bottom: 25px;
	background-color: var(--white);
	border: 1px solid #e5e5e5;
	border-radius: var(--bs-border-radius);
}
.shop.checkout .nice-select .list {
	width: 100%;
	height: 300px;
	overflow: scroll;
}
.shop.checkout .nice-select .list li{}
.shop.checkout .nice-select .list li.option{
	color:#333;
}
.shop.checkout .nice-select .list li.option:hover{
	background:#F6F7FB;
	color:#333;
}
.shop.checkout .form .address input {
	margin-bottom: 15px;
}
.shop.checkout .form .address input:last-child{
	margin:0;
}
.shop.checkout .form .create-account {
	margin: 0;
}
.shop.checkout .form .create-account input {
	width: auto;
	display: inline-block;
	height: auto;
	border-radius: 100%;
	margin-right: 3px;
}
.shop.checkout .form .create-account label {
	display: inline-block;
	margin: 0;
}
.shop.checkout .order-details {
	margin-top: 30px;
	background: var(--white);
	padding: 40px 0 50px 0;
	box-shadow: var(--shadow-2);
}
.shop.checkout .checkout_widget {
	margin-bottom: 30px;
}
.shop.checkout .checkout_widget:last-child{
	margin:0;
}
.shop.checkout .checkout_widget h2 {
	position:relative;
	font-size: 24px;
	font-weight: 600;
	padding: 10px 30px 0;
	text-transform: capitalize;
	color: #222;
}
.shop.checkout .checkout_widget .content ul{
	margin-top:30px;
}
.shop.checkout .checkout_widget .content ul li {
	display: block;
	padding: 0px 30px;
	font-weight: 500;
	margin-bottom: 12px;
}
.shop.checkout .checkout_widget .content ul li span{
	display:inline-block;
	float:right;
}
.shop.checkout .checkout_widget .content ul li.last {
	padding-top: 12px;
	border-top: 1px solid #ebebeb;
	display: block;
	font-weight: 600;
	color: var(--title);
}
.shop.checkout .checkout_widget .checkbox {
	text-align: left;
	margin: 0;
	padding: 0px 30px;
	margin-top:30px;
}
.shop.checkout .checkout_widget .checkbox input{
	margin-top: 9px;
}
.shop.checkout .checkout_widget .checkbox .form-check {
	margin-bottom: 14px;
	background: var(--f7);
	width: auto;
	display: block;
	padding: 8px 15px 6px;
	overflow: hidden;
	border-radius: 4px;
}
.shop.checkout .checkout_widget .checkbox label {
	color: #555555;
	position: relative;
	margin-top: -5px;
	font-weight: 500;
	display: block;
	margin-bottom: 15px;
	margin-left: 27px;
}
.payment-methods .checkbox input {
	margin-top: 3px!important;
	margin-left: 0;
}
.payment-methods .form-check-input:checked {
	background-color: var(--green);
	border-color: var(--green);
}
.shop.checkout .checkout_widget .checkbox label:last-child{
	margin-bottom:0;
}
.shop.checkout .checkout_widget .checkbox label:hover{
	cursor:pointer;
}
.shop.checkout .checkout_widget .checkbox label input {
	margin-right: 5px;
	display: inline-block;
}

.shop.checkout .checkout_widget.get-button {
	text-align: center;
	padding: 0px 35px;
}
.shop.checkout .checkout_widget .bg_btn{
	display: block;
}

/*
* ----------------------------------------------------------------------------------------
* End Checkout Page
* ----------------------------------------------------------------------------------------
*/


/* #Back To Top
================================================== */

.progress-wrap {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: "Phosphor" !important;
	content: '\E08E';
	text-align: center;
	line-height: 49px;
	font-size: 19px;
	color: var(--green);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
    transition: .5s;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: "Phosphor" !important;
	content: '\E08E';
	text-align: center;
	line-height: 49px;
	font-size: 19px;
	opacity: 0;
	background-image: linear-gradient(298deg, var(--green), var(--green));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
    transition: .5s;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--green);
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/*
* ----------------------------------------------------------------------------------------
* Login Register
* ----------------------------------------------------------------------------------------
*/

.login,
.register {
	background: var(--white);
	-webkit-box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	overflow: hidden;
	padding: 30px 40px;
	border: 1px solid var(--fa);
	border-radius: 8px;
}
.login_register_title {
	margin-bottom: 20px;
	text-align: left;
	text-transform: capitalize;
	font-size: 25px;
	color: var(--title);
	margin-top: 15px;
}

.login_register .form-group{
	margin-bottom: 20px;
}
.login input:focus{-webkit-box-shadow: none;box-shadow: none;outline:none;}

.login input[type="text"],
.login input[type="email"],
.login input[type="password"],
.register input[type="text"],
.register input[type="email"],
.register input[type="password"]
{

	padding: 15px;

}
.login label,
.register label{
	cursor: pointer;
	color: var(--title);
	
}
#rpaword{
	margin-top: 6px;
	
}


.login label {
	margin-bottom: 5px;
	font-weight: 500;
}
.register label {
	margin-bottom: 5px;
	font-weight: 500;
}

.login button, 
.register button{
	width: 100%;	
}
.login button i,
.register button i{
	padding-left: 5px;
}
.login p, .register p {
	color: #232434;
	font-weight: 600;
	text-align: center;
	margin-top: 15px;
}
.login p a, 
.register p a{color: var(--green);}


/*
* ----------------------------------------------------------------------------------------
* 404
* ----------------------------------------------------------------------------------------
*/


.page_not_found h2 {
	font-size: 35px;
	margin-bottom: 15px;
}
.page_not_found p{
	margin-bottom: 25px;
}

.page_not_found .bg-btn i{
	padding-right: 5px;
}
.page_not_found img {
	margin-bottom: 0px;
	width: 600px;
	display: inline-block;
	height: auto;
}

.related-products .flash_title h2{
	margin-right: 0;
}


.single_category img {
	max-width: 100%;
	width: 65px !important;
	background: rgba(1, 105, 58, .03);
	border-radius: 50%;
	padding: 10px;
	margin-bottom: 7px;
	display:inline-block;
}