/*
Theme Name: MyReengus
Theme URI: https://myreengus.com/
Author: Govind Jangir
Author URI: https://webcodemaster.com/
*/
:root {
	--h1size: 38px;
	--h2size: 32px;
	--h3size: 24px;
	--h4size: 20px;
	--h5size: 18px;
	--h6size: 16px;
	--bodysize: 16px;
	--h1height: 42px;
	--h2height: 38px;
	--h3height: 30px;
	--h4height: 24px;
	--h5height: 24px;
	--h6height: 20px;
	--bodyheight: 22px;
	--pfamily: 'Barlow', sans-serif;;
	--hfamily: 'Barlow', sans-serif;;
	--red: #ff3838;
	--gray: #777777;
	--text: #555555;
	--blue: #11234a;
	--white: #ffffff;
	--chalk: #eff2f6;
	--green: #11b76b;
	--purple: #b12fad;
	--orange: #f16a21;
	--yellow: #ffb129;
	--body: #f5f6f7;
	--border: #e8e8e8;
	--heading: #39404a;
	--primary: #19AB9E;
	--sub-heading: #565765;
	--green-chalk: #ddffd5;
	--dark: #000000;
	--green-dark: #072f17;
	--gray-chalk: #cccccc;
	--intro-bg: #f8fffa;
	--facebook: #3b5998;
	--linkedin: #0e76a8;
	--twitter: #00acee;
	--primary-bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
	--primary-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
	}
	* {
		margin: 0px;
		padding: 0px;
		outline: 0px
	}
	.container{
		max-width:1680px;
	}
	img {
		vertical-align: middle;
		max-width: 100%;
		height: auto;
	}
	a {
		text-decoration: none;
		display: inline-block;
		color: var(--primary);
	}
	a:hover {
		text-decoration: none;
		color: #ff5200;
	}
	ul, ol {
		padding: 0px;
		list-style: none
	}
	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 30px
	}
	ol, ul, li, span, label {
		margin-bottom: 0
	}
	html, body {
		scroll-behavior: smooth
	}
	body {
		color: var(--dark);
		background: var(--chalk);
		font-size: var(--bodysize);
		font-family: var(--pfamily);
		line-height: var(--bodyheight);
		overflow-x: hidden;
		font-weight: 300;
	}
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
		color: var(--dark);
		font-family: var(--pfamily);
	}
	h1 {
		font-size: var(--h1size);
		line-height: var(--h1height)
	}
	h2 {
		font-size: var(--h2size);
		line-height: var(--h2height);
		letter-spacing: -0.3px;
		text-transform: capitalize
	}
	h3 {
		font-size: var(--h3size);
		line-height: var(--h3height)
	}
	h4 {
		font-size: var(--h4size);
		line-height: var(--h4height)
	}
	h5 {
		font-size: var(--h5size);
		line-height: var(--h5height)
	}
	h6 {
		font-size: var(--h6size);
		line-height: var(--h6height)
	}
	.banner-part{padding:10px 0px 0px}.home-grid-promo{margin-bottom:25px}.home-grid-promo a img{width:100%;border-radius:8px}.home-grid-slider{margin-bottom:25px}.home-grid-slider img{width:100%;border-radius:8px}.suggest-slider li{margin:0px 10px}@media (max-width: 575px){.suggest-slider li{margin:0px 5px}}.promo-img{width:100%;overflow:hidden;border-radius:8px}.promo-img a{width:100%}.promo-img a img{width:100%;border-radius:8px;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.promo-img a img:hover{transform:scale(1.05)}@media (max-width: 767px){.promo-img{margin:12px 0px}}.new-slider li{margin:0px 12px}@media (max-width: 575px){.new-slider .product-card{width:220px}}.brand-slider .dandik,.brand-slider .bamdik{top:35%}.blog-slider .blog-card{margin:0}.blog-slider .dandik,.blog-slider .bamdik{top:43%}@media (max-width: 767px){.blog-slider .blog-card{margin:0}}
	
.alignwide {
/* 	margin-left: -80px;
	margin-right: -80px; */
}

.alignfull {
	margin-left: calc((-100vw + 15px) / 2 + 100% / 2);
	margin-right: calc((-100vw + 15px) / 2 + 100% / 2);
	max-width: 100vw;
}

.wp-block-image img {
	height: auto;
}

	input::placeholder, textarea::placeholder {
	font-size:14px;
	color:var(--gray);
	text-transform:capitalize
	}
	input, button {
		border: none;
		outline: none;
		background: none
	}
	button:focus {
		outline: none
	}
	.category-slider{
		padding: 0;
		position: relative;
		border: 0;
/* 		background-color: var(--white); */
		border-radius: 10px;
		width: auto;
/* 		box-shadow: 0 1px 3px rgba(0,0,0,0.012), 0 1px 2px rgba(0,0,0,0.14); */
	}
	@media (max-width: 575px) {
	.col {
		padding: 0px 4px
	}
	}
	.section {
		padding: 50px 0;
	}
	.inner-section {
		padding: 20px 0;
	}
	.section-heading {
		margin-bottom: 20px
	}
	.section-heading h3{
		font-size: 22px;
		font-weight: bold;
		margin:0;
	}
	.section-btn-50 {
		text-align: center;
		margin-top: 50px
	}
	.section-btn-25 {
		text-align: center;
		margin-top: 25px
	}
	
	@media (max-width: 767px) {
	.section {
		margin-bottom: 0;
		padding: 20px 0;
	}
	.inner-section {
		margin-bottom: 30px
	}
	.section-heading {
		margin-bottom: 0px
	}
	.section-heading h3{
		margin-bottom: 0px;
		font-size: 16px;
		font-weight: bold;
	}
		.btn-sm{
			font-size:14px !important;
			padding: 5px 10px !important;
		}
	.section-heading h2 {
		font-size: 28px;
		line-height: 36px
	}
		.details-gallery{
			margin-bottom: 30px;
		}
	}
.details-gallery img{
	width: 100%;
}
	
	@media (min-width: 768px) and (max-width: 1199px) {
	.section {
		margin-bottom: 75px
	}
	.inner-section {
		margin-bottom: 80px
	}
	}
	.category-wrap {
		margin: 10px;
		border-radius: 8px;
	}
	.category-wrap > div{
		background: var(--chalk);
		border-radius: 8px;
		padding: 30px 20px;
	}
	.category-wrap:hover .category-overlay {
		transform: scale(1)
	}
	.category-media {
		position: relative;
		margin-bottom: 15px !important;
		margin: 5px auto;
		width: fit-content;
		border-radius: 50%;
	}
	.category-media > a{
		display: block;
	}
	.category-media img {
		max-width: 100%;
		width: 64px;
		height: 64px;
		border-radius: 8px;
		margin: 0 auto;
	}
	.category-overlay {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		text-align: center;
		background: rgba(0,0,0,0.4);
		transform: scale(0);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.category-overlay a i {
		width: 50px;
		height: 50px;
		line-height: 50px;
		border-radius: 50%;
		text-align: center;
		color: var(--white);
		background: var(--primary);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.category-overlay a i:hover {
		color: var(--primary);
		background: var(--white)
	}
	.category-meta {
		padding: 0px 10px
	}
	.category-meta h4 > a {
		margin-bottom: 3px;
		font-size: 16px;
		text-align: center;
		text-transform: capitalize;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		color: var(--heading);
		line-height: 16px;
	}
	
	@media (max-width: 575px) {
	.category-wrap {
		margin: 5px;
	}
		.category-meta h4 > a{
			font-size:14px;
		}
		.category-media img{
			width: 44px;
			height: 44px;
			object-fit: contain;
		}
		.category-wrap > div{
			padding: 20px 5px;
		}
	}
	
	@media (max-width: 1199px) {
	.category-meta {
		padding: 0px 5px
	}
	.category-meta h4 {
		margin-bottom: 0px
	}
	.category-meta p {
		font-size: 15px
	}
	}
	.alert-info {
		text-align: center;
		margin-bottom: 30px;
		padding: 20px 20px;
		border-radius: 3px;
		background: var(--white);
		border-top: 3px solid var(--primary);
		box-shadow: 0 2px 48px 0 rgba(0,0,0,0.08)
	}
	.alert-info p {
		font-weight: 500;
		color: var(--primary);
		text-shadow: var(--primary-shadow)
	}
	.alert-info p a {
		margin-left: 5px;
		text-decoration: underline
	}
	.breadcrumb {
		align-items: center;
		background: none;
		margin: 0px;
		font-size: 12px;
	}
	.breadcrumb .active {
		color: #878787;
		white-space: nowrap; 
		  max-width: 150px; 
		  overflow: hidden;
		  text-overflow: ellipsis;
		margin-right: 15px;
	}
	.breadcrumb-item {
		font-size: 12px;
		padding: 0px !important;
		text-transform: capitalize
	}
	.breadcrumb-item a {
		color: #878787;
	}
	.breadcrumb-item a:hover {
		color: var(--primary);
		text-decoration: underline
	}
	.breadcrumb-item+.breadcrumb-item::before {
		color: #878787;
		padding: 0px 8px
	}
	.backdrop {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 4;
		width: 1000%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		display: none
	}
	.btn {
		border: none;
		font-size: 15px;
		font-weight: 500;
		padding: 14px 32px;
		border-radius: 6px;
		border: 2px solid #004bd6;
	}
	.btn:focus {
		box-shadow: none !important
	}
	.btn i {
		margin-right: 5px
	}
	.btn-inline {
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
		color: var(--white);
		border:1px solid rgba(0,0,0,.25);
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		background: rgb(253,76,42);
		background: -moz-linear-gradient(180deg, rgba(253,76,42,1) 0%, rgba(214,46,14,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(253,76,42,1) 0%, rgba(214,46,14,1) 100%);
		background: linear-gradient(180deg, rgba(253,76,42,1) 0%, rgba(214,46,14,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fd4c2a",endColorstr="#d62e0e",GradientType=1);
		cursor: pointer;
	}
	.btn-sm {
		padding: 8px 20px;
	}
	.btn-inline:hover {
		color: var(--white);
		background: #ff5200;
		background: -moz-linear-gradient(180deg, #ff5200 0%, #ff5200 100%);
		background: -webkit-linear-gradient(180deg, #ff5200 0%, #ff5200 100%);
		background: linear-gradient(180deg, #ff5200 0%, #ff5200 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5200",endColorstr="#ff5200",GradientType=1);
	}
	.banner-btn .btn {
		margin-right: 15px;
	}
	.btn-outline {
		color: #004bd6;
		background: var(--white)
	}
	.btn-outline:hover {
		color: var(--white);
		background: var(--primary)
	}
	.menu-badge {
		font-size: 10px;
		padding: 0px 5px;
		margin-left: 5px;
		line-height: 18px;
		border-radius: 3px;
		letter-spacing: 0.3px;
		display: inline-block;
		text-transform: uppercase;
		color: var(--white);
		background: var(--red);
		text-shadow: var(--primary-tshadow)
	}
	.dropdown-arrow {
		position: relative;
		padding-right: 18px !important
	}
	.dropdown-arrow:hover::before {
		color: var(--primary)
	}
	.dropdown-arrow::before {
		position: absolute;
		content: "\f282";
		top: 50%;
		right: 0px;
		font-size: 15px;
		line-height: 15px;
		color: var(--text);
		font-family: bootstrap-icons;
		transform: translateY(-50%);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.dropdown-link {
		position: relative;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.dropdown-link:hover {
		color: var(--primary);
		background: var(--chalk)
	}
	.dropdown-link:hover::before {
		color: var(--primary)
	}
	.dropdown-link::before {
		position: absolute;
		top: 50%;
		right: 18px;
		content: "\f282";
		font-size: 10px;
		font-weight: 900;
		font-family: bootstrap-icons;
		transform: translateY(-50%);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.dropdown-link.active {
		color: var(--primary)
	}
	.dropdown-link.active::before {
		color: var(--primary);
		transform: translateY(-50%) rotate(0deg)
	}
	.dropdown-list {
		display: none;
		padding: 0px 20px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.dropdown-list li a {
		width: 100%;
		font-size: 15px;
		line-height: 18px;
		border-radius: 8px;
		padding: 10px 15px 10px 35px;
		color: var(--text);
		background: var(--white);
		position: relative;
		white-space: nowrap;
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.dropdown-list li a:hover {
		color: var(--primary);
		background: var(--chalk)
	}
	.dropdown-list li a::before {
		position: absolute;
		top: 50%;
		left: 15px;
		content: "\f285";
		font-size: 10px;
		font-weight: 900;
		font-family: bootstrap-icons;
		transform: translateY(-50%)
	}
	.dropdown:hover .dropdown-position-list {
		visibility: visible;
		opacity: 1;
		top: 70px
	}
	.dropdown-position-list {
		position: absolute;
		top: 100px;
		left: 0px;
		z-index: 2;
		width: 200px;
		height: auto;
		visibility: hidden;
		opacity: 0;
		padding: 10px;
		border-radius: 8px;
		background: var(--white);
		border: 1px solid var(--border);
		box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.1);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.dropdown-position-list::before {
		position: absolute;
		content: "";
		z-index: -1;
		top: -7px;
		left: 12px;
		width: 12px;
		height: 12px;
		border-radius: 3px;
		transform: rotate(45deg);
		background: var(--white);
		border-top: 1px solid var(--border);
		border-left: 1px solid var(--border)
	}
	.dropdown-position-list li a {
		width: 100%;
		font-size: 15px;
		line-height: 18px;
		border-radius: 8px;
		padding: 8px 15px;
		color: var(--text);
		background: var(--white);
		white-space: nowrap;
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.dropdown-position-list li a:hover, .dropdown-position-list li a.active {
		color: var(--primary);
		background: var(--chalk)
	}
	.dropdown-megamenu {
		position: static
	}
	.dropdown-megamenu:hover .megamenu {
		visibility: visible;
		opacity: 1;
		top: 204px
	}
	.megamenu {
		position: absolute;
		top: 230px;
		left: 50%;
		z-index: 2;
		width: 1180px;
		border-radius: 8px;
		padding: 30px 30px 0px;
		background: var(--white);
		border: 1px solid var(--border);
		box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.1);
		transform: translateX(-50%);
		visibility: hidden;
		opacity: 0;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.megamenu-wrap {
		margin-bottom: 30px
	}
	.megamenu-title {
		padding-bottom: 18px;
		margin-bottom: 20px;
		position: relative;
		text-transform: capitalize;
		border-bottom: 1px solid var(--border)
	}
	.megamenu-title::before {
		position: absolute;
		content: "";
		bottom: -2px;
		left: 0px;
		width: 50px;
		height: 2px;
		background: var(--primary)
	}
	.megamenu-list {
		border-left: 1px solid var(--border)
	}
	.megamenu-list li a {
		width: 100%;
		border-radius: 5px;
		padding: 5px 0px 5px 25px;
		color: var(--text);
		white-space: nowrap;
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.megamenu-list li a:hover {
		color: var(--primary);
		background: var(--chalk)
	}
	.megamenu-promo a img {
		width: 100%;
		border-radius: 3px
	}
	strong {
		font-weight: 600;
	}
	
	@media (max-width: 1199px) {
	.megamenu {
		width: 100%
	}
	}
	body.admin-bar .header-part.active {
		top: 32px;
	}
	.form-title {
		text-align: center;
		margin-bottom: 20px
	}
	.form-title h3 {
		text-transform: capitalize
	}
	.form-group {
		margin-bottom: 25px
	}
	.form-group small {
		color: var(--gray);
		letter-spacing: 0.3px;
		padding: 0px 0px 0px 20px
	}
	.form-group textarea {
		height: 150px;
		padding: 12px 20px
	}
	.form-label {
		font-weight: 500;
		margin: 0px 0px 7px 3px;
		white-space: nowrap;
		text-transform: capitalize
	}
	textarea, 
	.form-control {
		width: 100%;
		height: 45px;
		border-radius: 6px;
		padding: 0px 20px 2px;
		color: var(--text);
		background: var(--white);
		border: 1px solid var(--border)
	}
	textarea{
		height: 120px;
	}
	.form-control:focus-within {
	background:var(--chalk);
	border-color:var(--primary);
	box-shadow:none;
	outline:0
	}
	.form-control[type=file]::-webkit-file-upload-button, .form-control[type=file]::file-selector-button {
	border:none;
	background:none;
	height:45px;
	line-height:45px;
	padding:5px 15px 0px;
	color:var(--gray)
	}
	.form-control[type=file]::-webkit-file-upload-button:hover, .form-control[type=file]::file-selector-button:hover {
	background-color:transparent
	}
	.form-control[type=file]::-webkit-file-upload-button:focus, .form-control[type=file]::file-selector-button:focus {
	border:none;
	outline:none
	}
	.form-select {
		height: 45px;
		font-size: 15px;
		padding: 0px 16px;
		letter-spacing: 0.3px;
		background-size: 12px 10px;
		text-transform: capitalize;
		color: var(--text);
		cursor: pointer
	}
	.form-select:focus-within {
	box-shadow:none;
	border-color:var(--primary)
	}
	.form-btn {
		width: 100%;
		height: 45px;
		font-size: 14px;
		font-weight: 400;
		line-height: 45px;
		border-radius: 6px;
		letter-spacing: 0.5px;
		text-align: center;
		text-transform: uppercase;
		color: var(--white);
		background: var(--primary)
	}
	.form-input-group {
		position: relative
	}
	.form-input-group:focus-within i {
	color:var(--primary)
	}
	.form-input-group input {
		padding: 0px 20px 2px 20px
	}
	.form-input-group textarea {
		padding: 12px 20px 12px 20px
	}
	.form-input-group i {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 45px;
		height: 45px;
		font-size: 18px;
		line-height: 45px;
		border-radius: 50%;
		text-align: center
	}
	.form-btn-group {
		width: 100%;
		height: 45px;
		font-size: 14px;
		font-weight: 500;
		line-height: 45px;
		border-radius: 6px;
		letter-spacing: 0.5px;
		text-align: center;
		text-transform: uppercase;
		color: var(--white);
		background: var(--primary)
	}
	.form-btn-group i {
		font-size: 15px;
		margin-right: 5px;
		display: inline-block
	}
	.nav-tabs {
		border: none;
		padding: 25px 25px;
		border-radius: 8px;
		margin-bottom: 25px;
		align-items: center;
		justify-content: center;
		background: var(--white)
	}
	.nav-tabs li {
		padding: 0px 30px;
		border-right: 1px solid var(--border)
	}
	.nav-tabs li:last-child {
		border: none
	}
	.tab-link {
		font-size: 15px;
		font-weight: 500;
		text-transform: uppercase;
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.tab-link:hover {
		color: var(--primary)
	}
	.tab-link i {
		font-size: 18px;
		margin-right: 3px
	}
	.tab-link.active {
		color: var(--primary)
	}
	.tab-pane {
		display: none;
		padding: 0px
	}
	.tab-pane.active {
		display: block
	}
	
	@media (max-width: 575px) {
	.nav-tabs {
		flex-wrap: nowrap;
		flex-direction: column
	}
	.nav-tabs li {
		padding: 5px;
		border: none
	}
	}
	@media (min-width: 992px) {
		.has-megamenu {
			position: static;
		}
	
		.has-megamenu ul.dropdown-position-list {
			width: 100%;
			left: 0;
			padding: 20px 5px;
			box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
		}
	
		.has-megamenu ul.dropdown-position-list {
			width: 100%;
			left: 0;
			display: flex;
			flex-wrap: wrap;
		}
		.has-megamenu ul.dropdown-position-list > li{
			margin-right: 0 !important;
			flex: 16.666%;
		}
		.has-megamenu ul.dropdown-position-list .megamenu-column {
			-webkit-flex-basis: 0;
			-ms-flex-preferred-size: 0;
			flex-basis: 0;
			-ms-flex-positive: 1;
			-webkit-box-flex: 1;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			max-width: 100%;
		}
	
		.has-megamenu ul.dropdown-position-list .megamenu-column ul {
			width: 100% !important;
		}
	
		.has-megamenu ul.dropdown-position-list .megamenu-column>a {
			font-weight: 500;
			margin-bottom: 15px;
			text-transform: uppercase;
			color: var(--dark);
			padding-right: 0 !important;
		}
	
		.has-megamenu ul.dropdown-position-list .megamenu-column>a::before {
			display: none;
		}
	
		.has-megamenu ul.dropdown-position-list .megamenu-column {
			border-right: 1px solid var(--border);
			padding: 0 15px;
		}
	
		.has-megamenu ul.dropdown-position-list .megamenu-column:last-child {
			border-right: 0;
		}
	
		.has-megamenu .megamenu-column a {
			padding: 1px 0px;
		}
	
		.has-megamenu ul.dropdown-position-list .megamenu-column .dropdown-position-list {
			position: relative !important;
			overflow: visible;
			margin-top: 0 !important;
			top: 0 !important;
			max-height: 2500px;
			box-shadow: none;
			left: 0 !important;
			padding: 0;
			display: block !important;
		}
		.has-megamenu .sub-menu {
			display: block;
		}
	}
	
	.dropdown:hover .dropdown-position-list {
		visibility: visible;
		opacity: 1;
		top: 100%
	}
	@media (min-width: 576px) and (max-width: 767px) {
	.nav-tabs {
		padding: 25px 10px
	}
	.nav-tabs li {
		padding: 0px 20px
	}
	}
	.pagination .page-numbers {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 0 !important;
	}
	.pagination .page-numbers li{
		margin-left: 10px !important;
		border: 0 !important;
	}
	.pagination .page-numbers li:first-child .page-numbers, .pagination .page-numbers li:last-child .page-numbers {
		border-radius: 50%
	}
	.pagination .page-numbers li .page-numbers {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border-radius: 50%;
		font-weight: 400;
		border: none;
		padding: 0px;
		color: var(--text) !important;
		background: var(--white) !important
	}
	.pagination .page-numbers li .current {
		color: var(--white) !important;
		background: var(--primary) !important
	}
	.pagination .page-numbers li a:hover {
		color: var(--white) !important;
		background: var(--primary) !important
	}
	.pagination .page-numbers li a:focus {
		box-shadow: none
	}
	
	@media (max-width: 991px) {
	.page-link {
		width: 35px;
		height: 35px;
		line-height: 35px
	}
	}
	
	@media (max-width: 767px) {
	.page-item {
		margin: 0px 3px
	}
	}
	.star-rating {
		direction: rtl;
		text-align: center;
		margin: 25px 0px
	}
	.product-price .star-rating {
		margin: 5px 0px;
	}
	.star-rating input {
		display: none
	}
	.star-rating input:checked ~ label::after {
		opacity: 1
	}
	.star-rating label {
		display: inline-block;
		position: relative;
		cursor: pointer;
		margin: 0px 8px
	}
	.star-rating label:hover::after {
		opacity: 1
	}
	.star-rating label:hover:hover ~ label::after {
		opacity: 1
	}
	.star-rating label::before {
		content: "\ec7c";
		font-family: 'Icofont';
		font-weight: 900;
		font-size: 35px;
		display: block;
		color: #bbbbbb
	}
	.star-rating label::after {
		content: "\ec7c";
		font-family: 'Icofont';
		font-weight: 900;
		font-size: 35px;
		position: absolute;
		display: block;
		top: 0px;
		left: 0px;
		color: var(--yellow);
		opacity: 0
	}
	.slider-arrow:hover .dandik, .slider-arrow:hover .bamdik {
		visibility: visible;
		opacity: 1
	}
	.dandik, .bamdik {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		font-size: 20px;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		border-radius: 50%;
		color: var(--primary);
		background: var(--white);
		text-shadow: var(--primary-tshadow);
		box-shadow: var(--primary-bshadow);
		visibility: hidden;
		opacity: 0;
		cursor: pointer;
		z-index: 1;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.details-preview .dandik, .details-preview .bamdik{
		visibility: visible !important;
		opacity: 1 !important;
	}
	.dandik:hover, .bamdik:hover {
		color: var(--white);
		background: var(--primary)
	}
	.dandik {
		left: -10px
	}
	.bamdik {
		right: -10px
	}
	.slider-dots ul {
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%)
	}
	.slider-dots ul li {
		width: 9px;
		height: 9px;
		margin: 0px 5px;
		border-radius: 30px;
		cursor: pointer;
		display: inline-block;
		background: var(--primary);
		box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.slider-dots ul li button {
		display: none
	}
	.slider-dots ul li.slick-active {
		width: 25px;
		background: var(--primary);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	
	@media (max-width: 575px) {
	.slider-dots ul {
		bottom: 10px
	}
	.slider-dots ul li {
		margin: 0px 6px
	}
	}
	
	@media (min-width: 576px) and (max-width: 767px) {
	.slider-dots ul {
		bottom: 20px
	}
	.slider-dots ul li {
		margin: 0px 6px
	}
	}
	.btn-primary{
		background:var(--primary);
		color: var(--white);
		border-color: var(--primary);
	}
.btn-light{
	border-color: var(--white);
}
	.product-add {
		width: 100%;
		font-size: 15px;
		padding: 6px 0px;
		border-radius: 6px;
		text-align: center;
		text-transform: capitalize;
		color: #fff;
		border:1px solid rgba(0,0,0,.25);
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		background: rgb(253,76,42);
		background: -moz-linear-gradient(180deg, rgba(253,76,42,1) 0%, rgba(214,46,14,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(253,76,42,1) 0%, rgba(214,46,14,1) 100%);
		background: linear-gradient(180deg, rgba(253,76,42,1) 0%, rgba(214,46,14,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fd4c2a",endColorstr="#d62e0e",GradientType=1);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear-gradient .3s;
		-webkit-transition: all linear-gradient .3s;
		-moz-transition: all linear-gradient .3s;
		-ms-transition: all linear-gradient .3s;
		-o-transition: all linear-gradient .3s;
		cursor: pointer;
	}
	.product-add i {
		font-size: 14px;
		margin-right: 5px
	}
	.product-action {
		display: flex;
		align-items: center;
		justify-content: center;
		display: none
	}
	.product-action button i {
		width: 35px;
		height: 35px;
		font-size: 14px;
		line-height: 35px;
		border-radius: 6px;
		text-align: center;
		display: inline-block;
		color: var(--text);
		background: var(--chalk);
		text-shadow: var(--primary-tshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.product-action button i:hover {
		color: var(--white);
		background: var(--primary)
	}
	.product-action input {
		width: 100%;
		font-size: 15px;
		margin: 0px 5px;
		padding: 6px 0px;
		border-radius: 6px;
		text-align: center;
		color: var(--white);
		background: var(--primary);
		text-shadow: var(--primary-tshadow)
	}
	.whatsapp-btn{
		margin:10px;
	}
	.whatsapp-btn > a i{
		margin-right:10px;
	}
	.whatsapp-btn > a{
		width: 100%;
		font-size: 15px;
		padding: 6px 0px;
		border-radius: 6px;
		text-align: center;
		text-transform: capitalize;
		color: #fff;
		border:1px solid rgba(0,0,0,.25);
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		background: #25d366;
		background: -moz-linear-gradient(180deg, #25d366 0%, #18B753 100%);
		background: -webkit-linear-gradient(180deg, #25d366 0%, #18B753 100%);
		background: linear-gradient(180deg, #25d366 0%, #18B753 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#25d366",endColorstr="#18B753",GradientType=1);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear-gradient .3s;
		-webkit-transition: all linear-gradient .3s;
		-moz-transition: all linear-gradient .3s;
		-ms-transition: all linear-gradient .3s;
		-o-transition: all linear-gradient .3s;
		cursor: pointer;
	}
	.table-list {
		width: 100%
	}
	thead tr {
		background: var(--primary)
	}
	thead tr th {
		font-size: 17px;
		font-weight: 500;
		white-space: nowrap;
		text-align: center;
		text-transform: capitalize;
		padding: 12px 20px;
		color: var(--white);
		border-right: 1px solid var(--dark)
	}
	thead tr th:first-child {
		border-radius: 6px 0px 0px 6px
	}
	thead tr th:last-child {
		border-right: none;
		border-radius: 0px 6px 6px 0px
	}
	tbody tr td {
		padding: 12px 20px;
		text-align: center;
		border-right: 1px solid var(--dark)
	}
	tbody tr td:last-child {
		border-right: none
	}
	.table-name {
		white-space: nowrap;
		text-transform: capitalize
	}
	.table-image img {
		width: auto;
		height: 100px
	}
	.table-price h6 {
		white-space: nowrap
	}
	.table-price h6 small {
		font-size: 13px;
		margin-left: 3px;
		color: var(--gray);
		font-family: sans-serif
	}
	.table-desc p {
		width: 150px;
		font-size: 15px;
		text-align: left
	}
	.table-desc p a {
		text-transform: capitalize
	}
	.table-desc p a:hover {
		text-decoration: underline
	}
	.table-vendor a {
		font-weight: 500;
		color: var(--heading);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.table-vendor a:hover {
		color: var(--primary)
	}
	.table-status h6 {
		text-transform: capitalize
	}
	.table-status .stock-in {
		color: var(--purple)
	}
	.table-status .stock-out {
		color: var(--orange)
	}
	.table-shop {
		width: 180px
	}
	.table-shop .product-add {
		color: var(--white);
		background: var(--primary)
	}
	.table-shop .action-plus i, .table-shop .action-minus i {
		background: var(--white)
	}
	.table-action a i {
		width: 35px;
		height: 35px;
		font-size: 16px;
		line-height: 35px;
		text-align: center;
		display: inline-block;
		border-radius: 5px;
		margin: 3px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.table-action .view i {
		color: var(--green);
		background: var(--white)
	}
	.table-action .view i:hover {
		color: var(--white);
		background: var(--green)
	}
	.table-action .wish i {
		color: var(--green);
		background: var(--white)
	}
	.table-action .wish.active i {
		color: var(--white);
		background: var(--green)
	}
	.table-action .trash i {
		color: var(--red);
		background: var(--white)
	}
	.table-action .trash i:hover {
		color: var(--white);
		background: var(--red)
	}
	
	@media (max-width: 1199px) {
	.table-scroll {
		overflow-x: scroll
	}
	}
	.modal-dialog {
		max-width: 820px;
	}
	.modal-content {
		border: none;
		background: none;
		border-radius: 0px
	}
	.modal-close {
		position: absolute;
		top: -15px;
		right: -15px;
		z-index: 1;
		width: 35px;
		height: 35px;
		font-size: 18px;
		line-height: 35px;
		border-radius: 50%;
		text-align: center;
		display: inline-block;
		background: var(--white);
		box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.2);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.modal-close:before {
		font-family: "bootstrap-icons";
		content: '\f659';
	}
	.modal-close:hover {
		color: var(--white);
		background: var(--primary)
	}
	.modal-form {
		width: 400px;
		padding: 30px;
		border-radius: 8px;
		background: var(--white)
	}
	
	@media (max-width: 400px) {
	.modal-form, .modal-dialog {
		width: 100%;
		max-width: inherit
	}
	}
	
	@media (max-width: 1100px) {
	.modal-dialog {
		margin: 80px auto 50px
	}
	.modal-close {
		right: 50%;
		top: -45px;
		transform: translateX(50%)
	}
	}
	.nav-pills .nav-link {
		font-weight: 400;
		list-style: decimal
	}
	.nav-pills .nav-link.active {
		color: var(--primary);
		background: transparent
	}
	
	@media (max-width: 991px) {
	.nav {
		margin-bottom: 30px
	}
	}
	.countdown {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.countdown-time {
		padding: 0px 30px;
		position: relative;
		color: var(--heading);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column
	}
	.countdown-time::before {
		position: absolute;
		content: ":";
		top: 28%;
		right: -3px;
		font-size: 25px;
		transform: translateY(-50%);
		color: var(--heading)
	}
	.countdown-time:last-child::before {
		display: none
	}
	.countdown-time span {
		display: block;
		font-size: 40px;
		font-weight: 700;
		line-height: 40px;
		color: var(--primary)
	}
	.countdown-time small {
		font-size: 18px;
		font-weight: 500;
		text-transform: capitalize
	}
	
	@media (max-width: 575px) {
	.countdown-time {
		padding: 0px 12px
	}
	.countdown-time:first-child {
		padding-left: 0px
	}
	.countdown-time:last-child {
		padding-right: 0px
	}
	.countdown-time span {
		font-size: 35px
	}
	.countdown-time small {
		font-size: 16px
	}
	}
	.suggest-card {
		position: relative;
		display: block;
	}
	.suggest-card::before {
		position: absolute;
		content: "";
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		background: rgba(0,0,0,0.4);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.suggest-card:hover::before {
		background: rgba(17,151,68,0.9)
	}
	.suggest-card img {
		width: 100%;
		border-radius: 8px
	}
	.suggest-card h5 {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		text-align: center;
		transform: translate(-50%, -50%);
		color: var(--white);
		font-weight: 400;
		text-transform: capitalize;
		text-shadow: var(--primary-tshadow)
	}
	.suggest-card h5 span {
		display: block;
		font-size: 15px;
		font-weight: 300
	}
	
	@media (max-width: 400px) {
	.suggest-card h5 {
		font-size: 16px;
		line-height: 24px
	}
	.suggest-card h5 span {
		font: 14px
	}
	}
	.product-card {
		width: 100%;
		overflow: hidden;
		position: relative;
		padding: 8px;
		border-radius: 8px;
		background: var(--white);
		border: 0;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
		height: 100%;
		box-shadow: 0 0 19px rgba(0,0,0,0.15);
		display: flex;
		flex-direction: column;
	}
	
	.woocommerce div.product {
		margin-bottom: 25px !important;
	}
	.product-card:hover {
		box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.14)
	}
	.product-card:hover .product-widget {
		opacity: 1;
		bottom: 15px
	}
	.product-card:hover .product-add {
		color: var(--white);
		background: rgb(253,76,42)
	}
	.product-media {
		position: relative
	}
	.product-label {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 10px;
		left: 10px
	}
	.label-text {
		font-size: 12px;
		padding: 5px 8px;
		line-height: 13px;
		border-radius: 3px;
		margin-bottom: 5px;
		color: var(--white);
		text-align: center;
		text-transform: capitalize
	}
	.label-text.off {
		background: var(--red)
	}
	.label-text.new {
		background: var(--green)
	}
	.label-text.sale {
		background: var(--orange)
	}
	.label-text.feat {
		background: var(--purple)
	}
	.label-text.rate {
		background: var(--yellow)
	}
	.label-text.order {
		background: var(--blue)
	}
	.product-wish {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 16px;
		color: var(--gray-chalk)
	}
	.product-wish.active {
		color: var(--primary)
	}
	.product-image{
		width: 100%;
	}
	.product-image img {
		width: 100%;
		height: 150px;
		object-fit: cover;
		border-radius: 5px;
	}
	.product-widget {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		opacity: 0;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.product-widget a {
		width: 40px;
		height: 40px;
		font-size: 15px;
		margin: 0px 6px;
		line-height: 40px;
		text-align: center;
		border-radius: 8px;
		color: var(--white);
		background: var(--primary);
		text-shadow: var(-primary-tshadow);
		box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.12)
	}
	.product-content {
		padding: 10px;
		/*border-top: 1px solid var(--border);*/
		display: grid;
		flex: 1 1 auto;
	}
	.product-rating {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 3px
	}
	.product-rating i, .product-rating a {
		font-size: 14px;
		margin: 0px 2px;
		color: var(--gray)
	}
	.product-rating a {
		white-space: nowrap;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.product-rating a:hover {
		color: var(--primary);
		text-decoration: underline;
	}
	.product-rating .active {
		color: var(--yellow)
	}
	.product-name{
		font-size: 16px;
		line-height: 20px;
		font-weight: 700;
	}
	.product-meta{
		font-size: 13px;
	}
	.product-name > a {
		margin-bottom: 5px;
		text-transform: capitalize;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
	}
	.product-name a {
		color: var(--dark);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.product-name a:hover {
		color: var(--primary)
	}
	.product-price {
		display: flex;
		align-items: center;
		justify-content: center;
		align-items: baseline;
		margin-bottom: 13px;
		flex-wrap: wrap;
	}
	.woocommerce .star-rating span {
		color: #fdcc0d;
	}
	.product-price del {
		color: #f3201d;
		margin-right: 8px
	}
	.product-price del span {
		color: #f3201d;
	}
	.product-price span {
		color: #004bd6;
		white-space: nowrap
	}
	.product-price span small {
		font-weight: 400
	}
	.product-disable {
		position: relative
	}
	.product-disable:hover {
		border-color: var(--border);
		box-shadow: none
	}
	.product-disable:hover .product-add {
		color: var(--heading);
		background: var(--border)
	}
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
		width: 100%;
		font-size: 15px;
		padding: 15px 0px;
		border-radius: 6px;
		text-align: center;
		text-transform: capitalize;
		color: var(--heading);
		background: var(--border);
		text-shadow: var(-primary-tshadow);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
		color: #fff !important;
		background: #004bd6 !important;
	}
	.product-disable .product-widget {
		visibility: hidden
	}
	.woocommerce div.product p.price, .woocommerce div.product span.price {
		font-size: 16px !important;
	}
	.product-disable::before {
		position: absolute;
		content: "Out of Stock";
		top: 40%;
		left: 50%;
		z-index: 2;
		width: 100%;
		font-size: 15px;
		font-weight: 400;
		padding: 15px 0px;
		text-align: center;
		text-transform: uppercase;
		text-shadow: var(--primary-tshadow);
		transform: translate(-50%, -50%);
		color: var(--white);
		background: rgba(224,152,22,0.9)
	}
	.product-disable::after {
		position: absolute;
		content: "";
		top: 0px;
		left: 0px;
		z-index: 1;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		background: rgba(255,255,255,0.6)
	}
	.product-meta span{
		margin-bottom: 5px;
		text-transform: capitalize;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
	}
	
	@media (max-width: 575px) {
		.product-card {
			padding: 0;
			margin-bottom: 0
		}
		.product-name {
			font-size: 16px;
			line-height: 18px
		}
		.product-image img{
			height:140px;
		}
	}
	.feature-card {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin-bottom: 25px;
		padding: 18px 18px;
		border-radius: 8px;
		background: var(--white);
		border: 1px solid var(--border);
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.feature-card:hover {
		border-color: var(--primary);
		box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.1)
	}
	.feature-card:hover .feature-widget {
		opacity: 1;
		bottom: 15px
	}
	.feature-card:hover .feature-add {
		color: var(--white);
		background: var(--primary)
	}
	.feature-media {
		position: relative
	}
	.feature-label {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 0px;
		left: 0px
	}
	.label-text {
		font-size: 12px;
		padding: 3px 8px;
		line-height: 13px;
		border-radius: 15px;
		margin-bottom: 5px;
		color: var(--white);
		text-align: center;
		text-transform: capitalize
	}
	.label-text.off {
		background: var(--red)
	}
	.label-text.new {
		background: var(--green)
	}
	.label-text.sale {
		background: var(--orange)
	}
	.label-text.feat {
		background: var(--purple)
	}
	.label-text.rate {
		background: var(--yellow)
	}
	.label-text.order {
		background: var(--blue)
	}
	.feature-wish {
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 18px;
		color: var(--gray-chalk)
	}
	.feature-wish.active {
		color: var(--primary)
	}
	.feature-image img {
		width: 220px;
		height: auto;
	}
	.feature-widget {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		opacity: 0;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.feature-widget a {
		width: 40px;
		height: 40px;
		font-size: 15px;
		margin: 0px 6px;
		line-height: 40px;
		text-align: center;
		border-radius: 8px;
		color: var(--white);
		background: var(--primary);
		text-shadow: var(-primary-tshadow);
		box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.12)
	}
	.feature-content {
		width: 100%;
		padding-left: 25px;
		margin-left: 25px;
		border-left: 1px solid var(--border)
	}
	.feature-rating {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 3px
	}
	.feature-rating i, .feature-rating a {
		font-size: 14px;
		margin: 0px 2px;
		color: var(--gray)
	}
	.feature-rating a {
		white-space: nowrap;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.feature-rating a:hover {
		color: var(--primary);
		text-decoration: underline
	}
	.feature-rating .active {
		color: var(--yellow)
	}
	.feature-name {
		margin-bottom: 3px;
		text-transform: capitalize
	}
	.feature-name a {
		color: var(--sub-heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.feature-name a:hover {
		color: var(--primary)
	}
	.feature-price {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		align-items: baseline;
		margin-bottom: 10px
	}
	.feature-price del {
		color: var(--red);
		margin-right: 8px
	}
	.feature-price span {
		color: var(--primary);
		white-space: nowrap;
		margin-right: 5px;
	}
	.feature-price span small {
		font-weight: 400
	}
	.feature-desc {
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 15px
	}
	
	@media (max-width: 575px) {
	.feature-card {
		padding: 10px;
		margin-bottom: 15px;
		flex-wrap:wrap;
	}
	.feature-image img {
		width: 100%
	}
	.feature-name {
		margin-bottom: 10px;
		margin-top: 10px;
	}
		.feature-content{
			border:0 !important;
			padding: 0 !important;
			margin-left: 0 !important;
		}
		.feature-content .banner-btn{
			margin-top:10px;
		}
		.banner-btn .btn{
			margin-right:0;
			display: block;
		}
	}
	
	@media (max-width: 450px) {
	.feature-card {
		align-items: center
	}
	.feature-content {
		padding-left: 12px;
		margin-left: 12px
	}
	.feature-desc {
		display: none
	}
	}
	
	@media (min-width: 992px) and (max-width: 1199px) {
	.feature-image img {
		width: 190px
	}
	}
	.product-standard {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin-bottom: 25px;
		padding: 15px 15px;
		border-radius: 8px;
		background: var(--white);
		border: 1px solid var(--border);
		display: flex;
		align-items: center;
		justify-content: flex-start;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.product-standard:hover {
		border-color: var(--primary);
		box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.1)
	}
	.product-standard:hover .standard-widget {
		opacity: 1;
		bottom: 15px
	}
	.product-standard:hover .standard-add {
		color: var(--white);
		background: var(--primary)
	}
	.standard-media {
		position: relative
	}
	.standard-label-group {
		position: absolute;
		top: 15px;
		left: 15px;
		z-index: 1
	}
	.standard-label {
		font-size: 14px;
		padding: 5px 8px;
		line-height: 13px;
		border-radius: 3px;
		text-transform: capitalize;
		color: var(--white)
	}
	.standard-label.off {
		background: var(--red)
	}
	.standard-label.new {
		background: var(--green)
	}
	.standard-label.sale {
		background: var(--orange)
	}
	.standard-label.feat {
		background: var(--purple)
	}
	.standard-label.rate {
		background: var(--yellow)
	}
	.standard-image img {
		width: 220px
	}
	.standard-widget {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		opacity: 0;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.standard-widget a {
		width: 40px;
		height: 40px;
		font-size: 15px;
		margin: 0px 6px;
		line-height: 40px;
		text-align: center;
		border-radius: 8px;
		color: var(--white);
		background: var(--primary);
		text-shadow: var(-primary-tshadow);
		box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.12)
	}
	.standard-content {
		width: 100%;
		margin-left: 30px;
		padding-left: 30px;
		border-left: 1px solid var(--border)
	}
	.standard-name {
		margin-bottom: 5px;
		text-transform: capitalize
	}
	.standard-name a {
		color: var(--sub-heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.standard-name a:hover {
		color: var(--primary)
	}
	.standard-price {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		align-items: baseline;
		margin-bottom: 5px
	}
	.standard-price del {
		color: var(--red);
		margin-right: 12px
	}
	.standard-price span {
		color: var(--primary);
		white-space: nowrap
	}
	.standard-price span small {
		font-weight: 400
	}
	.standard-rating {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 10px
	}
	.standard-rating i, .standard-rating a {
		font-size: 14px;
		margin-right: 3px;
		color: var(--gray)
	}
	.standard-rating a {
		white-space: nowrap;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.standard-rating a:hover {
		color: var(--primary);
		text-decoration: underline
	}
	.standard-rating .active {
		color: var(--yellow)
	}
	.standard-desc {
		margin-bottom: 20px
	}
	.standard-action-group {
		display: grid;
		grid-gap: 15px;
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))
	}
	.standard-action-group .product-add, .standard-action-group .action-input {
		padding: 10px 0px;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		color: var(--white);
		background: var(--primary)
	}
	.standard-action-group .product-add {
		font-size: 14px;
		font-weight: 500
	}
	.standard-wish {
		padding: 10px 0px;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.standard-wish i {
		font-size: 16px;
		margin-right: 6px;
	}
	.standard-wish span {
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0.5px;
		text-transform: uppercase;
	}
	.standard-wish {
		color: var(--primary);
		background: var(--border);
	}
	.standard-wish.active {
		color: var(--white);
		background: var(--primary);
	}
	.standard-action {
		display: flex;
		align-items: center;
		justify-content: center;
		display: none;
	}
	.standard-action button i, .standard-action a i {
		width: 35px;
		height: 35px;
		font-size: 15px;
		line-height: 35px;
		border-radius: 5px;
		text-align: center;
		display: inline-block;
		color: var(--text);
		background: var(--border);
		text-shadow: var(--primary-tshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
	}
	.standard-action button i:hover, .standard-action a i:hover {
		color: var(--white);
		background: var(--primary);
	}
	.standard-action input {
		width: 100%;
		height: 45px;
		margin: 0px 8px;
		font-size: 15px;
		line-height: 14px;
		border-radius: 5px;
		letter-spacing: 0.3px;
		text-align: center;
		color: var(--white);
		background: var(--primary);
		text-shadow: var(--primary-tshadow);
	}
	
	@media (max-width: 575px) {
	.product-standard {
		padding: 10px 10px
	}
	.standard-image img {
		width: 130px
	}
	.standard-content {
		margin-left: 10px;
		padding-left: 10px
	}
	.standard-name {
		font-size: 16px;
		margin-bottom: 3px
	}
	.standard-price {
		font-size: 15px;
		margin-bottom: 3px
	}
	.standard-rating {
		margin-bottom: 6px
	}
	.standard-desc {
		display: none
	}
	.standard-action-group {
		grid-gap: 10px;
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	}
	.product-add, .standard-wish {
		padding: 8px 0px
	}
	.product-add i, .standard-wish i {
		display: none
	}
	.standard-action input {
		height: 38px
	}
	}
	
	@media (min-width: 576px) and (max-width: 767px) {
	.standard-image img {
		width: 150px
	}
	.standard-content {
		margin-left: 10px;
		padding-left: 10px
	}
	.standard-name {
		font-size: 18px
	}
	.standard-price {
		font-size: 16px
	}
	.standard-desc {
		display: none
	}
	.standard-action-group {
		grid-gap: 10px;
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	}
	.product-add, .standard-wish {
		padding: 8px 0px
	}
	.product-add i, .standard-wish i {
		display: none
	}
	.standard-action input {
		height: 38px
	}
	}
	
	.brand-wrap {
		text-align: center;
		padding-top: 15px
	}
	.brand-wrap:hover .brand-media::before {
		border-color: var(--primary);
		animation-play-state: running
	}
	.brand-wrap:hover .brand-overlay {
		transform: scale(1)
	}
	.brand-media {
		display: inline-block;
		position: relative;
		margin-bottom: 15px;
		z-index: 1
	}
	.brand-media::before {
		position: absolute;
		content: "";
		top: 50%;
		left: 50%;
		z-index: -1;
		width: 175px;
		height: 175px;
		border-radius: 50%;
		background: var(--white);
		border: 2px dashed var(--border);
		transform: translate(-50%, -50%);
		animation: rotate360 1.2s linear infinite;
		animation-play-state: paused
	}
	.brand-media img {
		width: 150px;
		height: 150px;
		border-radius: 50%
	}
	@keyframes rotate360 {
	to {
	transform:translate(-50%, -50%) rotate(360deg)
	}
	}
	.brand-overlay {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		text-align: center;
		background: rgba(0,0,0,0.4);
		transform: scale(0);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.brand-overlay a i {
		width: 50px;
		height: 50px;
		line-height: 50px;
		border-radius: 50%;
		text-align: center;
		color: var(--white);
		background: var(--primary);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.brand-overlay a i:hover {
		color: var(--primary);
		background: var(--white)
	}
	.brand-meta h4 {
		text-transform: capitalize;
		margin-bottom: 3px
	}
	
	@media (max-width: 575px) {
	.brand-wrap {
		width: 200px
	}
	}
	.choose-card {
		display: flex
	}
	.choose-card:hover i {
		color: var(--white);
		background: var(--primary)
	}
	.choose-icon i {
		width: 75px;
		height: 75px;
		font-size: 40px;
		line-height: 75px;
		border-radius: 50%;
		margin-right: 30px;
		text-align: center;
		display: inline-block;
		color: var(--primary);
		background: var(--white);
		text-shadow: var(--primary-tshadow);
		box-shadow: var(--primary-bshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.choose-text h4 {
		margin-bottom: 10px;
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-card {
		margin-bottom: 30px
	}
	.blog-card:hover .blog-img img {
		transform: scale(1.05)
	}
	.blog-media {
		position: relative
	}
	.blog-calender {
		position: absolute;
		top: 20px;
		right: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 55px;
		height: 55px;
		border-radius: 6px;
		color: var(--white);
		background: rgba(0,0,0,0.6)
	}
	.blog-calender span {
		line-height: 20px
	}
	.blog-date {
		font-size: 20px;
		font-weight: 500
	}
	.blog-month {
		font-size: 14px;
		letter-spacing: 0.3px;
		text-transform: uppercase
	}
	.blog-img {
		overflow: hidden;
		border-radius: 8px;
		width: 100%;
	}
	.blog-img img {
		width: 100%;
		border-radius: 8px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
		height: auto;
	}
	.blog-card .blog-img img {
		height: 230px;
		object-fit: cover;
	}
	.blog-content {
		padding: 15px 15px 0px
	}
	.blog-meta {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-bottom: 15px
	}
	.blog-meta li {
		display: flex;
		align-items: center;
		margin-right: 30px
	}
	.blog-meta li:last-child {
		margin: 0px
	}
	.blog-meta li i {
		color: #004bd6;
		margin-right: 8px;
		font-size: 14px
	}
	.blog-meta li a, .blog-meta li span {
		font-size: 15px;
		font-weight: 400;
		white-space: nowrap;
		text-transform: uppercase
	}
	.blog-meta li a {
		color: var(--text);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-meta li a:hover {
		color: var(--primary)
	}
	.blog-title {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 15px
	}
	.blog-title a {
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-title a:hover {
		color: var(--primary)
	}
	.blog-desc {
		font-size: 17px;
		line-height: 28px;
		color: var(--gray);
		margin-bottom: 25px
	}
	.blog-btn {
		font-size: 15px;
		font-weight: 500;
		color: #004bd6;
		text-transform: uppercase;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-btn i {
		font-size: 17px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-btn:hover {
		color: var(--primary);
		text-decoration: underline
	}
	.blog-btn:hover i {
		margin-left: 5px
	}
	
	@media (max-width: 575px) {
	.blog-meta li {
		margin-right: 25px
	}
	.blog-content {
		padding: 15px 8px 0px
	}
	}
	
	@media (min-width: 992px) and (max-width: 1199px) {
	.blog-content {
		padding: 15px 12px 0px
	}
	}
	.offer-card {
		margin-bottom: 30px
	}
	.offer-card a {
		width: 100%
	}
	.offer-card a img {
		width: 100%;
		border-radius: 8px
	}
	.offer-div {
		display: flex;
		align-items: center;
		justify-content: center;
		justify-content: space-between;
		padding: 10px 15px;
		margin: 0px 15px;
		border-radius: 0px 0px 8px 8px;
		background: var(--white)
	}
	.offer-div h5 {
		font-size: 15px;
		font-weight: 400;
		text-transform: uppercase
	}
	.offer-div button, .offer-div span {
		font-size: 15px;
		font-weight: 500;
		color: var(--primary);
		text-transform: capitalize
	}
	
	@media (min-width: 351px) and (max-width: 575px) {
	.offer-card {
		width: 320px;
		margin: 0px auto 30px
	}
	}
	.account-card {
		margin-bottom: 30px;
		border-radius: 8px;
		padding: 0px 30px 30px;
		background: var(--white)
	}
	.account-title {
		padding: 18px 0px;
		margin-bottom: 25px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		justify-content: space-between;
		border-bottom: 1px solid var(--border)
	}
	.account-title::before {
		position: absolute;
		content: "";
		bottom: -2px;
		left: 0px;
		width: 50px;
		height: 2px;
		background: var(--primary)
	}
	.account-title h4 {
		text-transform: capitalize
	}
	.account-title button, .account-title a {
		border: none;
		font-size: 15px;
		font-weight: 500;
		border-radius: 6px;
		letter-spacing: 0.3px;
		padding: 5px 15px;
		white-space: nowrap;
		text-transform: capitalize;
		color: var(--primary);
		background: var(--green-chalk);
		text-shadow: var(--primary-tshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.account-title button:hover, .account-title a:hover {
		color: var(--white);
		background: var(--primary)
	}
	
	@media (max-width: 575px) {
	.account-card {
		padding: 0px 15px 15px
	}
	}
	.profile-card {
		padding: 25px;
		border-radius: 8px;
		margin-bottom: 25px;
		background: var(--chalk);
		border: 1px solid var(--border);
		position: relative;
		cursor: pointer
	}
	.profile-card:hover ul {
		visibility: visible;
		opacity: 1
	}
	.profile-card h6 {
		color: var(--text);
		margin-bottom: 8px;
		text-transform: capitalize
	}
	.profile-card p {
		text-transform: capitalize
	}
	.profile-card ul {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		position: absolute;
		top: 50%;
		right: 15px;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-50%);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.profile-card ul li {
		margin: 5px 0px
	}
	.profile-card ul li button {
		width: 30px;
		height: 32px;
		line-height: 32px;
		border-radius: 6px;
		text-align: center;
		display: inline-block;
		background: var(--white);
		text-shadow: var(--primary-tshadow);
		box-shadow: var(--primary-bshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.profile-card ul .edit {
		color: var(--green)
	}
	.profile-card ul .edit:hover {
		color: var(--white);
		background: var(--green)
	}
	.profile-card ul .trash {
		color: var(--red)
	}
	.profile-card ul .trash:hover {
		color: var(--white);
		background: var(--red)
	}
	.profile-card.active {
		background: var(--green-chalk);
		border-color: var(--primary)
	}
	.payment-card {
		padding: 25px;
		border-radius: 6px;
		margin-bottom: 25px;
		background: var(--chalk);
		border: 1px solid var(--border);
		position: relative;
		cursor: pointer
	}
	.payment-card:hover button {
		visibility: visible;
		opacity: 1
	}
	.payment-card img {
		margin-bottom: 18px
	}
	.payment-card h4 {
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 5px;
		text-transform: capitalize
	}
	.payment-card p {
		color: var(--heading);
		margin-bottom: 5px
	}
	.payment-card p span {
		font-size: 20px;
		margin-right: 15px;
		letter-spacing: 2px
	}
	.payment-card p sup {
		font-size: 13px;
		font-weight: 500;
		letter-spacing: 2px
	}
	.payment-card h5 {
		font-size: 14px;
		line-height: 22px;
		text-transform: capitalize
	}
	.payment-card button {
		position: absolute;
		top: 15px;
		right: 15px;
		opacity: 0;
		visibility: hidden;
		width: 30px;
		height: 32px;
		line-height: 32px;
		border-radius: 6px;
		text-align: center;
		display: inline-block;
		background: var(--white);
		text-shadow: var(--primary-tshadow);
		box-shadow: var(--primary-bshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.payment-card .trash {
		color: var(--red)
	}
	.payment-card .trash:hover {
		color: var(--white);
		background: var(--red)
	}
	.payment-card.active {
		background: var(--green-chalk);
		border-color: var(--primary)
	}
	
	@media (max-width: 575px) {
	.payment-card p span {
		margin-right: 8px
	}
	}
	.contact-card {
		text-align: center;
		border-radius: 8px;
		margin: 0px 2.5px 30px;
		padding: 60px 15px 55px;
		background: var(--white);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.contact-card:hover {
		background: var(--primary)
	}
	.contact-card:hover i {
		color: var(--primary);
		background: var(--white)
	}
	.contact-card:hover h4, .contact-card:hover p, .contact-card:hover a {
		color: var(--white)
	}
	.contact-card i {
		width: 50px;
		height: 50px;
		font-size: 22px;
		line-height: 50px;
		border-radius: 50%;
		margin-bottom: 15px;
		text-align: center;
		display: inline-block;
		color: var(--white);
		background: var(--primary);
		text-shadow: var(--primary-tshadow);
		box-shadow: var(--primary-bshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.contact-card h4 {
		margin-bottom: 18px;
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.contact-card p {
		width: 250px;
		font-size: 18px;
		line-height: 30px;
		margin: 0 auto;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.contact-card p a {
		font-size: 18px;
		line-height: 30px;
		display: block;
		color: var(--text);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.contact-card.active {
		background: var(--primary)
	}
	.contact-card.active i {
		color: var(--primary);
		background: var(--white)
	}
	.contact-card.active h4, .contact-card.active p, .contact-card.active a {
		color: var(--white)
	}
	.branch-card {
		margin: 0px 2.5px 30px;
		position: relative
	}
	.branch-card:hover::before {
		background: rgba(17,151,68,0.85)
	}
	.branch-card:hover .branch-overlay {
		top: 50%
	}
	.branch-card:hover .branch-overlay p {
		opacity: 1
	}
	.branch-card::before {
		position: absolute;
		content: "";
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		background: rgba(0,0,0,0.45);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.branch-card img {
		width: 100%;
		border-radius: 8px
	}
	.branch-overlay {
		position: absolute;
		top: 60%;
		left: 0px;
		width: 100%;
		padding: 0px 15px;
		text-align: center;
		transform: translateY(-50%);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.branch-overlay h3 {
		color: var(--white);
		letter-spacing: 0.3px;
		margin-bottom: 8px;
		text-transform: capitalize;
		text-shadow: var(--primary-tshadow)
	}
	.branch-overlay p {
		width: 200px;
		margin: 0 auto;
		letter-spacing: 0.3px;
		color: var(--white);
		opacity: 0;
		text-transform: capitalize;
		text-shadow: var(--primary-tshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.team-media {
		overflow: hidden;
		position: relative;
		border-radius: 8px
	}
	.team-media:hover img {
		transform: scale(1.05)
	}
	.team-media:hover .team-overlay {
		top: 0px;
		opacity: 1
	}
	.team-media:hover .team-overlay a {
		padding-top: 0px
	}
	.team-media img {
		width: 100%;
		height: 230px;
		object-fit: cover;
		border-radius: 8px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.team-overlay {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		opacity: 0;
		background: rgba(0,0,0,0.3);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.team-overlay a {
		width: 36px;
		height: 36px;
		font-size: 15px;
		line-height: 36px;
		margin: 0px 5px;
		padding-top: 30px;
		text-align: center;
		border-radius: 50%;
		color: var(--text);
		background: var(--white);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.team-meta {
		text-align: center
	}
	.team-meta h5 {
		text-transform: capitalize
	}
	.team-meta h5 a {
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.team-meta h5 a:hover {
		color: var(--primary)
	}
	.team-meta p {
		font-size: 15px;
		text-transform: capitalize
	}
	
	@media (max-width: 575px) {
	.team-card {
		width: 290px;
		margin: 0px auto 50px
	}
	}
	.header-top {
		padding: 5px 0px;
		background: var(--primary);
		color: var(--white);
	}
	.header-top-welcome p {
		font-size: 14px;
		
		color: var(--white);
		letter-spacing: 0.3px
	}
	.header-top-select {
		margin-top: 3px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--white);
	}
	.header-select {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		border-right: 1px solid var(--green)
	}
	.header-select:last-child {
		border: none
	}
	.header-select i {
		font-size: 16px;
		margin-right: 8px;
		color: var(--white)
	}
	.header-select .nice-select {
		line-height: 20px
	}
	.header-select .nice-select::after {
		border-right-color: var(--white);
		border-bottom-color: var(--white)
	}
	.header-select .nice-select .current {
		color: var(--white)
	}
	.header-top-list {
		display: flex;
		align-items: center;
		justify-content: flex-end
	}
	.header-top-list li {
		margin-left: 35px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-top-list li a {
		font-size: 14px;
		color: var(--white);
		letter-spacing: 0.3px;
		white-space: nowrap;
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-top-list li::before {
		color: var(--white);
		padding-right: 10px;
	}
	.header-top-list li a:hover {
		color: #004bd6
	}
	.header-top-list li:hover::before {
		color: #004bd6
	}
	
	@media (max-width: 767px) {
	.header-top-welcome, .header-top-list, .header-top {
		display: none
	}
	.header-top-select {
		width: 270px;
		margin: 0px auto
	}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
	.header-top-welcome {
		text-align: center;
		margin-bottom: 10px;
	}
		.header-top{
			display: none;
		}
	}
	.header-part {
		background: var(--white);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-part.active {
		position: sticky;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 3;
		background: var(--white);
		box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-part.active .header-widget:hover i {
		background: var(--primary)
	}
	.header-part.active .header-widget sup {
		border-color: var(--white)
	}
	.header-part.active .header-form {
		background: var(--white);
		border-color: var(--primary)
	}
	.header-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 0px;
		position: relative;
	}
	.header-logo {
		margin-right: 50px
	}
	.header-logo img {
		width: auto;
		height: 50px
	}
	.header-widget-group {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.header-widget-group .header-widget {
		margin-left: 20px
	}
	.header-widget-group .header-widget:first-child {
		margin-left: 0px
	}
	.header-widget {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center
	}
	.header-widget > div {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center
	}
	.header-widget:hover i {
		color: var(--white);
		background: var(--primary);
		text-shadow: var(--primary-tshadow)
	}
	.header-widget:hover span {
		color: var(--white)
	}
	.header-widget img {
		width: 40px;
		height: 40px;
		border-radius: 50%
	}
	.header-widget i {
		width: 40px;
		height: 40px;
		font-size: 32px;
		line-height: 40px;
		text-align: center;
		display: inline-block;
		border-radius: 50%;
		color: var(--dark);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-widget span {
		font-size: 15px;
		font-weight: 400;
		margin-left: 8px;
		letter-spacing: 0.3px;
		white-space: nowrap;
		text-align: left;
		text-transform: capitalize;
		color: var(--white);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-widget span small {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
		font-family: sans-serif;
		display: block;
		color: var(--white);
	}
	.header-widget span small bdi {
		display: flex;
	}
	.header-widget span small span {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
		font-family: sans-serif;
		display: block;
		margin-left: 0;
	}
	.header-widget sup {
		position: absolute;
		top: -12px;
		left: 20px;
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 20px;
		border-radius: 50%;
		text-align: center;
		color: var(--white);
		background: #004bd6;
		border: 2px solid var(--white);
		text-shadow: var(--primary-tshadow)
	}
	.header-cart span {
		font-size: 12px;
		margin-left: 15px;
		line-height: 20px;
		text-transform: uppercase
	}
	.header-form {
		width: 100%;
		max-width: 300px;
		margin: 0px 50px;
		border-radius: 8px;
		background: var(--chalk);
		border: 2px solid var(--chalk);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-form:focus-within {
	background:var(--white);
	border-color:var(--primary)
	}
	.header-form input {
		width: 100%;
		height: 45px;
		font-size: 15px;
		padding-left: 15px
	}
	.header-form button i {
		width: 45px;
		height: 45px;
		font-size: 15px;
		line-height: 45px;
		text-align: center;
		border-radius: 8px;
		color: var(--text);
		display: inline-block;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-form button i:hover {
		color: var(--primary)
	}
	.header-media-group {
		display: none;
		align-items: center;
		justify-content: space-between
	}
	.header-media-group a img {
		width: auto;
		height: 45px
	}
	.header-user img, .header-src img {
		width: 40px;
		height: 40px;
		border-radius: 50%
	}
	.header-user i, .header-src i {
		width: 40px;
		height: 40px;
		font-size: 18px;
		line-height: 40px;
		text-align: center;
		display: inline-block;
		border-radius: 50%;
		color: var(--dark);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-user i:hover, .header-src i:hover {
		color: var(--primary);
	}
	
	@media (max-width: 991px) {
	.header-content {
		padding: 10px 0px;
		flex-direction: column
	}
	.header-media-group {
		width: 100%;
		display: flex
	}
	.header-widget-group, .header-widget, .header-logo {
		display: none
	}
	.header-form {
		display: none;
		margin: 10px 0px 0px
	}
	.header-form.active {
		display: flex
	}
	}
	
	@media (min-width: 992px) and (max-width: 1199px) {
	.header-widget span {
		display: none
	}
	}
	.navbar-part {
		
	}
	.navbar-content {
		display: flex;
		align-items: center;
		justify-content: space-between
	}
	.navbar-list {
		display: flex;
		align-items: center;
		justify-content: flex-start
	}
	.navbar-item {
		margin-right: 30px
	}
	.navbar-item:last-child {
		margin-right: 0px
	}
	.navbar-link {
		padding: 22px 0px;
		font-weight: 500;
		color: var(--dark);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.navbar-link:hover, .navbar-link.active {
		color: var(--orange)
	}
	.navbar-focus-list {
		display: flex;
		align-items: center;
		justify-content: flex-end
	}
	.navbar-focus-list li {
		margin-left: 30px
	}
	.navbar-focus-list li:first-child {
		margin-left: 0px
	}
	.navbar-focus-list li a {
		font-weight: 500;
		color: var(--text);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.navbar-focus-list li a:hover {
		color: var(--primary)
	}
	.navbar-focus-list li a i {
		font-size: 18px;
		margin-right: 5px
	}
	.navbar-info-group {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.navbar-info > a {
		margin-right: 30px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: #004bd6;
	}
	.navbar-info:last-child {
		margin-right: 0px
	}
	.navbar-info i {
		font-size: 30px;
		margin-right: 15px;
		color: #ff5200;
	}
	.navbar-info p small {
		font-size: 14px;
		line-height: 16px;
		display: block;
		text-align: left;
		text-transform: capitalize;
		color: #ff5200;
	}
	.navbar-info p span {
		font-size: 15px;
		font-weight: 500;
		color: #004bd6;
	}
	
	@media (max-width: 991px) {
	.navbar-part {
		display: none
	}
	}
	
	@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-list li {
		margin-right: 18px
	}
	.navbar-link {
		font-size: 15px
	}
	.navbar-info {
		margin-right: 15px
	}
	.navbar-info p span {
		font-size: 14px
	}
	.navbar-info i {
		margin-right: 10px
	}
	}
	.nav-sidebar {
		position: fixed;
		top: 0px;
		left: -120%;
		width: 100%;
		height: 100vh;
		padding: 0px;
		z-index: 10001;
		background: var(--chalk);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.nav-sidebar.active {
		left: 0px
	}
	.nav-header {
		padding: 15px 15px;
		position: relative;
		border: 0;
		background-color: var(--white);
		border-radius: 10px;
		margin: 10px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.012), 0 1px 2px rgba(0,0,0,0.14);
	}
	.nav-header a img {
		width: auto;
		height: 40px
	}
	.nav-close {
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
	}
	.nav-close i {
		width: 35px;
		height: 35px;
		font-size: 18px;
		line-height: 35px;
		border-radius: 50%;
		text-align: center;
		display: inline-block;
		color: var(--white);
		background: var(--primary);
		text-shadow: var(--primary-tshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.nav-close i:hover {
		color: var(--white);
		background: var(--primary)
	}
	.nav-content {
		padding: 0;
		overflow-y: scroll;
		max-height: calc(100vh - 100px)
	}
	.nav-content .nav-list, .nav-info-group{
		padding: 15px 15px;
		position: relative;
		border: 0;
		background-color: var(--white);
		border-radius: 10px;
		margin: 0 10px 10px 10px;
		width: auto;
		box-shadow: 0 1px 3px rgba(0,0,0,0.012), 0 1px 2px rgba(0,0,0,0.14);
	}
	.nav-btn {
		width: 100%;
		padding: 50px 0px;
		margin-bottom: 20px;
		text-align: center;
		background: var(--chalk)
	}
	.nav-btn .btn {
		font-size: 14px;
		padding: 12px 28px;
		letter-spacing: 0.3px
	}
	.nav-btn .btn i {
		font-size: 14px
	}
	.nav-profile {
		width: 100%;
		text-align: center;
		padding: 18px 0px 0px
	}
	.nav-user {
		margin-bottom: 10px;
		border-radius: 50%;
		border: 2px solid var(--primary)
	}
	.nav-user img {
		width: 85px;
		height: 85px;
		border-radius: 50%;
		border: 2px solid var(--white)
	}
	.nav-name {
		margin-bottom: 18px;
		text-transform: capitalize
	}
	.nav-name a {
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.nav-name a:hover {
		color: var(--primary)
	}
	.nav-select-group {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 18px;
		border-bottom: 1px solid var(--border)
	}
	.nav-select {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 18px;
		padding-right: 18px;
		line-height: 20px;
		border-right: 1px solid var(--gray-chalk)
	}
	.nav-select:last-child {
		padding: 0px;
		margin: 0px;
		border: none
	}
	.nav-select i {
		margin-right: 5px
	}
	.nav-list {
		width: 100%
	}
	.nav-list li {
		width: 100%;
		border-bottom: 1px solid var(--chalk);
	}
	.nav-list li:last-child {
		border-bottom: 0;
	}
	.nav-link {
		width: 100%;
		font-weight: 500;
		padding: 12px 15px;
		border-radius: 8px;
		color: var(--dark);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.nav-link:hover {
		color: var(--primary);
	}
	.nav-link::before {
		right: 15px
	}
	.nav-link i {
		font-size: 20px;
		margin-right: 12px
	}
	.nav-link.active {
		color: var(--primary);
		font-weight: 600;
	}
	.nav-info-group {
		
	}
	.nav-info > a {
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: var(--dark);
	}
	.nav-info:last-child > a {
		margin-bottom: 0px
	}
	.nav-info i {
		font-size: 30px;
		margin-right: 15px;
		color: var(--dark);
	}
	.nav-info p small {
		font-size: 14px;
		line-height: 18px;
		display: block;
		text-align: left;
		text-transform: capitalize
	}
	.nav-info p span {
		font-size: 16px;
		font-weight: 500
	}
	.nav-footer {
		text-align: center
	}
	.nav-footer p {
		font-size: 14px;
		color: var(--gray)
	}
	.nav-footer p a {
		color: var(--primary)
	}
	.cart-sidebar {
		position: fixed;
		top: 0px;
		right: -450px;
		width: 400px;
		height: 100vh;
		z-index: 5;
		background: var(--white);
		box-shadow: -15px 0px 25px 0px rgba(0,0,0,0.15);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.cart-sidebar.active {
		right: 0px
	}
	.cart-header {
		padding: 18px 25px;
		text-align: center;
		position: relative;
		border-bottom: 1px solid var(--border)
	}
	.cart-total {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.cart-total i {
		font-size: 20px;
		margin-right: 8px;
		color: var(--primary)
	}
	.cart-total span {
		font-weight: 500;
		color: var(--primary);
		text-transform: capitalize
	}
	.cart-close {
		position: absolute;
		top: 50%;
		left: -18px;
		transform: translateY(-50%)
	}
	.cart-close i {
		width: 35px;
		height: 35px;
		font-size: 18px;
		line-height: 35px;
		border-radius: 50%;
		text-align: center;
		display: inline-block;
		color: var(--text);
		background: var(--white);
		text-shadow: var(--primary-tshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.cart-close i:hover {
		color: var(--white);
		background: var(--primary)
	}
	.cart-list {
		height: 100%;
		padding: 0px 15px;
		max-height: calc(100vh - 150px);
		overflow-y: scroll
	}
	.cart-item {
		padding: 15px 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		align-items: flex-start;
		border-bottom: 1px solid var(--border)
	}
	.cart-item:hover .cart-media button {
		transform: scale(1)
	}
	.cart-item:last-child {
		border-bottom: none
	}
	.cart-media {
		position: relative;
		margin-right: 25px
	}
	.cart-media a img {
		width: 100px;
		max-width: 100px;
		border-radius: 8px;
		height: 100px;
		object-fit: cover;
	}
	.cart-media button {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		background: rgba(0,0,0,0.2);
		transform: scale(0);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.cart-media button i {
		width: 32px;
		height: 32px;
		font-size: 18px;
		line-height: 32px;
		text-align: center;
		border-radius: 5px;
		display: inline-block;
		color: var(--red);
		background: rgba(255,255,255,0.9);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.cart-media button i:hover {
		color: var(--white);
		background: var(--red)
	}
	.cart-info-group {
		width: 100%
	}
	.cart-info {
		margin-bottom: 13px
	}
	.cart-info h6 {
		font-weight: 400;
		text-transform: capitalize
	}
	.cart-info h6 a {
		color: var(--heading)
	}
	.cart-info p {
		font-size: 14px
	}
	.cart-action-group {
		display: flex;
		align-items: center;
		justify-content: center;
		justify-content: space-between
	}
	.cart-action-group .product-action {
		display: flex
	}
	.cart-action-group .product-action button i {
		width: 30px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
		border-radius: 5px
	}
	.cart-action-group .product-action input {
		width: 45px;
		height: 30px;
		font-size: 14px;
		border-radius: 5px;
		color: var(--primary);
		background: var(--chalk)
	}
	.cart-action-group h6 {
		font-weight: 500;
		color: var(--primary)
	}
	.cart-footer {
		padding: 20px 15px 0px;
		text-align: center;
		box-shadow: 0px -3px 7px 0px rgba(0,0,0,0.08)
	}
	.coupon-btn {
		font-weight: 500;
		margin-bottom: 20px;
		color: var(--primary);
		text-shadow: var(--primary-tshadow)
	}
	.coupon-btn:hover {
		text-decoration: underline
	}
	.coupon-form {
		padding: 3px;
		border-radius: 8px;
		margin-bottom: 18px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--border);
		box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.1);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
		display: none
	}
	.coupon-form:focus-within {
	border-color:var(--primary)
	}
	.coupon-form input {
		width: 100%;
		height: 38px;
		padding: 0px 15px
	}
	.coupon-form button span {
		width: 100px;
		height: 38px;
		font-size: 14px;
		line-height: 38px;
		border-radius: 8px;
		display: block;
		text-align: center;
		text-transform: uppercase;
		color: var(--white);
		background: var(--primary)
	}
	.cart-checkout-btn {
		padding: 10px 0px;
		border-radius: 8px;
		background: var(--primary);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.cart-checkout-btn:hover {
		background: var(--heading)
	}
	.checkout-label {
		width: 100%;
		height: 30px;
		font-size: 15px;
		line-height: 30px;
		letter-spacing: 0.3px;
		text-align: center;
		text-transform: capitalize;
		color: var(--white)
	}
	.checkout-price {
		padding: 0px 25px;
		letter-spacing: 0.3px;
		color: var(--white);
		border-left: 1px solid var(--border)
	}
	
	@media (max-width: 450px) {
	.cart-sidebar {
		right: 0px;
		width: 100%;
		height: 100vh;
		transform: scale(0);
		margin: 80px 0px 0px;
		border-radius: 15px 15px 0px 0px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.cart-sidebar.active {
		transform: scale(1);
		transform-origin: top
	}
	.cart-close {
		left: 50%;
		top: -45px;
		bottom: inherit;
		transform: translateX(-50%);
		border-radius: 50px 50px 0px 0px;
		box-shadow: 0px -8px 10px 0px rgba(0,0,0,0.15)
	}
	.cart-list {
		max-height: calc(100vh - 290px)
	}
	.cart-media a img {
		width: 80px
	}
	}
	.category-sidebar {
		position: fixed;
		top: 0px;
		left: -320px;
		width: 280px;
		height: 100vh;
		z-index: 10009;
		background: var(--white);
		box-shadow: 15px 0px 25px 0px rgba(0,0,0,0.15);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.category-sidebar.active {
		left: 0px
	}
	.category-header {
		padding: 15px 18px;
		position: relative;
		border-bottom: 1px solid var(--border);
		display: flex;
		align-items: center;
		justify-content: flex-start
	}
	.category-title {
		color: var(--primary);
		text-transform: capitalize;
		display: flex;
		align-items: center;
		justify-content: flex-start
	}
	.category-title i {
		margin-right: 8px
	}
	.category-close {
		position: absolute;
		top: 50%;
		right: -18px;
		transform: translateY(-50%)
	}
	.category-close i {
		width: 35px;
		height: 35px;
		font-size: 18px;
		line-height: 35px;
		border-radius: 50%;
		text-align: center;
		display: inline-block;
		color: var(--text);
		background: var(--white);
		text-shadow: var(--primary-tshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.category-close i:hover {
		color: var(--white);
		background: var(--primary)
	}
	.category-list {
		width: 100%;
		padding: 0px 15px;
		overflow-y: scroll;
		height: calc(100vh - 130px)
	}
	.category-item {
		width: 100%;
		border-bottom: 1px solid var(--border)
	}
	.category-link {
		font-size: 16px;
		font-weight: 400;
		padding: 12px 15px;
		color: var(--text);
		text-transform: capitalize;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.category-link i {
		font-size: 25px;
		margin-right: 15px;
		display: inline-block
	}
	.category-footer {
		text-align: center;
		margin-top: 20px
	}
	.category-footer p {
		font-size: 14px;
		color: var(--gray)
	}
	.category-footer p a {
		color: var(--primary)
	}
	.mobile-menu {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		z-index: 3;
		background: var(--white);
		box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.1);
		display: flex;
		align-items: center;
		justify-content: center;
		justify-content: space-between;
		display: none
	}
	.mobile-menu a, .mobile-menu button {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 80px;
		padding: 8px 0px;
		border-radius: 8px;
		position: relative
	}
	.mobile-menu a:hover, .mobile-menu button:hover, .mobile-menu a.active {
		color: var(--primary);
	}
	.mobile-menu a:hover i, .mobile-menu button:hover i {
		color: var(--white);
		background-color: var(--primary);
	}
	.mobile-menu a:hover span, .mobile-menu button:hover span {
		color: var(--dark)
	}
	.mobile-menu a i, .mobile-menu button i {
		font-size: 15px;
		margin-bottom: 5px;
		color: var(--white);
		background-color: var(--primary);
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30px;
		height: 30px;
		border-radius: 50%;
	}
	.mobile-menu a span, .mobile-menu button span {
		font-size: 12px;
		line-height: 12px;
		color: var(--dark);
	}
	.mobile-menu a sup, .mobile-menu button sup {
		position: absolute;
		top: -5px;
		left: 75%;
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 20px;
		border-radius: 50%;
		text-align: center;
		transform: translateX(-50%);
		color: var(--white);
		background: var(--primary);
		border: 2px solid var(--green-chalk);
		text-shadow: var(--primary-tshadow)
	}
	.mobile-menu a .fas fa-shopping-basket, .mobile-menu button .fas fa-shopping-basket {
		font-size: 18px
	}
	
	@media (max-width: 991px) {
	.mobile-menu {
		display: flex
	}
	}
	.product-view {
		max-width: 1000px;
		border-radius: 8px;
		background: var(--white)
	}
	.view-gallery {
		margin: 30px;
		position: relative
	}
	.view-label-group {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
		display: flex;
		flex-direction: column
	}
	.view-label {
		font-size: 15px;
		padding: 6px 10px;
		margin-bottom: 6px;
		line-height: 13px;
		border-radius: 3px;
		text-align: center;
		text-transform: capitalize;
		color: var(--white)
	}
	.view-label:last-child {
		margin-bottom: 0px
	}
	.view-label.off {
		background: var(--red)
	}
	.view-label.new {
		background: var(--green)
	}
	.view-label.sale {
		background: var(--orange)
	}
	.view-label.feat {
		background: var(--purple)
	}
	.view-label.rate {
		background: var(--yellow)
	}
	.view-details {
		margin: 30px
	}
	.view-name {
		font-size: 20px;
		line-height: 34px;
		/*margin-bottom: 20px;*/
		text-transform: capitalize;
		font-weight: 700;
	}
	.view-name a {
		color: var(--heading)
	}
	.view-name a:hover {
		color: var(--primary)
	}
	.view-meta {
		margin-bottom: 12px;
		display: flex;
		align-items: center;
		justify-content: flex-start
	}
	.view-meta p {
		font-size: 13px;
		margin-right: 20px;
		text-transform: uppercase;
		color: var(--placeholder)
	}
	.view-meta span, .view-meta a {
		margin-left: 5px;
		color: var(--placeholder)
	}
	.view-meta a:hover {
		text-decoration: underline;
		color: var(--primary)
	}
	.view-rating {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 15px
	}
	.view-rating i, .view-rating a {
		font-size: 15px;
		margin-right: 3px;
		color: var(--gray)
	}
	.view-rating a {
		margin-left: 8px;
		white-space: nowrap;
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.view-rating a:hover {
		color: var(--primary);
		text-decoration: underline
	}
	.view-rating .active {
		color: var(--yellow)
	}
	.view-price {
		margin-bottom: 20px
	}
	.view-price del {
		color: var(--red);
		margin-right: 25px
	}
	.view-price span {
		color: var(--primary)
	}
	.view-price span small {
		font-size: 14px;
		font-weight: 400;
		text-transform: capitalize
	}
	.view-desc {
		margin-bottom: 25px
	}
	.view-list-group {
		display: flex;
		align-items: center;
		justify-content: center;
		justify-content: flex-start;
		margin-bottom: 25px
	}
	.view-list-group:last-child {
		margin-bottom: 0px
	}
	.view-list-title {
		font-weight: 500;
		margin-right: 15px;
		color: var(--heading);
		text-transform: capitalize
	}
	.view-tag-list {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.view-tag-list li {
		margin-right: 8px
	}
	.view-tag-list li a {
		font-size: 14px;
		line-height: 12px;
		padding: 8px 10px;
		border-radius: 5px;
		letter-spacing: 0.3px;
		text-transform: capitalize;
		color: var(--text);
		background: var(--chalk);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.view-tag-list li a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.view-share-list {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.view-share-list li {
		margin-right: 8px
	}
	.view-share-list li a {
		width: 35px;
		height: 35px;
		font-size: 16px;
		line-height: 35px;
		border-radius: 50%;
		text-align: center;
		color: var(--text);
		background: var(--chalk);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.view-share-list li a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.view-add-group {
		margin: 45px 0px 15px
	}
	.view-add-group .product-add, .view-add-group .action-input {
		height: 46px;
		line-height: 46px;
		letter-spacing: 0.3px;
		text-transform: uppercase;
		color: var(--white);
		background: var(--primary)
	}
	.view-action-group {
		display: grid;
		grid-gap: 15px;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		position: relative
	}
	.view-action-group a {
		padding: 10px 0px;
		border-radius: 8px;
		color: var(--text);
		background: var(--border);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.view-action-group a i {
		font-size: 16px;
		margin-right: 8px
	}
	.view-action-group a span {
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0.5px;
		text-transform: uppercase
	}
	.view-wish.active {
		color: var(--white);
		background: var(--primary)
	}
	.preview-slider {
		margin-bottom: 20px
	}
	.preview-slider li img {
		width: 100%;
		border-radius: 8px
	}
	.thumb-slider li {
		margin: 0px 10px;
		cursor: pointer
	}
	.thumb-slider li img {
		width: 100%;
		border-radius: 8px;
		border: 1px solid var(--border)
	}
	.thumb-slider .slick-center img {
		border: 1px solid var(--primary)
	}
	
	@media (max-width: 500px) {
	.view-gallery, .view-details {
		margin: 25px
	}
	.view-list-group {
		align-items: flex-start;
		flex-direction: column
	}
	.view-list-title {
		margin: 0px 0px 10px
	}
		.view-name{
			font-size:18px;
			line-height: 21px;
		}
	}
	
	@media (max-width: 767px) {
	.product-view {
		max-width: 480px
	}
	}
	.countdown-part {
		padding: 80px 0px;
		background: linear-gradient(to left, #c3ffda, #a1f3c0)
	}
	.countdown-content {
		text-align: center
	}
	.countdown-content h3 {
		font-size: 40px;
		font-weight: 700;
		line-height: 48px;
		text-transform: uppercase;
		margin-bottom: 12px
	}
	.countdown-content p {
		margin-bottom: 38px
	}
	.countdown-clock {
		margin-bottom: 45px
	}
	.countdown-img {
		position: relative
	}
	.countdown-img img {
		width: 100%
	}
	.countdown-off {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		padding: 35px 30px 30px;
		background: var(--red);
		position: absolute;
		top: 0px;
		left: 0px
	}
	.countdown-off span {
		display: block;
		text-transform: uppercase;
		font-size: 30px;
		font-weight: 500;
		letter-spacing: 0.5px;
		color: var(--white)
	}
	
	@media (max-width: 767px) {
	.countdown-part {
		padding: 60px 0px
	}
	.countdown-img {
		margin-top: 30px
	}
	}
	.news-part {
		padding: 70px 0px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: relative;
		z-index: 1
	}
	.news-part::before {
		position: absolute;
		content: "";
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: linear-gradient(to right, rgba(6,23,56,0.8), rgb(0 150 199));
		z-index: -1
	}
	.news-text h2 {
		font-size: 35px;
		color: var(--white);
		margin-bottom: 5px
	}
	.news-text p {
		font-size: 18px;
		font-weight: 300;
		color: var(--white)
	}
	.news-form {
		width: 100%;
		padding: 6px;
		border-radius: 8px;
		background: var(--white);
		display: flex;
		align-items: center;
		justify-content: center
	}
	.news-form input {
		width: 100%;
		height: 50px;
		padding: 0px 20px;
		line-height: 50px
	}
	.news-form button span {
		width: 180px;
		font-size: 14px;
		font-weight: 500;
		padding: 12px 0px;
		border-radius: 8px;
		text-align: center;
		display: inline-block;
		text-transform: uppercase;
		color: var(--white);
		background: #004bd6;
	}
	.news-form button span i {
		margin-right: 5px
	}
	
	@media (max-width: 575px) {
	.news-form {
		flex-direction: column
	}
	}
	
	@media (max-width: 767px) {
	.news-text {
		margin-bottom: 30px
	}
	}
	
	@media (max-width: 991px) {
	.news-part {
		padding: 50px 30px 60px
	}
	.news-part .container-fluid {
		padding: 0px
	}
	}
	.intro-part {
		padding: 80px 0px;
		background: var(--intro-bg)
	}
	.intro-wrap {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start
	}
	.intro-wrap:hover .intro-icon i {
		color: var(--white);
		background: var(--primary)
	}
	.intro-icon {
		margin-right: 20px
	}
	.intro-icon i {
		width: 50px;
		height: 50px;
		font-size: 18px;
		line-height: 43px;
		border-radius: 50%;
		text-align: center;
		display: inline-block;
		color: #004bd6;
		background: var(--white);
		border: 3px double #004bd6;
		box-shadow: var(--primary-bshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.intro-content h5 {
		font-size: 17px;
		margin-bottom: 8px;
		text-transform: capitalize
	}
	.intro-content p {
		font-size: 15px;
		line-height: 22px
	}
	
	@media (max-width: 767px) {
	.intro-part {
		padding: 60px 0px 30px
	}
	.intro-wrap {
		margin-bottom: 30px
	}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
	.intro-part {
		padding: 80px 0px 50px
	}
	.intro-wrap {
		margin-bottom: 30px
	}
	}
	.footer-part {
		padding-top: 35px;
		color: var(--white);
		background-color: var(--primary);
		background-position: bottom center;
		background-repeat: repeat-x;
		background-size: 100%;
	}
	.footer-part a{
		color: var(--white) !important;
	}
	.footer-widget {
		display: grid;
		grid-template-columns: 100%
	}
	.footer-widget a{
		color: var(--white);
	}
	.footer-logo {
		margin-bottom: 25px
	}
	.footer-logo img {
		width: 180px
	}
	.footer-desc {
		margin-bottom: 30px
	}
	.footer-social li {
		display: inline-block;
		margin-right: 7px
	}
	.footer-social li:last-child {
		margin-right: 0px
	}
	.footer-social li a {
		width: 40px;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		border-radius: 50%;
		text-align: center;
		color: var(--dark);
		background: var(--white);
		text-shadow: var(--primary-tshadow);
		box-shadow: var(--primary-bshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.footer-social li a:hover {
		color: var(--primary);
		background: var(--primary)
	}
	.footer-widget h3, .footer-widget h4 {
		margin-bottom: 25px;
		letter-spacing: -0.3px;
		text-transform: uppercase;
		color: var(--white);
	}
	.footer-widget.contact {
		margin-left: 30px
	}
	.footer-contact li {
		display: flex;
		align-items: center;
		margin-bottom: 18px
	}
	.footer-contact li:last-child {
		margin-bottom: 0px
	}
	.footer-contact li i {
		font-size: 30px;
		margin-right: 15px;
		color: var(--white);
	}
	.footer-contact li p span {
		display: block
	}
	.footer-part .widget_nav_menu ul{
		display: flex;
		flex-wrap: wrap;
	}
	.footer-part .widget_nav_menu ul li {
		margin-bottom: 15px;
		width: 50%;
	}
	.footer-part .widget_nav_menu ul li:last-child {
		margin-bottom: 0px
	}
	.footer-part .widget_nav_menu ul li a {
		color: var(--white);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.footer-part .widget_nav_menu ul li a:hover {
		color: var(--orange);
		text-decoration: underline
	}
	.footer-app {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: 1fr 1fr;
	}
	.footer-app a img {
		width: 100%
	}
	.footer-bottom {
		margin-top: 0;
		padding: 0;
		color: var(--white);
	}
	.footer-bottom ul{
		display: flex;
		gap: 15px;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
	}
	.footer-copytext {
		font-size: 15px;
		color: var(--white);
	}
	.footer-copytext a {
		color: var(--white);
	}
	.footer-copytext a:hover {
		text-decoration: underline
	}
	.footer-card a {
		margin-left: 10px
	}
	.footer-card a img {
		width: 50px;
		border-radius: 3px
	}
	
	@media (max-width: 768px) {
	.footer-part .container-fluid {
		padding: 0px 25px
	}
	.footer-widget.contact {
		margin-left: 0px
	}
	}
	
	@media (max-width: 1199px) {
	.footer-part {
		padding-top: 50px
	}
	.footer-widget {
		margin-bottom: 40px
	}
	.footer-bottom {
		margin-top: 0
	}
	}
	
	@media (max-width: 767px) {
	.footer-bottom {
		padding: 25px 15px 75px;
		flex-direction: column;
		text-align: center
	}
	.footer-copytext {
		margin-bottom: 10px
	}
	.footer-card a {
		margin: 0px 3px
	}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
	.footer-bottom {
		padding: 25px 30px 75px
	}
	}
	.blog-widget {
		margin-bottom: 30px;
		margin-left: 5px;
		border-radius: 8px;
		padding: 18px 25px 25px;
		background: var(--white)
	}
	.blog-widget:last-child {
		margin-bottom: 0px
	}
	.blog-widget-title {
		padding-bottom: 16px;
		margin-bottom: 20px;
		position: relative;
		text-transform: capitalize;
		border-bottom: 1px solid var(--border)
	}
	.blog-widget-title::before {
		position: absolute;
		content: "";
		bottom: -2px;
		left: 0px;
		width: 50px;
		height: 2px;
		background: var(--primary)
	}
	.blog-widget-form {
		position: relative
	}
	.blog-widget-form input {
		width: 100%;
		height: 45px;
		padding: 0px 60px 0px 15px;
		border-radius: 8px;
		background: var(--chalk);
		border: 1px solid var(--border);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-widget-form input:focus-within {
	border-color:var(--primary)
	}
	.blog-widget-form button {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		color: var(--white);
		background: var(--primary);
		border-radius: 0 8px 8px 0
	}
	.blog-widget-feed li {
		display: flex;
		margin-bottom: 25px;
		padding-bottom: 25px;
		border-bottom: 1px solid var(--border)
	}
	.blog-widget-feed li:last-child {
		margin: 0px;
		padding: 0px;
		border: none
	}
	.widget_products ul li {
		margin-bottom: 25px !important;
		padding-bottom: 25px !important;
		border-bottom: 1px solid var(--border)
	}
	.widget_products ul li:last-child {
		margin: 0px !important;
		padding: 0px !important;
		border: none
	}
	.blog-widget-media img {
		width: 100px;
		min-width: 100px;
		border-radius: 8px;
		margin-right: 20px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.widget_products ul li a img {
		width: 100px !important;
		float: left !important;
		border-radius: 8px;
		margin-right: 20px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-widget-text {
		font-size: 17px;
		line-height: 24px
	}
	.blog-widget-text a {
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-widget-text a:hover {
		color: var(--primary)
	}
	.blog-widget-text span {
		display: block;
		margin-top: 8px;
		font-size: 13px;
		font-weight: 400;
		text-transform: uppercase
	}
	.widget_categories ul li, .blog-widget ul li {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid var(--border)
	}
	.widget_categories ul li:last-child, .blog-widget ul li:last-child {
		margin: 0px;
		padding: 0px;
		border: none
	}
	.widget_categories ul li:hover a, .blog-widget ul li a:hover {
		color: var(--primary)
	}
	.widget_categories ul li:hover a span {
		background: var(--primary)
	}
	.widget_categories ul li a, .blog-widget ul li a {
		width: 100%;
		font-size: 17px;
		color: var(--text);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.widget_categories ul li a span {
		font-size: 14px;
		float: right;
		width: 30px;
		height: 30px;
		line-height: 32px;
		text-align: center;
		border-radius: 50%;
		color: var(--white);
		background: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-widget-tag li {
		display: inline-block;
		margin: 0px 8px 12px 0px
	}
	.blog-widget-tag li a {
		font-size: 14px;
		padding: 5px 12px;
		border-radius: 3px;
		color: var(--text);
		background: var(--chalk);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-widget-tag li a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.blog-widget-social li {
		display: inline-block;
		margin-right: 10px
	}
	.blog-widget-social li a {
		width: 45px;
		height: 45px;
		font-size: 18px;
		line-height: 45px;
		text-align: center;
		border-radius: 3px;
		color: var(--white);
		background: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-widget-social li a:hover {
		background: var(--primary)
	}
	
	@media (max-width: 575px) {
	.blog-widget-social li {
		margin-right: 5px
	}
	.blog-widget-social li a {
		width: 40px;
		height: 40px;
		font-size: 16px;
		line-height: 40px
	}
		.single-banner h1{
			font-size:18px;
		}
		body.page .single-banner h1{
			font-size:28px;
		}
	}
	
	@media (min-width: 992px) and (max-width: 1199px) {
	.blog-widget-media img {
		width: 95px
	}
	.blog-widget-social li {
		margin-right: 5px
	}
	.blog-widget-social li a {
		width: 40px;
		height: 40px;
		font-size: 16px;
		line-height: 40px
	}
	}
	
	@media (max-width: 991px) {
	.blog-widget {
		margin-left: 0px
	}
	}
	.shop-filter {
		padding: 20px 30px;
		border-radius: 8px;
		margin-bottom: 25px;
		background: var(--white);
		border: 1px solid var(--border);
		display: flex;
		align-items: center;
		justify-content: space-between
	}
	.shop-filter .nice-select {
		border-radius: 6px;
		background: var(--chalk);
		padding: 8px 35px 8px 20px;
		border: 1px solid var(--border)
	}
	.shop-filter .nice-select::after {
		right: 20px
	}
	.shop-filter .nice-select .current {
		font-size: 15px
	}
	.shop-filter .nice-select .list {
		top: 45px;
		align-items: flex-start;
		flex-direction: column
	}
	.shop-filter ul {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.shop-filter ul li {
		margin: 0px 5px
	}
	.shop-filter ul li a {
		width: 40px;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		border-radius: 50%;
		text-align: center;
		color: var(--text);
		background: var(--chalk)
	}
	.shop-filter ul li .active {
		color: var(--white);
		background: var(--primary)
	}
	.shop-filter p {
		font-size: 15px;
		text-transform: capitalize
	}
	
	@media (max-width: 767px) {
	.shop-filter {
		flex-direction: column
	}
	.shop-filter .nice-select {
		margin-bottom: 15px
	}
	.shop-filter ul {
		margin-bottom: 15px
	}
	}
	.shop-widget-promo {
		margin-bottom: 25px;
		border-radius: 8px;
		text-align: center;
		overflow: hidden
	}
	.shop-widget-promo img {
		width: 100%;
		border-radius: 8px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.shop-widget-promo img:hover {
		transform: scale(1.05)
	}
	.shop-widget {
		padding: 20px 20px;
		border-radius: 8px;
		margin-bottom: 25px;
		background: var(--white);
		border: 1px solid var(--border)
	}
	.shop-widget:last-child {
		margin-bottom: 0px
	}
	.shop-widget-title {
		padding-bottom: 12px;
		text-transform: uppercase;
		border-bottom: 1px solid var(--border)
	}
	.shop-widget-btn {
		width: 100%;
		font-size: 15px;
		padding: 8px 0px;
		border-radius: 8px;
		color: var(--heading);
		background: var(--border);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.shop-widget-btn:hover {
		color: var(--white);
		background: var(--primary)
	}
	.shop-widget-btn i {
		margin-right: 8px;
		margin-top: -1px
	}
	.shop-widget-btn span {
		text-transform: capitalize
	}
	.shop-widget-group {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		margin: 15px 0px
	}
	.shop-widget-group input {
		width: 100%;
		height: 45px;
		border-radius: 5px;
		background: var(--chalk);
		text-align: center
	}
	.shop-widget-list {
		margin: 18px 0px 20px
	}
	.shop-widget-list li {
		margin-bottom: 12px;
		color: var(--gray);
		display: flex;
		align-items: center;
		justify-content: space-between;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.shop-widget-list li:hover {
		color: var(--primary)
	}
	.shop-widget-list li:last-child {
		margin-bottom: 0px
	}
	.shop-widget-content {
		display: flex;
		align-items: center;
		justify-content: flex-start
	}
	.shop-widget-content input {
		width: 15px;
		height: 15px;
		margin-right: 12px;
		cursor: pointer
	}
	.shop-widget-content label {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: capitalize
	}
	.shop-widget-content label i {
		font-size: 15px;
		margin-left: 8px;
		color: var(--gray)
	}
	.shop-widget-content label i:first-child {
		margin-left: 0px
	}
	.shop-widget-content label i.active {
		color: var(--yellow)
	}
	.shop-widget-number {
		font-size: 15px
	}
	.shop-widget-search {
		width: 100%;
		height: 40px;
		padding: 0px 15px;
		border-radius: 5px;
		background: var(--chalk);
		border: 1px solid var(--border);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.shop-widget-search:focus-within {
	border-color:var(--primary)
	}
	.shop-widget-scroll {
		height: 279px;
		overflow-y: scroll;
		padding-right: 10px
	}
	.single-banner {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 100px 0px;
		position: relative;
		z-index: 1;
	}
	.single-banner.banner-sm {
		padding: 20px 0px;
	}
	body.archive .single-banner.banner-sm {
		padding: 10px 0px;
	}
	.single-banner.banner-xl {
		padding: 140px 0px;
	}
	.single-banner::before {
		content: "";
		position: absolute;
		z-index: 1;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.4);
	}
	.single-banner .container {
		position: relative;
		z-index: 11;
	}
	.single-banner h1 {
		font-size: 34px;
		margin-bottom: 5px;
		line-height: 1.6;
	}
	.single-banner.banner-sm h1 {
		font-size: 24px;
		margin-bottom: 0;
		line-height: 1.6;
	}
	
	@media (max-width: 767px) {
	.single-banner h2 {
		font-size: 20px;
		margin-bottom: 12px
	}
		.single-banner h1 {
			font-size: 18px;
		}
		.breadcrumb{
			display: none;
		}
	}
	.top-filter {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 25px
	}
	.filter-short {
		width: 225px;
		display: flex;
		align-items: center;
		justify-content: center
	}
	.filter-show {
		width: 125px;
		display: flex;
		align-items: center;
		justify-content: center
	}
	.filter-label {
		font-size: 14px;
		font-weight: 500;
		margin-right: 8px;
		white-space: nowrap;
		text-transform: uppercase
	}
	.filter-select {
		height: 40px;
		background-color: transparent
	}
	.filter-select:focus-within {
	border-color:#ced4da
	}
	.filter-action {
		display: flex;
		align-items: center;
		justify-content: flex-end
	}
	.filter-action a i {
		width: 40px;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		border-radius: 50%;
		text-align: center;
		color: var(--text);
		background: transparent
	}
	.filter-action a i:hover {
		color: var(--primary)
	}
	.filter-action .active i {
		color: var(--white);
		background: var(--primary)
	}
	.filter-action .active i:hover {
		color: var(--white)
	}
	
	@media (max-width: 575px) {
	.filter-label, .filter-action {
		display: none
	}
	.filter-show {
		width: 80px
	}
	.filter-short {
		width: 130px
	}
	}
	.bottom-paginate {
		padding-top: 15px;
		margin-top: 10px;
		border-top: 1px solid var(--border);
		display: flex;
		align-items: center;
		justify-content: space-between
	}
	.page-info {
		font-weight: 400;
		color: var(--text)
	}
	
	@media (max-width: 575px) {
	.bottom-paginate {
		margin-bottom: 10px;
		flex-direction: column
	}
	.page-info {
		margin-bottom: 15px
	}
	}
	
	@media (min-width: 576px) and (max-width: 991px) {
	.bottom-paginate {
		margin-bottom: 10px
	}
	}
	.blog-details-thumb img {
		width: 100%;
		height: 100%;
	}
	.blog-details-content {
		padding: 50px;
		margin-bottom: 30px;
		background: var(--white);
		border-radius: 0px 0px 10px 10px
	}
	.blog-details-meta {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-bottom: 20px
	}
	.blog-details-meta li {
		display: flex;
		align-items: center;
		margin-right: 40px
	}
	.blog-details-meta li:last-child {
		margin: 0px
	}
	.blog-details-meta li i {
		color: var(--primary);
		margin-right: 10px;
		font-size: 14px
	}
	.blog-details-meta li a, .blog-details-meta li span {
		font-size: 14px;
		white-space: nowrap;
		text-transform: uppercase
	}
	.blog-details-meta li a {
		color: var(--text);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-meta li a:hover {
		color: var(--primary)
	}
	.blog-details-title {
		font-size: 28px;
		font-weight: bold;
		line-height: 32px;
		margin-bottom: 0px;
	}
	.blog-details-content p {
		font-size: 17px;
		line-height: 30px;
		margin-bottom: 20px
	}
	.blog-details-quote {
		padding: 60px 60px 60px 180px;
		border-radius: 10px;
		margin-bottom: 20px;
		background: var(--heading);
		position: relative
	}
	.blog-details-quote::before {
		position: absolute;
		content: "\efcd";
		left: 60px;
		top: 60px;
		font-size: 60px;
		font-family: "icofont";
		color: var(--primary)
	}
	.blog-details-quote p {
		font-size: 28px;
		line-height: 1.4;
		margin-bottom: 20px;
		color: var(--white)
	}
	.blog-details-quote footer {
		letter-spacing: 3px;
		color: var(--green-chalk);
		text-transform: uppercase
	}
	.blog-details-grid {
		margin-bottom: 30px
	}
	.blog-details-grid img {
		border-radius: 10px
	}
	.blog-details-grid p {
		font-size: 17px;
		line-height: 30px
	}
	.blog-details-subtitle {
		margin-bottom: 30px
	}
	.blog-details-subtitle h3 {
		margin-bottom: 10px
	}
	.blog-details-subtitle p {
		font-size: 17px;
		line-height: 30px
	}
	.blog-details-list {
		list-style-type: decimal;
		margin: 0px 30px 0px 50px
	}
	.blog-details-list li {
		margin-bottom: 25px
	}
	.blog-details-footer {
		padding-top: 45px;
		margin-top: 50px;
		border-top: 1px solid var(--border);
		display: flex;
		align-items: center;
		justify-content: space-between
	}
	.blog-details-share h4 {
		margin-bottom: 10px;
		text-transform: capitalize
	}
	.blog-details-share li {
		margin-right: 8px;
		display: inline-block
	}
	.blog-details-share li a {
		width: 40px;
		height: 40px;
		font-size: 15px;
		line-height: 40px;
		border-radius: 50%;
		text-align: center;
		color: var(--text);
		background: var(--chalk);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-share li a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.blog-details-tag .tags {
		margin-bottom: 10px;
		text-transform: capitalize
	}
	.blog-details-tag {
		margin-right: 8px;
		display: inline-block
	}
	.blog-details-tag a {
		font-size: 14px;
		padding: 3px 12px;
		border-radius: 3px;
		color: var(--text);
		background: var(--chalk);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-tag a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.blog-details-profile {
		padding: 50px;
		border-radius: 10px;
		margin-bottom: 30px;
		background: var(--white);
		text-align: center
	}
	.blog-details-profile a img {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		margin-bottom: 15px;
		border: 8px solid var(--chalk)
	}
	.blog-details-profile h3 {
		text-transform: capitalize
	}
	.blog-details-profile h4 {
		font-size: 15px;
		font-weight: 400;
		color: var(--primary);
		margin-bottom: 15px
	}
	.blog-details-profile ul {
		margin-bottom: 25px
	}
	.blog-details-profile ul li {
		display: inline-block;
		margin: 0px 5px
	}
	.blog-details-profile ul li a {
		width: 40px;
		height: 40px;
		font-size: 15px;
		line-height: 40px;
		border-radius: 50%;
		text-align: center;
		color: var(--text);
		background: var(--chalk);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-profile ul li a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.blog-details-profile p {
		font-size: 17px;
		line-height: 30px
	}
	.blog-details-navigate {
		padding: 30px;
		border-radius: 10px;
		margin-bottom: 30px;
		background: var(--white)
	}
	.blog-details-prev, .blog-details-next {
		margin: 15px
	}
	.blog-details-prev h4, .blog-details-next h4 {
		margin-bottom: 20px
	}
	.blog-details-prev h4 a, .blog-details-next h4 a {
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-prev h4 a:hover, .blog-details-next h4 a:hover {
		color: var(--primary)
	}
	.blog-details-prev .nav-arrow, .blog-details-next .nav-arrow {
		font-size: 14px;
		padding: 10px 25px;
		border-radius: 5px;
		color: var(--heading);
		background: var(--chalk);
		text-transform: uppercase;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-prev .nav-arrow:hover, .blog-details-next .nav-arrow:hover {
		color: var(--white);
		background: var(--primary)
	}
	.blog-details-next {
		text-align: right
	}
	.blog-details-comment {
		padding: 50px;
		border-radius: 10px;
		margin-bottom: 30px;
		background: var(--white)
	}
	.comment-title {
		margin-bottom: 30px;
		text-transform: capitalize
	}
	.comment-item {
		padding: 45px 45px;
		border-radius: 8px;
		margin-bottom: 30px;
		background: var(--chalk);
		border: 1px solid var(--border)
	}
	.comment-item:last-child {
		margin-bottom: 0px
	}
	.comment-media {
		margin-bottom: 15px;
		display: flex;
		align-items: center;
		justify-content: flex-start
	}
	.comment-avatar {
		border-radius: 50%;
		margin-right: 20px;
		border: 2px solid var(--primary)
	}
	.comment-avatar img {
		width: 65px;
		border-radius: 50%;
		border: 2px solid var(--white)
	}
	.comment-meta a {
		color: var(--heading);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.comment-meta a:hover {
		color: var(--primary)
	}
	.comment-meta span {
		display: block;
		font-size: 14px;
		font-weight: 400;
		color: var(--heading);
		text-transform: capitalize
	}
	.comment-desc {
		margin-bottom: 20px
	}
	.comment-reply {
		display: flex;
		align-items: center;
		justify-content: flex-start
	}
	.comment-reply input {
		width: 100%;
		padding: 7px 18px;
		border-radius: 6px;
		margin-right: 20px;
		background: var(--white)
	}
	.comment-reply button {
		font-size: 15px;
		padding: 6px 15px;
		border-radius: 6px;
		color: var(--white);
		background: var(--primary);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.comment-reply button:hover {
		background: var(--heading)
	}
	.comment-reply button i {
		margin-right: 5px
	}
	.comment-reply-list {
		margin-left: 80px;
		margin-top: 35px;
		border-top: 1px solid var(--border)
	}
	.comment-reply-item {
		padding: 30px 0px;
		border-bottom: 1px solid var(--border)
	}
	.comment-reply-item:last-child {
		padding-bottom: 0px;
		border-bottom: none
	}
	.blog-details-form {
		padding: 50px;
		border-radius: 10px;
		background: var(--white)
	}
	.details-form-title {
		margin-bottom: 30px;
		text-transform: capitalize
	}
	.form-group textarea {
		height: 150px
	}
	
	@media (max-width: 575px) {
	.blog-details-content {
		padding: 20px
	}
	.blog-details-title {
		font-size: 20px;
		line-height: 24px
	}
	.blog-details-quote {
		padding: 75px 25px 25px
	}
	.blog-details-quote::before {
		font-size: 50px;
		left: 25px;
		top: 25px
	}
	.blog-details-quote p {
		font-size: 22px
	}
	.blog-details-list {
		margin: 0px 15px 0px 35px
	}
	.blog-details-footer {
		margin-top: 0px;
		padding-top: 25px;
		flex-direction: column
	}
	.blog-details-share {
		margin-bottom: 30px
	}
	.blog-details-navigate li a {
		padding: 13px 13px
	}
	.blog-details-profile {
		padding: 25px 15px
	}
	.blog-details-comment {
		padding: 15px
	}
	.comment-item {
		padding: 20px 20px
	}
	.comment-reply {
		flex-direction: column
	}
	.comment-reply input {
		margin-right: 0px;
		margin-bottom: 10px
	}
	.comment-reply-list {
		margin-left: 15px
	}
	.blog-details-form {
		padding: 20px
	}
	}
	
	@media (min-width: 576px) and (max-width: 767px) {
	.blog-details-quote {
		padding: 120px 60px 60px
	}
	.blog-details-footer {
		flex-direction: column
	}
	.blog-details-share {
		margin-bottom: 30px
	}
	.comment-reply-list {
		margin-left: 30px
	}
	}
	.error-part {
		padding: 100px 0px;
		text-align: center
	}
	.error-part h1 {
		margin-bottom: 10px;
		color: var(--primary)
	}
	.error-part img {
		margin-bottom: 30px
	}
	.avatar {
		height: 3rem;
		width: 3rem;
		position: relative;
		display: inline-block !important;
	}
	.error-part h3 {
		text-transform: uppercase;
		margin-bottom: 3px
	}
	.error-part p {
		margin-bottom: 20px
	}
	.error-part a {
		font-size: 14px;
		padding: 10px 35px;
		border-radius: 8px;
		letter-spacing: 0.3px;
		color: var(--white);
		background: var(--primary);
		text-transform: uppercase
	}
	
	@media (max-width: 767px) {
	.error-part {
		padding: 60px 0px
	}
	}
	
	@media (min-width: 768px) and (max-width: 1199px) {
	.error-part {
		padding: 80px 0px
	}
	}
	.details-gallery-main {
		/* position: sticky;
		top: 70px; */
		margin-bottom: 10px;
	}
	.details-gallery {
		border:1px solid var(--border);
		padding: 10px;
		background: #fff;
		margin: 0;
	}
	.details-label-group {
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 1;
		display: flex;
		flex-direction: column
	}
	.details-label {
		font-size: 14px;
		padding: 6px 10px;
		margin-bottom: 6px;
		line-height: 13px;
		border-radius: 3px;
		text-transform: capitalize;
		text-align: center;
		color: var(--white)
	}
	.details-label:last-child {
		margin-bottom: 0px
	}
	.details-label.off {
		background: var(--red)
	}
	.details-label.new {
		background: var(--green)
	}
	.details-label.sale {
		background: var(--orange)
	}
	.details-label.feat {
		background: var(--purple)
	}
	.details-label.rate {
		background: var(--yellow)
	}
	.details-preview {
		margin-bottom: 16px
	}
	.details-preview li {
		text-align: center;
	}
	.details-preview li img {
		width: 100%;
		border-radius: 8px;
		height: 450px;
		object-fit: contain;
	}
	.details-thumb li {
		margin: 0px 5px;
		cursor: pointer
	}
	.details-thumb li img {
		width: 100%;
		border-radius: 8px;
		border: 1px solid var(--border);
	}
	.details-thumb .slick-current img {
		border: 1px solid var(--primary)
	}
	.product-navigation {
		margin-bottom: 25px;
		padding: 20px 25px;
		border-radius: 8px;
		background: var(--white);
		display: flex;
		align-items: center;
		justify-content: space-between
	}
	.product-navigation li a {
		color: var(--text);
		text-transform: capitalize;
		position: relative;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.product-navigation li a:hover {
		color: var(--primary)
	}
	.product-navigation li a:hover .product-nav-popup {
		visibility: visible;
		opacity: 1
	}
	.product-nav-popup {
		position: absolute;
		top: 30px;
		left: 50%;
		z-index: 3;
		width: 100px;
		height: auto;
		visibility: hidden;
		opacity: 0;
		padding: 10px;
		border-radius: 8px;
		transform: translateX(-50%);
		background: var(--white);
		border: 1px solid var(--border);
		box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.1);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.product-nav-popup::before {
		position: absolute;
		content: "";
		z-index: -1;
		top: -3px;
		left: 50%;
		width: 12px;
		height: 12px;
		border-radius: 3px;
		transform: rotate(45deg) translateX(-50%);
		background: var(--white);
		border-top: 1px solid var(--border);
		border-left: 1px solid var(--border)
	}
	.product-nav-popup img {
		width: 100%
	}
	.product-nav-popup small {
		font-size: 14px;
		line-height: 18px;
		display: inline-block
	}
	.details-content {
		padding: 25px 25px 10px 0px;
		border-radius: 8px;
		background: var(--white);
		/*border:1px solid var(--border);*/
	}
	.details-name {
		font-size: 26px;
		line-height: 34px;
		margin-bottom: 5px;
		text-transform: capitalize
	}
	.details-name a {
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.details-name a:hover {
		color: var(--primary)
	}
	.details-meta {
		margin-bottom: 12px;
		display: flex;
		align-items: center;
		justify-content: flex-start
	}
	.details-meta p {
		font-size: 13px;
		margin-right: 20px;
		white-space: nowrap;
		text-transform: uppercase;
		color: var(--placeholder)
	}
	.details-meta span, .details-meta a {
		margin-left: 5px;
		color: var(--placeholder)
	}
	.details-meta a:hover {
		text-decoration: underline;
		color: var(--primary)
	}
	.details-rating {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 15px
	}
	.details-rating i, .details-rating a {
		font-size: 15px;
		margin-right: 3px;
		color: var(--gray)
	}
	.details-rating a {
		margin-left: 8px;
		white-space: nowrap;
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.details-rating a:hover {
		color: var(--primary);
		text-decoration: underline
	}
	.details-rating .active {
		color: var(--yellow)
	}
	.details-price {
		margin-bottom: 20px
	}
	.details-price del {
		color: var(--red);
		margin-right: 25px;
		font-size: 16px;
	}
	.details-price span {
		color: var(--primary);
		white-space: nowrap;
		font-weight: 600;
		font-size: 28px;
	}
	.details-price span small {
		font-size: 14px;
		font-weight: 400;
		text-transform: capitalize
	}
	.details-desc {
		margin-bottom: 25px
	}
	.details-desc ul{
		list-style: disc;
		margin-left: 20px;
	}
	div.details-desc p {
		margin-bottom: 15px
	}
	.details-list-group {
		display: flex;
		align-items: center;
		justify-content: center;
		justify-content: flex-start;
		margin-bottom: 25px
	}
	.details-list-group:last-child {
		margin-bottom: 0px
	}
	.details-list-title {
		font-weight: 500;
		margin-right: 15px;
		color: var(--heading);
		text-transform: capitalize
	}
	.details-tag-list {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.details-tag-list li {
		margin-right: 8px
	}
	.details-tag-list li a {
		font-size: 14px;
		line-height: 12px;
		padding: 8px 10px;
		border-radius: 5px;
		letter-spacing: 0.3px;
		text-transform: capitalize;
		color: var(--text);
		background: var(--chalk);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.details-tag-list li a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.details-share-list {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.details-share-list li {
		margin-right: 8px
	}
	.details-share-list li a {
		width: 35px;
		height: 35px;
		font-size: 16px;
		line-height: 35px;
		border-radius: 50%;
		text-align: center;
		color: var(--text);
		background: var(--chalk);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.details-share-list li a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.details-add-group {
		margin: 45px 0px 15px
	}
	.details-add-group .product-add, .details-add-group .action-input {
		padding: 10px 0px;
		color: var(--white);
		background: var(--primary);
		text-transform: uppercase
	}
	.details-add-group .action-minus i, .details-add-group .action-plus i {
		background: var(--chalk)
	}
	.details-action-group {
		display: grid;
		grid-gap: 15px;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		position: relative
	}
	.details-action-group a {
		padding: 10px 0px;
		border-radius: 8px;
		color: var(--text);
		background: var(--chalk);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.details-action-group a:hover {
		color: var(--primary)
	}
	.details-action-group a i {
		font-size: 16px;
		margin-right: 8px
	}
	.details-action-group a span {
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0.5px;
		text-transform: uppercase
	}
	.details-wish.active {
		color: var(--white);
		background: var(--primary)
	}
	.details-wish.active:hover {
		color: var(--white);
		background: var(--primary)
	}
	.product-details-frame {
		padding: 50px;
		border-radius: 8px;
		margin-bottom: 30px;
		background: var(--white)
	}
	.product-details-frame:last-child {
		margin-bottom: 0px
	}
	.frame-title {
		margin-bottom: 30px;
		text-transform: capitalize
	}
	.tab-descrip {
		position: relative
	}
	.tab-descrip ul {
		list-style: disc;
		margin-left: 20px;
		margin-top: 25px
	}
	.tab-descrip ul li {
		margin-bottom: 8px
	}
	.tab-descrip ul li:last-child {
		margin-bottom: 0px
	}
	.tab-descrip img {
		width: 100%;
		border-radius: 8px
	}
	.tab-descrip a {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		width: 80px;
		height: 80px;
		font-size: 22px;
		line-height: 80px;
		border-radius: 50%;
		text-align: center;
		color: var(--white);
		background: rgba(15,199,86,0.8);
		transform: translate(-50%, -50%);
		box-shadow: var(--primary-bshadow);
		text-shadow: var(--primary-tshadow)
	}
	.table-bordered {
		margin-bottom: 0px
	}
	.table-bordered th, .table-bordered td {
		padding: 12px 25px;
		text-align: left
	}
	.table-bordered th {
		font-weight: 500
	}
	.table-bordered td:last-child {
		border-right: 1px solid var(--border)
	}
	.review-item {
		padding: 45px 45px;
		border-radius: 8px;
		margin-bottom: 30px;
		background: var(--chalk);
		border: 1px solid var(--border)
	}
	.review-item:last-child {
		margin-bottom: 0px
	}
	.review-media {
		margin-bottom: 15px;
		display: flex;
		align-items: center;
		justify-content: flex-start
	}
	.review-avatar {
		margin-right: 15px;
		border-radius: 50%;
		border: 2px solid var(--primary)
	}
	.review-avatar img {
		width: 65px;
		border-radius: 50%;
		border: 2px solid var(--white)
	}
	.review-meta {
		text-transform: capitalize
	}
	.review-meta a {
		color: var(--heading);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.review-meta a:hover {
		color: var(--primary)
	}
	.review-meta span {
		display: block;
		font-size: 15px;
		font-weight: 400;
		color: var(--text)
	}
	.review-meta span b {
		font-weight: 500;
		color: var(--primary)
	}
	.review-rating {
		margin-bottom: 10px
	}
	.review-rating li {
		font-size: 16px;
		margin-right: 5px;
		color: var(--yellow);
		display: inline-block
	}
	.review-desc {
		margin-bottom: 20px
	}
	.review-reply {
		display: flex;
		align-items: center;
		justify-content: flex-start
	}
	.review-reply input {
		width: 100%;
		padding: 7px 18px;
		border-radius: 6px;
		margin-right: 20px;
		background: var(--white)
	}
	.review-reply button {
		font-size: 15px;
		padding: 6px 15px;
		border-radius: 6px;
		color: var(--white);
		background: var(--primary);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.review-reply button:hover {
		background: var(--heading)
	}
	.review-reply button i {
		margin-right: 5px
	}
	.review-reply-list {
		margin-left: 80px;
		margin-top: 35px;
		border-top: 1px solid var(--border)
	}
	.review-reply-item {
		padding: 30px 0px;
		border-bottom: 1px solid var(--border)
	}
	.review-reply-item:last-child {
		padding-bottom: 0px;
		border-bottom: none
	}
	.review-form .btn {
		width: 100%;
		padding: 12px 30px
	}
	
	@media (max-width: 991px) {
	.product-navigation {
		margin: 25px 0px
	}
		.details-content {
		padding: 15px
	}
	}
	
	@media (max-width: 575px) {
	.details-content {
		padding: 10px !important;
	}
		.details-gallery{
			margin: 0;
		}
		.details-preview li img{
			height: 300px;
		}
	.details-name {
		font-size: 22px;
		line-height: 30px
	}
	.product-details-frame {
		padding: 20px
	}
	.review-item {
		padding: 20px 15px
	}
	.review-reply {
		flex-direction: column
	}
	.review-reply input {
		margin: 0px 0px 15px
	}
	.review-reply-list {
		margin-left: 25px
	}
	.star-rating label {
		margin: 0px 6px
	}
	}
	
	@media (min-width: 576px) and (max-width: 767px) {
	.review-reply-list {
		margin-left: 30px
	}
	}
	.user-form-part {
		padding-top: 30px
	}
	.user-form-logo {
		text-align: center;
		margin-bottom: 25px
	}
	.user-form-logo img {
		width: 200px
	}
	.user-form-card {
		padding: 30px;
		border-radius: 8px;
		margin-bottom: 20px;
		background: var(--white);
		border: 1px solid var(--border)
	}
	.user-form-title {
		text-align: center;
		margin-bottom: 25px
	}
	.user-form-title h2 {
		font-size: 28px;
		line-height: 36px;
		margin-bottom: 5px;
		color: var(--primary)
	}
	.user-form-title p {
		text-transform: capitalize
	}
	.user-form-group {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.user-form-social {
		width: 100%
	}
	.user-form-social li {
		margin-bottom: 20px
	}
	.user-form-social li a {
		width: 100%;
		font-size: 15px;
		padding: 10px 0px;
		border-radius: 8px;
		letter-spacing: 0.3px;
		text-align: center;
		text-transform: capitalize;
		color: var(--white);
		background: var(--primary)
	}
	.user-form-social li a i {
		font-size: 16px;
		margin-right: 10px
	}
	.user-form-social li:nth-child(1) a {
		background: #385998
	}
	.user-form-social li:nth-child(2) a {
		background: #00acee
	}
	.user-form-social li:nth-child(3) a {
		background: #E60023
	}
	.user-form-social li:last-child {
		margin-bottom: 0px
	}
	.user-form-divider {
		margin: 0px 50px;
		position: relative;
		z-index: 1
	}
	.user-form-divider::before {
		position: absolute;
		content: "";
		top: 50%;
		left: 50%;
		width: 2px;
		height: 250px;
		z-index: -1;
		background: var(--border);
		transform: translate(-50%, -50%)
	}
	.user-form-divider p {
		width: 40px;
		height: 40px;
		font-size: 14px;
		font-weight: 500;
		margin: 0 auto;
		font-style: italic;
		line-height: 38px;
		border-radius: 50%;
		text-align: center;
		color: var(--gray);
		background: var(--white);
		border: 1px solid var(--border)
	}
	.user-form {
		width: 100%
	}
	.user-form .form-group {
		margin-bottom: 20px
	}
	.form-button {
		text-align: center
	}
	.form-button button {
		width: 100%;
		height: 45px;
		font-size: 14px;
		font-weight: 500;
		line-height: 45px;
		border-radius: 8px;
		letter-spacing: 0.3px;
		text-align: center;
		text-transform: uppercase;
		color: var(--white);
		background: var(--primary)
	}
	.form-button p {
		font-size: 15px;
		margin-top: 12px;
		text-transform: capitalize
	}
	.form-button p a {
		font-weight: 500;
		margin-left: 5px;
		color: var(--primary)
	}
	.form-button p a:hover {
		text-decoration: underline
	}
	.user-form-remind {
		padding: 20px;
		border-radius: 8px;
		text-align: center;
		background: var(--white);
		border: 1px solid var(--border)
	}
	.user-form-remind p {
		font-size: 15px;
		text-transform: capitalize
	}
	.user-form-remind p a {
		font-weight: 500;
		margin-left: 5px;
		color: var(--primary)
	}
	.user-form-remind p a:hover {
		text-decoration: underline
	}
	.user-form-footer {
		text-align: center;
		margin-top: 25px;
		margin-bottom: 40px
	}
	.user-form-footer p {
		font-size: 14px;
		color: var(--gray)
	}
	.user-form-footer p a {
		color: var(--primary);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.user-form-footer p a:hover {
		text-decoration: underline
	}
	
	@media (max-width: 575px) {
	.user-form-card {
		padding: 20px
	}
	}
	
	@media (max-width: 767px) {
	.user-form-group {
		display: inherit
	}
	.user-form-divider {
		margin: 25px 0px;
		position: relative;
		z-index: 1
	}
	.user-form-divider::before {
		position: absolute;
		content: "";
		top: 50%;
		left: 50%;
		width: 100%;
		height: 2px;
		z-index: -1;
		background: var(--border);
		transform: translate(-50%, -50%)
	}
	}
	.suggest-part {
		padding: 10px 0px;
	}
	.suggest-slider li {
		margin: 0px 10px
	}
	
	@media (max-width: 575px) {
	.suggest-part {
		padding: 10px 0px;
	}
		body.home .suggest-part{
			padding-bottom: 80px;
		}
	.suggest-slider li {
		margin: 0px 5px
	}
	}
	.banner-part {
		margin-bottom: 0
	}
	.home-category-slider a img {
		width: 100%;
		border-radius: 8px;
		height: auto;
	}
	
	@media (max-width: 575px) {
	.home-category-slider a {
		margin: 0px;
	}
	.home-category-slider a img {
		height: 200px;
		object-fit: cover;
	}
	}
	
	@media (max-width: 575px) {
		.home-category-slider a img {
			height: 160px;
			object-fit: cover;
		}
	}

	.promo-img {
		width: 100%;
		overflow: hidden;
		border-radius: 8px
	}
	.promo-img a {
		width: 100%
	}
	.promo-img a img {
		width: 100%;
		border-radius: 8px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.promo-img a img:hover {
		transform: scale(1.05)
	}
	.blog-slider .slick-track{
		display: flex;
		flex-wrap: wrap;
	}
	.blog-slider .blog-card{
		padding: 8px;
		border-radius: 8px;
	}
	.blog-slider .blog-content{
		padding:0;
	}
	.blog-slider .slick-slide{
		height: auto;
		float: none;
		margin: 0 8px;
	}
	.blog-slider .blog-title{
		font-size: 16px !important;
	}
	@media (max-width: 767px) {
	.promo-img {
		margin: 12px 0px
	}
	}
	.new-slider li {
		margin: 0px 12px
	}
	
	@media (max-width: 575px) {
	.new-slider .product-card {
		width: 220px
	}
	}
	.brand-slider .dandik, .brand-slider .bamdik {
		top: 35%
	}
	.blog-slider .blog-card {
		margin: 0;
	}
	.blog-slider .dandik, .blog-slider .bamdik {
		top: 43%
	}
	
	@media (max-width: 767px) {
	.blog-slider .blog-card {
		margin: 0;
	}
	}
	.addition-info ul {
		
	}
	.addition-info ul li {
		padding: 10px 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		justify-content: space-between;
		border-bottom: 1px solid var(--border)
	}
	.addition-info ul li:last-child {
		border-bottom: none
	}
	.addition-info ul li:last-child span {
		font-size: 18px;
		font-weight: 500;
		color: var(--primary)
	}
	.addition-info ul li span {
		font-weight: 500;
		color: var(--heading);
		text-transform: capitalize
	}
	.addition-info ul li span small {
		font-size: 14px;
		font-weight: 400;
		margin-left: 3px
	}
	
	.footer-contacts{
		color: rgba(255,255,255,0.7);
		margin-top: 30px;
		border-top: 1px solid rgba(255,255,255,0.2);
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.footer-contacts a{
		color:var(--dark);
	}
	.contacts {
		padding: 40px 0;
		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;
	}
	.contacts-item {
		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
	}
	.contacts-item .footer-icon {
		margin-right: 30px;
		width: 70px;
		height: 70px;
		min-width: 70px;
		min-height: 70px;
		font-size: 44px;
	}
	.contacts-item .title {
		font-weight: 500;
		font-size: 24px;
		color: var(--heading-color)
	}
	.contacts-item .title.c-white {
		color: var(--white-color)
	}
	.contacts-item a.title:hover {
		color: #2dc3c9
	}
	.contacts-item .sub-title {
		font-weight: 500;
		font-size: 16px
	}
	
	@media(max-width:991px) {
	.contacts-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center
	}
	.contacts-item .footer-icon {
		margin-right: 0
	}
	}
	
	@media(max-width:768px) {
		.contacts{
			-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
		}
		.footer-contacts{
			padding-bottom: 30px;
		}
	.contacts-item {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		text-align: left;
		margin-bottom: 15px
	}
	.contacts-item .footer-icon {
		margin-right: 20px
	}
	.contacts-item .title {
		font-size: 18px
	}
	.contacts-item .contacts {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	}
	.footer-bottom li a{
		font-size: 14px;
		margin-left: 10px;
		color: var(--dark);
	}
	body.search .feature-image img{
		min-width:220px;
	}
	body.search .feature-desc p{
		word-break: break-all;
	}
	.wp-block-embed__wrapper iframe{
		width: 100%;
	}
	.author-single {
		padding: 15px;
		border-radius: 10px;
		margin-bottom: 10px;
		background: var(--white);
		box-shadow: 0 1px 3px rgba(0,0,0,0.012), 0 1px 2px rgba(0,0,0,0.14);
	}
	
	.author-content {
		margin-bottom: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	
	.author-image {
		margin-right: 20px
	}
	
	.author-image img, .author-image svg {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		border: 8px solid var(--chalk);
		min-width: 120px;
	}
	
	.author-info {
		margin-top: 10px
	}
	
	.author-name {
		margin-left: 0;
		text-transform: capitalize;
		font-weight: 700;
	}
	
	.author-mail {
		color: var(--primary);
		margin-bottom: 10px;
		margin-left: 10px;
		font-weight: 400
	}
	
	.author-social li {
		display: inline-block
	}
	
	.author-social li a {
		font-size: 16px;
		line-height: 40px;
		color: var(--text);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.author-social li a i{
		width: 40px;
		height: 40px;
		display: inline-block;
		font-size: 16px;
		line-height: 40px;
		border-radius: 50%;
		text-align: center;
		background-color: var(--chalk);
		color: var(--text);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	
	.author-social li a:hover i{
		color: var(--white);
		background: var(--primary)
	}
	
	.author-bio {
		margin-bottom: 30px
	}
	
	.author-meta {
		display: -ms-grid;
		display: grid;
		grid-gap: 15px;
		-ms-grid-columns: (minmax(220px, 1fr))[auto-fit];
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
		-ms-grid-rows: auto;
		grid-template-rows: auto
	}
	
	.author-meta li {
		padding: 10px 0px;
		border-radius: 6px;
		text-align: center;
		background: var(--chalk);
		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;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	
	.author-meta li:hover {
		background: var(--primary);
		color: var(--white)
	}
	
	.author-meta li:hover i {
		color: var(--white)
	}
	
	.author-meta li i {
		color: var(--primary);
		margin-right: 6px;
		font-size: 16px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	
	.top-filter {
		margin-bottom: 30px
	}
	
	@media (max-width: 575px) {
		.author-content {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			text-align: center;
		}
	
		.author-image {
			margin: 0px auto;
		}
		.author-image img, .author-image svg{
			min-width: 120px;
		}
		.author-info{
			margin: 10px auto 0;
		}
	}
	.p-meta{
		font-size: 13px;
		padding: 5px 10px;
/* 		border-top: 1px solid rgba(0,0,0,0.1); */
	}
	.p-meta a{
		color: var(--dark);
	}
	.listimg img{
		border-radius: 50%;
	}

/*service box*/
.service-box {
	border: 1px solid var(--border);
	padding: 20px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	height: 100%;
	border-radius: 0;
	background: var(--white);
}
.service-box-thumb {
	text-align: center;
}
.service-box-thumb img {
	height: 150px;
	object-fit: contain;
	width: auto;
}
.service-box-title {
	margin-bottom: 0;
	font-size: 16px;
}

.service-box-text {
	margin-top: 20px;
}
.service-box-content{
	text-align: center;
}
.service-box-content a.link {
	margin-top: 25px;
}

.service-box.style-2 {
	display: flex;
}

.service-box.style-2 .service-box-thumb {
	min-width: 80px;
	margin-right: 15px;
}

.service-box.style-2 .service-icon {
	min-width: 80px;
	margin-right: 15px;
}

.service-box.style-3 {
	padding: 10px 10px 30px 10px;
	text-align: left;
	background-size: 300% 100%;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	border-color: transparent;
	box-shadow: 0px 2px 10px rgba(0, 18, 52, 0.15);
	background: rgba(255, 255, 255, 0.5);
}

.service-box.style-3 .service-box-thumb img {
	height: 200px;
	width: 100%;
	object-fit: cover;
}

.service-box.style-3 .service-box-content {
	padding-top: 20px;
}

.service-box.style-3:hover {
	background: var(--white);
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	box-shadow: 0px 2px 10px rgba(0, 38, 32, 0.1);
}

.service-box.style-3:hover .service-box-title,
.service-box.style-3:hover .service-box-text,
.service-box.style-3:hover .service-icon i {
	color: var(--dark);
}

.service-box.style-4 {
	text-align: center;
}

.service-box.style-4 .service-box-title {
	color: var(--white);
}

.service_style_4 {
	background: var(--primary);
	color: var(--white);
	border-radius: 5px;
	padding: 60px;
}

.service-box.style-4 .service-icon,
.service-box.style-4 .service-box-thumb {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	margin: 0 auto 20px;
	background: #285ec1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service-box.style-4 .service-icon i,
.service-box.style-4 .link {
	color: var(--white);
}

.service_style_4 .service-box {
	background: transparent;
	border-color: transparent;
	color: var(--white);
}

.service_style_4 .service-box:hover {
	background: transparent;
	box-shadow: none;
}

.service_style_4 .section-heading h2,
.service_style_4 .sub-title {
	color: var(--white);
}

.service-box.team {
	position: relative;
	overflow: hidden;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.service-box.team .service-box-thumb {
	margin-bottom: 0;
	overflow: hidden;
}

.service-box.team .service-box-thumb img {
	max-width: 100%;
	transition: all 0.3s;
	display: block;
	width: 100%;
	height: auto;
	transform: scale(1);
}

.service-box.team:hover .service-box-thumb img {
	transform: scale(1.1);
}

.service-box.team .service-box-content {
	background-color: var(--white);
	/*! text-align: center; */
	padding: 20px;
	color: var(--dark);
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.service-box.team .service-box-content .service-box-title {
	/*! color: var(--white); */
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.service-box.team:hover .service-box-content h4 {
	color: var(--primary);
}

.service-box.team:hover {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.team .service-box-content .service-box-text {
	margin-top: 10px;
}

@media (max-width: 767px) {
	.service_style_4 {
		padding: 20px;
	}

	.service-box-thumb img {
		height: 90px;
	}
}

.service-box.style-5 {
	text-align: center;
	padding: 0;
	border: 0;
	position: relative;
}

.service-box.style-5 .service-box-title {
	color: var(--white);
}

.service_section_style_5 {}

.service-box.style-5 .service-icon,
.service-box.style-5 .service-box-thumb {
	width: 100%;
	height: 430px;
	border-radius: 0;
	margin: 0 auto;
	background: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
}

.service-box.style-5 .service-box-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.service-box.style-5 .service-icon i,
.service-box.style-5 .link {
	color: var(--white);
}

.service_style_5 .service-box {
	background: transparent;
	border-color: transparent;
	color: var(--white);
}

.service_style_5 .service-box .service-box-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.service_style_5 .service-box:hover .service-box-content {
	background-color: rgba(0, 0, 0, 0.8);
	padding-bottom: 60px;
}

.service_style_5 .service-box:hover {
	background: transparent;
	box-shadow: none;
}

.service_style_5 .section-heading h2,
.service_style_5 .sub-title {
	color: var(--white);
}

.service-box.style-6 {
	padding: 0;
}

.service-box.style-6 .service-box-thumb {
	margin-bottom: 0;
}

.service-box.style-6 .service-box-thumb img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	margin-bottom: 0;
}

.service-box.style-6 .service-box-content {
	padding: 30px;
}

/*pricing box*/
.pricing-item {
	border-radius: 5px;
	text-align: center;
	background: var(--white);
	margin-bottom: 0;
	padding: 15px 15px 45px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
}

.pricing-item:hover .pricing-header {
	background-position: 100% 0;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.pricing-item:hover .price,
.pricing-item:hover .pricing-time,
.pricing-item:hover .pricing-title {
	color: white;
}

.pricing-item ul {
	margin: 45px 0;
}

.pricing-item ul li {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	margin-bottom: 18px;
}

.pricing-header {
	padding: 25px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	border-radius: 5px;
	background: var(--gradient-light-green);
	background-size: 300% 100%;
}

.pricing-header .pricing-title {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.pricing-header .price {
	line-height: 1;
	font-size: 48px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: var(--primary);
	text-shadow: 0 1px 1px var(--dark);
}

.pricing-header .price:before {
	content: '₹';
	font-size: 24px;
}

.pricing-header .pricing-time {
	opacity: 0.5;
	color: black;
	margin: 10px 0 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
article.post{
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 20px;
	gap: 15px;
}
article.post .post-thumb {
	flex: 0 0 160px;
}
article.post .post-thumb img {
	border-radius: 3px;
	width: 100%;
	height: auto;
	object-fit: cover;
}
article.post:last-child{
	border-bottom: 0;
	margin-bottom: 0;
}
@media (max-width: 767px) {
	article.post .post-thumb {
		flex: 0 0 100%;
	}
}
.blog-widget-feed a.blog-widget-media{
	width: auto !important;
}

.footer-last{
	border-top: 1px dashed rgba(255,255,255,0.2);
	border-bottom: 1px dashed rgba(255,255,255,0.2);
	padding: 20px 0;
	margin-top: 20px;
}
.h-100{
	height: 100%;
}
.bg-orange{
	background: var(--orange);
}
.listing-banner{
	display: flex;
	height: 450px;
	position: relative;
}
.listing-banner::before{
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4598214285714286) 53%, rgba(0,0,0,1) 100%);
}
.listing-banner > .container{
	display: flex;
	align-items: flex-end;
}
.listing-banner-cont{
	position: relative;
	width: 100%;
	bottom: 0;
	padding: 30px 0;
}
@media (max-width: 991px) {
	.listing-banner h1{
		font-size: 28px;
		line-height: 32px;
	}
	.listing-banner{
		height: 400px;
	}
}
@media (max-width: 768px) {
	.listing-banner h1{
		font-size: 22px;
		line-height: 28px;
	}
	.listing-banner-cont {
		padding: 20px 0;
	}
	.listing-banner{
		height: 300px;
	}
	body.single{
		padding-bottom: 60px;
	}
}
.nav-list li.has-submenu .submenu-button {
	position: absolute;
	right: 0;
	width: 40px;
	height: 50px;
	z-index: 9999;
	cursor: pointer;
	border-radius: 4px;
}
.nav-list li.has-submenu .dropdown-list.active {
	display: block;
}
.listing-banner h1 i{
	font-size: 22px;
}
.details-desc .container{
	padding: 0;
}