/*!
Theme Name: WpMrCase
Theme URI: https://ehsanm.com
Author: ehsan maghsoodloo
Author URI: https://ehsanm.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-mr-case
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
@font-face {
	font-family  : iranyekan;
	font-style   : normal;
	font-weight  : bold;
	font-display : swap;
	src          : url('assets/fonts/iranyekanwebboldfanum.eot');
	src          : url('assets/fonts/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */ url('assets/fonts/iranyekanwebboldfanum.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('assets/fonts/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
	font-family  : iranyekan;
	font-style   : normal;
	font-weight  : normal;
	font-display : swap;
	src          : url('assets/fonts/iranyekanwebregularfanum.eot');
	src          : url('assets/fonts/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */ url('assets/fonts/iranyekanwebregularfanum.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('assets/fonts/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
	font-family  : iranyekan;
	font-style   : normal;
	font-weight  : 300;
	font-display : swap;
	src          : url('assets/fonts/iranyekanweblightfanum.eot');
	src          : url('assets/fonts/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */ url('assets/fonts/iranyekanweblightfanum.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('assets/fonts/iranyekanweblightfanum.ttf') format('truetype');
}

:root {
	--theme-color : #0163d2;
}

.theme-color2 {
	--theme-color : #e22454;
}

.theme-color3 {
	--theme-color : #7520dd;
}

.theme-color4 {
	--theme-color : #e87316;
}

.theme-color5 {
	--theme-color : #df4246;
}

.theme-color6 {
	--theme-color : #303232;
}

.text-color {
	color : #6d6d6d;
}

/**=====================
    common mixins css start
==========================**/
/*======= position css starts  ======= */
/*======= position css ends  ======= */
/*======= display flex css starts  ======= */
/*======= display flex css ends  ======= */
/*======= Font-color css starts  ======= */
.font-default {
	color : #232323 !important;
}

.font-dark {
	color : rgba(35, 35, 35, 0.65) !important;
}

.font-light {
	color : #7e7e7e !important;
}

.font-white {
	color : #ffffff !important;
}

.font-dark-30 {
	color : #232323 !important;
}

.font300 {
	font-weight : lighter;
}

.fs-13 {
	font-size : 13px
}

.color-primary {
	color : #303232 !important
}

.color-red {
	color : rgba(226, 36, 84, 1) !important
}

.ltr {
	direction : ltr
}

.text-left {
	text-align : left
}

/*======= Font-color css end  ======= */
/*======= buttons css starts  ======= */
.btn-solid-dark {
	color            : #ffffff;
	background-color : unset;
	border           : 1px solid #232323;
}

.btn-solid-dark::before {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	top                : 0;
	left               : 0;
	z-index            : -1;
	background-color   : #232323;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
}

.btn-solid-dark:hover {
	color : #232323;
}

.btn-solid-dark:hover::before {
	opacity           : 0;
	-webkit-transform : scale(0.5, 0.5);
	transform         : scale(0.5, 0.5);
}

.btn-solid-light {
	color            : #ffffff;
	background-color : unset;
	border           : 1px solid #fefefe;
	color            : #ffffff;
}

.btn-solid-light::before {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	top                : 0;
	left               : 0;
	z-index            : -1;
	background-color   : #fefefe;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
}

.btn-solid-light:hover {
	color : #232323;
}

.btn-solid-light:hover::before {
	opacity           : 0;
	-webkit-transform : scale(0.5, 0.5);
	transform         : scale(0.5, 0.5);
}

.btn-solid-light:hover,
.btn-solid-light:focus,
.btn-solid-light:active,
.btn-solid-light.active {
	color : #000000;
}

.btn-solid-default {
	color            : #ffffff;
	background-color : unset;
	border           : 1px solid var(--theme-color);
}

.btn-solid-default::before {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	top                : 0;
	left               : 0;
	z-index            : -1;
	background-color   : var(--theme-color);
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
}

.btn-solid-default:hover {
	color : #232323;
}

.btn-solid-default:hover::before {
	opacity           : 0;
	-webkit-transform : scale(0.5, 0.5);
	transform         : scale(0.5, 0.5);
}

/*======= buttons css end  ======= */
/*======= align css starts  ======= */
/*======= align css ends  ======= */
/*======= breakpoint css ends  ======= */
/**=====================
    breakpoint mixins css start
==========================**/
/**=====================
     reset css start
==========================**/
section,
.section-t-space {
	padding-top : 80px;
}

@media (max-width : 1460px) {
	section,
	.section-t-space {
		padding-top : 70px;
	}
}

@media (max-width : 1199px) {
	section,
	.section-t-space {
		padding-top : 60px;
	}
}

@media (max-width : 991px) {
	section,
	.section-t-space {
		padding-top : 50px;
	}
}

@media (max-width : 767px) {
	section,
	.section-t-space {
		padding-top : 40px;
	}
}

@media (max-width : 575px) {
	section,
	.section-t-space {
		padding-top : 30px;
	}
}

.section-b-space {
	padding-bottom : 80px;
}

@media (max-width : 1460px) {
	.section-b-space {
		padding-bottom : 70px;
	}
}

@media (max-width : 1199px) {
	.section-b-space {
		padding-bottom : 60px;
	}
}

@media (max-width : 991px) {
	.section-b-space {
		padding-bottom : 50px;
	}
}

@media (max-width : 767px) {
	.section-b-space {
		padding-bottom : 40px;
	}
}

@media (max-width : 575px) {
	.section-b-space {
		padding-bottom : 30px;
	}
}

.section-inner {
	padding-top : 30px
}

.media .media-body {
	-webkit-box-flex : 1;
	-ms-flex         : 1;
	flex             : 1;
}

.rating li i.orange {
	color : #facc21;
}

.g-18 {
	margin : -18px;
}

.g-18 > div {
	padding : 18px;
}

.custom-gy-5 {
	margin-top    : calc(-16px + (-20 - -16) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom : calc(-16px + (-20 - -16) * ((100vw - 320px) / (1920 - 320)));
}

.custom-gy-5 > div {
	margin-top    : calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom : calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.light-gray-bg {
	background-color : #eff2f7;
}

@media (min-width : 1200px) {
	.custom-col {
		width : calc(33.33333% + 4.16%);
	}
}

/**=====================
     typography css start
==========================**/
body {
	font-family      : iranyekan, sans-serif;
	position         : relative;
	font-size        : 14px;
	color            : #232323;
	margin           : 0;
	background-color : #ffffff;
}

body .bg-overlay {
	height             : 100vh;
	width              : 100vw;
	background-color   : rgba(0, 0, 0, 0.2);
	position           : fixed;
	z-index            : 3;
	top                : 0;
	opacity            : 0;
	visibility         : hidden;
	-webkit-transition : 0.5s;
	transition         : 0.5s;
}

body .bg-overlay.show {
	visibility : visible;
	opacity    : 1;
}

ul {
	padding-left  : 0;
	margin-bottom : 0;
}

li {
	display   : inline-block;
	font-size : 14px;
}

p {
	font-size   : 14px;
	line-height : 18px;
}

a {
	color              : var(--theme-color);
	-webkit-transition : 0.5s ease;
	transition         : 0.5s ease;
	text-decoration    : none;
}

a:hover {
	text-decoration    : none;
	-webkit-transition : 0.5s ease;
	transition         : 0.5s ease;
}

a:focus {
	outline : none;
}

button {
	font-family : iranyekan
}

button:focus {
	outline : none;
}

.btn-close:focus {
	-webkit-box-shadow : none;
	box-shadow         : none;
}

:focus {
	outline : none;
}

.form-control {
	background-color : #ffffff;
}

.form-control:focus {
	-webkit-box-shadow : none;
	box-shadow         : none;
}

h1 {
	font-size      : calc(40px + (70 - 40) * ((100vw - 320px) / (1920 - 320)));
	font-weight    : 600;
	line-height    : 1.1;
	text-transform : capitalize;
	margin         : 0;
}

h2 {
	font-size      : calc(18px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
	font-weight    : 600;
	line-height    : 28px;
	text-transform : capitalize;
	margin         : 0;
}

h3 {
	font-size   : calc(16px + (17 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight : 500;
	line-height : 1.2;
	margin      : 0;
}

h4 {
	font-size   : calc(17px + (16 - 17) * ((100vw - 320px) / (1920 - 320)));
	line-height : 1.2;
	margin      : 0;
	font-weight : 400;
}

h5 {
	font-size   : calc(14px + (15 - 15) * ((100vw - 320px) / (1920 - 320)));
	line-height : 1.2;
	margin      : 0;
	font-weight : 400;
}

h6 {
	font-size   : calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
	line-height : 1.2;
	margin      : 0;
	font-weight : 400;
}

span {
	display : inline-block;
}

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

.theme-bg-color {
	background-color : var(--theme-color);
}

.theme-bg-color2 {
	background-color : #ffffff;
}

/**=====================
     buttons css start
==========================**/
.btn {
	position           : relative;
	padding            : calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
	font-weight        : 600;
	z-index            : 1;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
	border-radius      : 0;
	font-weight        : bold;
	font-size          : calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));
	text-transform     : capitalize;
	white-space        : nowrap;
}

.btn-submit {
	font-size        : calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	background-color : var(--theme-color);
	color            : #ffffff;
}

.btn-submit:hover {
	background-color : var(--theme-color);
	color            : #ffffff;
}

.btn-size {
	font-size : 12px;
}

.btn:focus {
	-webkit-box-shadow : none;
	box-shadow         : none;
}

.btn-spacing {
	padding : calc(5px + (14 - 5) * ((100vw - 320px) / (1920 - 320))) calc(8px + (30 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.btn-sm {
	padding     : 8px 16px;
	font-weight : 400;
}

.default-white {
	background-color : #ffffff;
	border-radius    : 0;
}

.default-light {
	color       : #f8f8f8;
	position    : relative;
	border      : 1px solid transparent;
	padding     : calc(6px + (14 - 6) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
	font-weight : 800;
}

.default-light::before {
	content          : "";
	position         : absolute;
	width            : 100%;
	height           : 100%;
	top              : 0;
	left             : 0;
	background-color : var(--theme-color);
	opacity          : 0.15;
}

.default-light1 {
	color            : var(--theme-color);
	position         : relative;
	background-color : unset;
	border           : 1px solid transparent;
}

.default-light1::before {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	top                : 0;
	left               : 0;
	right              : 0;
	z-index            : -1;
	background-color   : var(--theme-color);
	opacity            : 0.11;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
}

.default-light1::after {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	top                : 50%;
	left               : 50%;
	-webkit-transform  : translate(-50%, -50%);
	transform          : translate(-50%, -50%);
	z-index            : -1;
	border             : 1px solid var(--theme-color);
	opacity            : 0;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
}

.default-light1:hover {
	color : var(--theme-color);
}

.default-light1:hover::before {
	opacity           : 0;
	-webkit-transform : scale(0.5, 0.5);
	transform         : scale(0.5, 0.5);
}

.default-light1:hover::after {
	opacity : 0.11;
}

.default-light-theme {
	color   : var(--theme-color);
	padding : calc(6px + (14 - 6) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.default-light-theme:hover {
	color : var(--theme-color);
}

.default-theme {
	background-color : var(--theme-color);
	color            : #ffffff;
}

.default-theme:hover {
	color : #ffffff;
}

.default-theme-2 {
	padding        : 12px 25px;
	font-size      : 15px;
	text-transform : capitalize;
	font-weight    : 400;
}

.default-theme-1 {
	background-color  : rgba(240, 247, 240, 0.6);
	-webkit-transform : scale(100%);
	transform         : scale(100%);
	border            : 1px solid var(--theme-color);
}

.default-theme-1:hover {
	background-color  : var(--theme-color);
	color             : #ffffff;
	-webkit-transform : scale(100%);
	transform         : scale(100%);
}

.default::before {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	top                : 0;
	left               : 0;
	right              : 0;
	z-index            : -1;
	background-color   : var(--theme-color);
	opacity            : 0.11;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
}

.default::after {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	top                : 50%;
	left               : 50%;
	-webkit-transform  : translate(-50%, -50%);
	transform          : translate(-50%, -50%);
	z-index            : -1;
	border             : 1px solid var(--theme-color);
	opacity            : 0;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
}

.default:hover {
	color : var(--theme-color);
}

.default:hover::before {
	opacity           : 0;
	-webkit-transform : scale(0.5, 0.5);
	transform         : scale(0.5, 0.5);
}

.default:hover::after {
	opacity : 0.11;
}

.btn-light-white {
	padding          : 6px 20px;
	color            : #ffffff;
	background-color : unset;
	border           : 1px solid rgba(255, 255, 255, 0.1);
}

.btn-light-white i {
	font-size : 12px;
}

.btn-light-white::before {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	top                : 0;
	left               : 0;
	z-index            : -1;
	background-color   : rgba(255, 255, 255, 0.1);
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
}

.btn-light-white:hover {
	color : #ffffff;
}

.btn-light-white:hover::before {
	opacity           : 0;
	-webkit-transform : scale(0.5, 0.5);
	transform         : scale(0.5, 0.5);
}

.btn-white {
	padding          : 6px 20px;
	color            : #232323;
	background-color : unset;
	border           : 1px solid #ffffff;
}

.btn-white i {
	font-size : 12px;
}

.btn-white::before {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	top                : 0;
	left               : 0;
	z-index            : -1;
	background-color   : #ffffff;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
}

.btn-white:hover {
	color : #ffffff;
}

.btn-white:hover::before {
	opacity           : 0;
	-webkit-transform : scale(0.5, 0.5);
	transform         : scale(0.5, 0.5);
}

.btn-full {
	width         : 100%;
	border-radius : 5px;
}

/**=====================
     alert css start
==========================**/
.alert-info .btn-close {
	font-size : 10px;
}

.progress-bar-info {
	background-color : #0c5460;
}

[data-notify="progressbar"] {
	margin-bottom : 0;
	position      : absolute;
	bottom        : 0;
	left          : 0;
	width         : 100%;
	height        : 5px;
}

/**=====================
    label css start
==========================**/
.label {
	font-size      : 12px;
	padding        : 6px 10px;
	text-transform : uppercase;
	color          : #ffffff;
	display        : inline-block;
	font-weight    : 500;
}

@media (max-width : 575px) {
	.label {
		padding   : 4px 6px;
		font-size : 10px;
	}
}

.label-block {
	position : absolute;
	padding  : calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
	top      : 0;
	width    : 100%;
	z-index  : 1;
}

.label-dark {
	background-color : #000000;
}

.label-black {
	background-color : #000000;
}

[dir="rtl"] .label-black {
	float : right;
}

.label-theme {
	background-color : var(--theme-color);
}

.label-danger {
	background-color : rgb(226, 36, 84) !important;
}

/**=====================
     tab css start
==========================**/
.tab-wrap .nav-tabs {
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	border-bottom    : 2px solid #f0f3f8;
}

@media (max-width : 991px) {
	.tab-wrap .nav-tabs {
		display          : -webkit-box;
		-webkit-box-pack : center;
		-ms-flex-pack    : center;
		justify-content  : center;
		-ms-flex-wrap    : inherit;
		flex-wrap        : inherit;
		overflow-x       : scroll;
		overflow-y       : hidden;
		white-space      : nowrap;
	}
}

.tab-wrap .nav-tabs .nav-link {
	font-size     : calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
	line-height   : 1;
	color         : #7e7e7e;
	font-weight   : 500;
	padding       : 0 20px 20px;
	background    : transparent;
	border        : none;
	border-bottom : 4px solid transparent;
}

@media (max-width : 991px) {
	.tab-wrap .nav-tabs .nav-link {
		padding : 0 10px 15px;
	}
}

.tab-wrap .nav-tabs .nav-link:hover,
.tab-wrap .nav-tabs .nav-link:active,
.tab-wrap .nav-tabs .nav-link:focus {
	border : none;
}

.tab-wrap .nav-tabs .nav-link.active,
.tab-wrap .nav-tabs .nav-link:active {
	border-bottom : 4px solid var(--theme-color);
	color         : #212529;
}

.tab-wrap .tab-content {
	margin-top : 30px;
}

/**=====================
     dropdown css start
==========================**/
.onhover-div {
	top                : 70px;
	opacity            : 0;
	visibility         : hidden;
	position           : absolute;
	z-index            : 8;
	background-color   : #ffffff;
	-webkit-transition : all linear 0.3s;
	transition         : all linear 0.3s;
	min-width          : 280px;
	-webkit-box-shadow : 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
	box-shadow         : 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
}

.onhover-div li {
	font-size : 14px;
}

.onhover-div li a svg {
	color : #232323;
}

.onhover-div::before {
	content       : "";
	position      : absolute;
	width         : 0;
	height        : 0;
	border-left   : 7px solid transparent;
	border-right  : 7px solid transparent;
	border-bottom : 7px solid #ffffff;
	top           : -7px;
	right         : 10px;
	z-index       : 2;
}

[dir="rtl"] .onhover-div::before {
	right : unset;
	left  : 10px;
}

.onhover-dropdown {
	position : relative;
	cursor   : pointer;
}

.onhover-dropdown:hover .onhover-div {
	top               : 50px;
	opacity           : 1;
	-webkit-transform : translateY(0px);
	transform         : translateY(0px);
	visibility        : visible;
}

@media (max-width : 767px) {
	.onhover-dropdown:hover .onhover-div {
		width : 320px;
	}
}

.onhover-dropdown.cart-dropdown button {
	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;
}

.onhover-dropdown.cart-dropdown button .feather {
	width        : 23px !important;
	margin-right : 10px;
	height       : 22px;
}

[dir="rtl"] .onhover-dropdown.cart-dropdown button .feather {
	margin-right : unset;
	margin-left  : 10px;
}

@media (max-width : 360px) {
	.onhover-dropdown.cart-dropdown button .feather {
		margin-right : 0;
	}
	
	[dir="rtl"] .onhover-dropdown.cart-dropdown button .feather {
		margin-right : unset;
		margin-left  : 0;
	}
}

.onhover-dropdown.cart-dropdown button span {
	font-size : calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

/**=====================
     title css start
==========================**/
.title {
	margin-bottom : calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.title.title1 h2 {
	font-size      : calc(22px + (35 - 22) * ((100vw - 320px) / (1920 - 320)));
	position       : relative;
	display        : inline-block;
	padding-bottom : 16px;
}

.title.title1 h2:before {
	content           : "";
	position          : absolute;
	left              : 50%;
	-webkit-transform : translateX(-50%);
	transform         : translateX(-50%);
	bottom            : 1.5px;
	width             : 100%;
	height            : 1px;
	background-color  : #dddddd;
}

.title.title1 h2:after {
	content           : "";
	position          : absolute;
	left              : 50%;
	-webkit-transform : translateX(-50%);
	transform         : translateX(-50%);
	bottom            : -1px;
	width             : 30%;
	height            : 4px;
	background-color  : var(--theme-color);
	border-radius     : 50px;
}

.title.title1 p {
	margin      : 20px auto 0;
	color       : #212529;
	width       : 50%;
	line-height : 1.5;
}

.title.title-effect h2::after {
	right             : 0;
	-webkit-transform : translateX(0);
	transform         : translateX(0);
}

.title.title-1 {
	margin-bottom : 0;
	padding       : 0 15px;
}

.title h5 {
	margin-bottom : 10px;
	margin-top    : -2px;
	color         : #7e7e7e;
}

.title-2 {
	color : #212529;
}

.title-2 h2 {
	margin-top : -2px;
}

.title-2 h3 {
	margin-top : -2px;
}

.title-2 h5 {
	margin-bottom : 0;
	margin-top    : 10px;
	color         : #7e7e7e;
}

.title-3 {
	margin-bottom : calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.title-3.title-border {
	border-bottom : 1px solid #f0f3f8;
}

.title-3 h2 {
	margin-top : -2px;
}

.title-3 h5 {
	margin-bottom : 0;
	margin-top    : 10px;
}

.gradient-title {
	background-image        : linear-gradient(100deg, #3d3d3d, var(--theme-color));
	background-clip         : text;
	-webkit-text-fill-color : transparent;
	display                 : inline-block;
	-webkit-background-clip : text;
	cursor                  : pointer;
}

.gradient-title-1 {
	background-image : linear-gradient(100deg, white, var(--theme-color));
}

/**=====================
     ratio css start
==========================**/
.ratio_30 .bg-size:before {
	padding-top : 30%;
	content     : "";
	display     : block;
}

.ratio_35 .bg-size:before {
	padding-top : 35%;
	content     : "";
	display     : block;
}

.ratio_40 .bg-size:before {
	padding-top : 40%;
	content     : "";
	display     : block;
}

.ratio_45 .bg-size:before {
	padding-top : 45%;
	content     : "";
	display     : block;
}

.ratio2_1 .bg-size:before {
	padding-top : 50%;
	content     : "";
	display     : block;
}

.ratio_55 .bg-size:before {
	padding-top : 55%;
	content     : "";
	display     : block;
}

.ratio_59 .bg-size:before {
	padding-top : 59%;
	content     : "";
	display     : block;
}

.ratio2_3 .bg-size:before {
	padding-top : 60%;
	content     : "";
	display     : block;
}

.ratio3_2 .bg-size:before {
	padding-top : 66.66%;
	content     : "";
	display     : block;
}

.ratio_90 .bg-size:before {
	padding-top : 93%;
	content     : "";
	display     : block;
}

.ratio_landscape .bg-size:before {
	padding-top : 75%;
	content     : "";
	display     : block;
}

.ratio_veg .bg-size:before {
	padding-top : 113%;
	content     : "";
	display     : block;
}

.ratio_square .bg-size:before {
	padding-top : 100%;
	content     : "";
	display     : block;
}

.ratio_asos .bg-size:before {
	padding-top : 100%;
	content     : "";
	display     : block;
}

.ratio_small .bg-size:before {
	padding-top : 118%;
	content     : "";
	display     : block;
}

.ratio_medium .bg-size:before {
	padding-top : 138%;
	content     : "";
	display     : block;
}

.ratio_portrait .bg-size:before {
	padding-top : 150%;
	content     : "";
	display     : block;
}

.ratio2_2 .bg-size:before {
	padding-top : 154.777778%;
	content     : "";
	display     : block;
}

.ratio_2 .bg-size:before {
	padding-top : 163%;
	content     : "";
	display     : block;
}

.ratio1_2 .bg-size:before {
	padding-top : 200%;
	content     : "";
	display     : block;
}

/**=====================
     Tap to top css start
==========================**/
.tap-to-top {
	background-color   : var(--theme-color);
	position           : fixed;
	bottom             : 15px;
	right              : -60px;
	border-radius      : 5px;
	overflow           : hidden;
	width              : calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
	height             : calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
	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;
	font-size          : calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	-webkit-box-shadow : 0 3px 8px rgba(33, 37, 41, 0.35);
	box-shadow         : 0 3px 8px rgba(33, 37, 41, 0.35);
	z-index            : 3;
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
	cursor             : pointer;
	opacity            : 0;
}

[dir="rtl"] .tap-to-top {
	right : unset;
	left  : -60px;
}

.tap-to-top::before {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 0;
	background         : #212529;
	top                : 0;
	left               : 0;
	bottom             : 0;
	z-index            : -1;
	-webkit-transition : 0.5s;
	transition         : 0.5s;
}

.tap-to-top:hover::before {
	height : 100%;
}

@media (max-width : 575px) {
	.tap-to-top {
		bottom : 75px;
	}
}

.tap-to-top.show {
	right              : 15px;
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
	opacity            : 1;
}

[dir="rtl"] .tap-to-top.show {
	right : unset;
	left  : 15px;
}

.tap-to-top a {
	color             : #ffffff;
	width             : calc(35px + (40 - 35) * ((100vw - 320px) / (1920 - 320)));
	height            : calc(35px + (40 - 35) * ((100vw - 320px) / (1920 - 320)));
	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;
	font-size         : calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	z-index           : 3;
}

@media (max-width : 575px) {
	.tap-to-top a {
		bottom : 75px;
	}
}

/**=====================
     form css start
  ==========================**/
.form-control {
	font-size : 14px;
	padding   : calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.form-control.subscribe-input {
	border        : none;
	border-radius : 0;
}

[dir="rtl"] .form-control {
	text-align : right;
}

.form-control:focus {
	background-color   : #eff2f7;
	border-color       : #ced4da;
	-webkit-box-shadow : none;
	box-shadow         : none;
	color              : #212529;
}

.form-select {
	font-size : 14px;
}

.form-select:focus {
	background-color   : #eeeeee;
	border-color       : #ced4da;
	-webkit-box-shadow : none;
	box-shadow         : none;
	color              : #212529;
}

.input-group .btn {
	z-index : 1;
}

.checkbox_animated {
	cursor       : pointer;
	position     : relative;
	margin-right : 16px;
}

[dir="rtl"] .checkbox_animated {
	margin-right : 10px;
	margin-left  : 16px;
}

.checkbox_animated:before {
	-webkit-transition : -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition         : -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition         : transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition         : transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform  : rotate(-45deg) scale(0, 0);
	transform          : rotate(-45deg) scale(0, 0);
	content            : "";
	position           : absolute;
	left               : 4px;
	top                : 4px;
	z-index            : 1;
	width              : 12px;
	height             : 6px;
	border             : 2px solid var(--theme-color);
	border-top-style   : none;
	border-right-style : none;
}

.checkbox_animated:after {
	content    : "";
	position   : absolute;
	top        : -2px;
	left       : 0;
	width      : 21px;
	height     : 21px;
	background : #ffffff;
	border     : 2px solid #dddddd;
	cursor     : pointer;
}

.checkbox_animated:checked:before {
	-webkit-transform : rotate(-45deg) scale(1, 1);
	transform         : rotate(-45deg) scale(1, 1);
}

/**=====================
     slider css start
==========================**/
.slick-initialized .slick-arrow {
	z-index            : 1;
	-webkit-transition : 0.5s;
	transition         : 0.5s;
}

.slick-initialized .slick-arrow:before {
	-webkit-transition : 0.5s;
	transition         : 0.5s;
}

.slick-initialized .slick-arrow:hover {
	-webkit-transition : 0.5s;
	transition         : 0.5s;
}

.slick-initialized .slick-arrow:hover:before {
	-webkit-transition : 0.5s;
	transition         : 0.5s;
}

.spacing-slider.slick-slider {
	margin : 0 -12px;
}

.spacing-slider.slick-slider .slick-list {
	margin : 0 -12px;
}

@media (max-width : 575px) {
	.spacing-slider.slick-slider .slick-list {
		margin : 0 -6px;
	}
}

.spacing-slider.slick-slider .slick-list .slick-slide > div {
	margin : 0 15px;
}

@media (max-width : 575px) {
	.spacing-slider.slick-slider .slick-list .slick-slide > div {
		margin : 0 6px;
	}
}

.spacing-slider.slick-slider.slick-dotted {
	margin-bottom : 0;
}

.slick-slider .slick-list {
	margin : 0 -12px;
}

@media (max-width : 575px) {
	.slick-slider .slick-list {
		margin : 0 -6px;
	}
}

.slick-slider .slick-list .slick-slide > div {
	margin : 0 12px;
}

@media (max-width : 575px) {
	.slick-slider .slick-list .slick-slide > div {
		margin : 0 9px;
	}
}

.slick-slider.slick-dotted {
	margin-bottom : 0;
}

.slide-6 .slick-list {
	margin : 0;
}

.classic-arrow .custom-arrow {
	position           : absolute;
	bottom             : 50px;
	z-index            : 1;
	-webkit-transition : 0.5s;
	transition         : 0.5s;
	cursor             : pointer;
}

@media (max-width : 991px) {
	.classic-arrow .custom-arrow {
		bottom : 90px;
	}
}

@media (max-width : 575px) {
	.classic-arrow .custom-arrow {
		bottom : 10px;
	}
}

.classic-arrow .custom-arrow:hover {
	color              : var(--theme-color);
	-webkit-transition : 0.5s;
	transition         : 0.5s;
}

.classic-arrow .custom-arrow i {
	font-size      : 12px;
	vertical-align : 1px;
}

@media (max-width : 575px) {
	.classic-arrow .custom-arrow i {
		margin           : 0 !important;
		padding          : 8px;
		background-color : #ffffff;
	}
	
	.classic-arrow .custom-arrow i:hover {
		background-color : var(--theme-color);
		color            : #ffffff;
	}
}

.classic-arrow .custom-arrow.prev {
	right : 20%;
}

[dir="rtl"] .classic-arrow .custom-arrow.prev i {
	margin-right : 16px !important;
	margin-left  : 0 !important;
}

[dir="rtl"] .classic-arrow .custom-arrow.prev {
	right : unset;
	left  : 7%;
}

@media (max-width : 991px) {
	.classic-arrow .custom-arrow.prev {
		right : unset;
		left  : 5%;
	}
	
	[dir="rtl"] .classic-arrow .custom-arrow.prev {
		left  : unset;
		right : 5%;
	}
}

@media (max-width : 575px) {
	.classic-arrow .custom-arrow.prev {
		right  : 53% !important;
		left   : unset !important;
		bottom : 20px;
	}
	
	[dir="rtl"] .classic-arrow .custom-arrow.prev {
		left  : 10%;
		right : unset;
	}
}

@media (max-width : 360px) {
	.classic-arrow .custom-arrow.prev {
		right : 12%;
		left  : unset;
	}
	
	[dir="rtl"] .classic-arrow .custom-arrow.prev {
		left  : 12%;
		right : unset;
	}
}

.classic-arrow .custom-arrow.next {
	right : 13%;
}

[dir="rtl"] .classic-arrow .custom-arrow.next i {
	margin-left  : 16px !important;
	margin-right : 0 !important;
}

[dir="rtl"] .classic-arrow .custom-arrow.next {
	right : unset;
	left  : 13%;
}

@media (max-width : 1199px) {
	.classic-arrow .custom-arrow.next {
		right : 11%;
	}
	
	[dir="rtl"] .classic-arrow .custom-arrow.next {
		right : unset;
		left  : 15%;
	}
}

@media (max-width : 991px) {
	.classic-arrow .custom-arrow.next {
		right : unset;
		left  : 16%;
	}
	
	[dir="rtl"] .classic-arrow .custom-arrow.next {
		left  : unset;
		right : 16%;
	}
}

@media (max-width : 767px) {
	.classic-arrow .custom-arrow.next {
		left : 20%;
	}
	
	[dir="rtl"] .classic-arrow .custom-arrow.next {
		left  : unset;
		right : 20%;
	}
}

@media (max-width : 575px) {
	.classic-arrow .custom-arrow.next {
		left  : unset;
		right : 3%;
	}
	
	[dir="rtl"] .classic-arrow .custom-arrow.next {
		left  : 3%;
		right : unset;
	}
}

.classic-arrow .custom-arrow.next::before {
	content     : "";
	position    : absolute;
	width       : 100%;
	height      : 100%;
	border-left : 2px solid rgba(0, 0, 0, 0.1);
	left        : -28px;
	top         : 0;
}

[dir="rtl"] .classic-arrow .custom-arrow.next::before {
	right : 18px;
	left  : unset;
}

@media (max-width : 1660px) {
	.classic-arrow .custom-arrow.next::before {
		display : none;
	}
}

.classic-arrow .custom-arrow span {
	font-weight    : 600;
	text-transform : uppercase;
	font-size      : 16px;
}

@media (max-width : 767px) {
	.classic-arrow .custom-arrow span {
		font-size : 14px;
	}
}

@media (max-width : 575px) {
	.classic-arrow .custom-arrow span {
		display : none;
	}
}

.classic-arrow-1 .custom-arrow {
	position           : absolute;
	bottom             : 50px;
	z-index            : 1;
	-webkit-transition : 0.5s;
	transition         : 0.5s;
	cursor             : pointer;
}

.classic-arrow-1 .custom-arrow:hover {
	color              : var(--theme-color);
	-webkit-transition : 0.5s;
	transition         : 0.5s;
}

.classic-arrow-1 .custom-arrow i {
	font-size      : 12px;
	vertical-align : 1px;
}

@media (max-width : 575px) {
	.classic-arrow-1 .custom-arrow i {
		margin           : 0 !important;
		padding          : 8px;
		background-color : #ffffff;
	}
	
	.classic-arrow-1 .custom-arrow i:hover {
		background-color : var(--theme-color);
		color            : #ffffff;
	}
}

.classic-arrow-1 .custom-arrow.prev {
	right : 20%;
}

[dir="rtl"] .classic-arrow-1 .custom-arrow.prev {
	right : unset !important;
	left  : 6% !important;
}

@media (max-width : 575px) {
	[dir="rtl"] .classic-arrow-1 .custom-arrow.prev {
		left  : unset !important;
		right : 51% !important;
	}
}

@media (max-width : 480px) {
	[dir="rtl"] .classic-arrow-1 .custom-arrow.prev {
		left  : unset !important;
		right : 52% !important;
	}
}

.classic-arrow-1 .custom-arrow.next {
	right : 13%;
}

[dir="rtl"] .classic-arrow-1 .custom-arrow.next {
	right : unset !important;
	left  : 12% !important;
}

.classic-arrow-1 .custom-arrow.next::before {
	content     : "";
	position    : absolute;
	width       : 100%;
	height      : 100%;
	border-left : 2px solid rgba(0, 0, 0, 0.1);
	left        : -28px;
	top         : 0;
}

[dir="rtl"] .classic-arrow-1 .custom-arrow.next::before {
	right : -28px;
	left  : unset;
	width : 8%;
}

@media (max-width : 1660px) {
	.classic-arrow-1 .custom-arrow.next::before {
		display : none;
	}
}

@media (max-width : 991px) {
	[dir="rtl"] .classic-arrow-1 .custom-arrow.next {
		left : 16% !important;
	}
}

@media (max-width : 575px) {
	[dir="rtl"] .classic-arrow-1 .custom-arrow.next {
		left  : unset !important;
		right : 13% !important;
	}
}

@media (max-width : 480px) {
	[dir="rtl"] .classic-arrow-1 .custom-arrow.next {
		left  : unset !important;
		right : 44% !important;
	}
}

.classic-arrow-1 .custom-arrow span {
	font-weight    : 600;
	text-transform : uppercase;
	font-size      : 16px;
}

@media (max-width : 767px) {
	.classic-arrow-1 .custom-arrow span {
		font-size : 14px;
	}
}

@media (max-width : 575px) {
	.classic-arrow-1 .custom-arrow span {
		display : none;
	}
}

.light-arrow .slick-arrow,
.white-arrow .slick-arrow {
	border-radius : 100%;
	width         : 40px;
	height        : 40px;
}

@media (max-width : 991px) {
	.light-arrow .slick-arrow,
	.white-arrow .slick-arrow {
		width  : 30px;
		height : 30px;
	}
}

.light-arrow .slick-arrow:before,
.white-arrow .slick-arrow:before {
	font-size   : 12px;
	font-family : "Font Awesome 5 Free";
	font-weight : 900;
}

.light-arrow .slick-prev,
.white-arrow .slick-prev {
	z-index : 1;
}

.light-arrow .slick-prev:before,
.white-arrow .slick-prev:before {
	content : "\f053";
}

.light-arrow .slick-next:before,
.white-arrow .slick-next:before {
	content : "\f054";
}

.light-arrow .slick-arrow {
	background-color : #f0f3f8;
}

.light-arrow .slick-arrow:before {
	color : #232323;
}

.light-arrow .slick-arrow:hover {
	background-color : var(--theme-color);
}

.light-arrow .slick-arrow:hover:before {
	color : #ffffff;
}

.bottom-space {
	margin-bottom : -4px;
}

.white-arrow .slick-arrow {
	background-color : rgba(255, 255, 255, 0.2);
	width            : 30px;
	height           : 30px;
}

.white-arrow .slick-arrow:before {
	color : #ffffff;
}

.white-arrow .slick-arrow:hover,
.white-arrow .slick-arrow:active,
.white-arrow .slick-arrow:focus {
	background-color : #ffffff;
}

.white-arrow .slick-arrow:hover:before,
.white-arrow .slick-arrow:active:before,
.white-arrow .slick-arrow:focus:before {
	color : var(--theme-color);
}

.category-slider .slick-prev {
	left : -120px;
}

.category-slider .slick-next {
	right : unset;
	left  : -80px;
}

.brand-image img {
	margin : 0 auto;
}

.dot-dark .slick-dots {
	bottom            : unset;
	width             : auto;
	top               : 50%;
	-webkit-transform : translateY(-50%);
	transform         : translateY(-50%);
	right             : 0;
	left              : unset;
}

[dir="rtl"] .dot-dark .slick-dots {
	left  : 0;
	right : unset;
}

.dot-dark .slick-dots li {
	width   : auto;
	height  : auto;
	display : block;
	margin  : 5px;
}

.dot-dark .slick-dots li button {
	width         : 10px;
	height        : 10px;
	background    : #232323;
	font-size     : 10px;
	border-radius : 100%;
}

.dot-dark .slick-dots li button:before {
	display : none;
}

.dot-dark .slick-dots li.slick-active button {
	background-color : var(--theme-color);
}

.image-show .slick-list {
	overflow : visible;
	height   : auto !important;
}

.image-show .slick-slide {
	float : none;
}

[dir="rtl"] .poster-section-6 .image-show .slick-slide,
[dir="rtl"] .poster-section .image-show .slick-slide {
	float : none;
}

.slick-lg-space .slick-list {
	margin : -5px -18px;
}

@media (max-width : 767px) {
	.slick-lg-space .slick-list {
		margin : -5px -10px;
	}
}

.slick-lg-space .slick-list .slick-slide > div {
	margin : 5px 18px;
}

@media (max-width : 767px) {
	.slick-lg-space .slick-list .slick-slide > div {
		margin : 5px 10px;
	}
}

.black-slide .slick-list .slick-track .slick-slide > div {
	margin : 0 5px;
}

.black-slide .slick-list .slick-track .slick-slide.slick-active .play-icon .fa-play {
	-webkit-filter : grayscale(100%) blur(1px);
	filter         : grayscale(100%) blur(1px);
	opacity        : 0.5;
}

.black-slide .slick-list .slick-track .slick-slide.slick-active .play-icon:hover .fa-play {
	-webkit-filter : grayscale(0);
	filter         : grayscale(0);
	opacity        : 1;
}

.black-slide .slick-list .slick-track .slick-slide.slick-active img {
	-webkit-transition : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
}

.black-slide .slick-list .slick-track .slick-slide.slick-active:hover img {
	-webkit-filter : grayscale(0);
	filter         : grayscale(0);
	opacity        : 1;
}

.black-slide .slick-list .slick-track .slick-slide img {
	-webkit-filter : grayscale(20%) blur(1px);
	filter         : grayscale(20%) blur(1px);
	opacity        : 0.8;
}

.black-slide .slick-list .slick-track .slick-slide.slick-center img {
	-webkit-filter : grayscale(0);
	filter         : grayscale(0);
	opacity        : 1;
}

.black-slide .slick-list .slick-track .slick-slide.slick-center .play-icon .fa-play {
	-webkit-filter : grayscale(0);
	filter         : grayscale(0);
	opacity        : 1;
}

/**=====================
    Touchspin  CSS Start
==========================**/
.bootstrap-touchspin input.touchspin {
	padding : 0 12px;
}

.bootstrap-touchspin .input-group .btn {
	padding : 0.5rem 1.75rem;
}

.bootstrap-touchspin .input-group {
	font-family : iranyekan, sans-serif;
}

.bootstrap-touchspin .input-group .btn {
	border-radius : 0 !important;
}

.touchspin-vertical-tab {
	max-width : 60px;
	width     : unset;
}

.touchspin-vertical-tab .touchspin-vertical {
	padding : 6px 12px;
}

.touchspin-vertical-tab .input-group .input-group-btn-vertical {
	position : relative;
	display  : grid;
}

.touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
	margin-top : -2px;
}

.touchspin-vertical-tab .input-group .input-group-btn-vertical i {
	position    : absolute;
	top         : 4px;
	left        : 7px;
	font-size   : 10px;
	font-weight : 900;
}

.touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
	display      : block;
	float        : none;
	width        : 100%;
	max-width    : 100%;
	padding      : 9px;
	margin-left  : -1px;
	position     : relative;
	background   : #ffffff;
	border-color : #ced4da;
}

/**=====================
    Lazy Load css Start
==========================**/
.blur-up {
	-webkit-filter : blur(5px);
	filter         : blur(5px);
	transition     : filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded {
	-webkit-filter : blur(0);
	filter         : blur(0);
}

/**=====================
     Breadcrumb css start
==========================**/
.breadcrumb-section {
	background-color : #eff2f7;
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	text-align       : center;
	position         : relative;
	z-index          : 0;
	padding          : 20px 0px 20px 0px;
}

.breadcrumb-section h3 {
	font-size : calc(18px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.breadcrumb-section h1 {
	font-size   : calc(17px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
	font-weight : normal;
}

.breadcrumb-section-1 {
	background-color : #e9e9e9;
}

.breadcrumb-section .breadcrumb-item.active {
	color : #7e7e7e;
}

.breadcrumb-section .breadcrumb {
	margin-bottom    : 0;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	margin-top       : 10px;
}

.breadcrumb-section .circles {
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 100%;
	overflow : hidden;
	z-index  : -1;
}

.breadcrumb-section .circles li {
	position          : absolute;
	display           : block;
	list-style        : none;
	width             : 20px;
	height            : 20px;
	background-color  : var(--theme-color);
	-webkit-animation : animate 25s linear infinite;
	animation         : animate 25s linear infinite;
	bottom            : -150px;
	opacity           : 0.2 !important;
}

.breadcrumb-section .circles li:nth-child(1) {
	left                    : 25%;
	width                   : 80px;
	height                  : 80px;
	-webkit-animation-delay : 0s;
	animation-delay         : 0s;
}

.breadcrumb-section .circles li:nth-child(2) {
	left                       : 10%;
	width                      : 20px;
	height                     : 20px;
	-webkit-animation-delay    : 2s;
	animation-delay            : 2s;
	-webkit-animation-duration : 12s;
	animation-duration         : 12s;
}

.breadcrumb-section .circles li:nth-child(3) {
	left                    : 70%;
	width                   : 20px;
	height                  : 20px;
	-webkit-animation-delay : 4s;
	animation-delay         : 4s;
}

.breadcrumb-section .circles li:nth-child(4) {
	left                       : 40%;
	width                      : 60px;
	height                     : 60px;
	-webkit-animation-delay    : 0s;
	animation-delay            : 0s;
	-webkit-animation-duration : 18s;
	animation-duration         : 18s;
}

.breadcrumb-section .circles li:nth-child(5) {
	left                    : 65%;
	width                   : 20px;
	height                  : 20px;
	-webkit-animation-delay : 0s;
	animation-delay         : 0s;
}

.breadcrumb-section .circles li:nth-child(6) {
	left                    : 75%;
	width                   : 90px;
	height                  : 90px;
	-webkit-animation-delay : 3s;
	animation-delay         : 3s;
}

.breadcrumb-section .circles li:nth-child(7) {
	left                    : 19%;
	width                   : 110px;
	height                  : 110px;
	-webkit-animation-delay : 7s;
	animation-delay         : 7s;
}

.breadcrumb-section .circles li:nth-child(8) {
	left                       : 50%;
	width                      : 25px;
	height                     : 25px;
	-webkit-animation-delay    : 15s;
	animation-delay            : 15s;
	-webkit-animation-duration : 45s;
	animation-duration         : 45s;
}

.breadcrumb-section .circles li:nth-child(9) {
	left                       : 20%;
	width                      : 15px;
	height                     : 15px;
	-webkit-animation-delay    : 2s;
	animation-delay            : 2s;
	-webkit-animation-duration : 35s;
	animation-duration         : 35s;
}

.breadcrumb-section .circles li:nth-child(10) {
	left                       : 85%;
	width                      : 110px;
	height                     : 110px;
	-webkit-animation-delay    : 0s;
	animation-delay            : 0s;
	-webkit-animation-duration : 11s;
	animation-duration         : 11s;
}

@-webkit-keyframes animate {
	0% {
		-webkit-transform : translateY(0) rotate(0deg);
		transform         : translateY(0) rotate(0deg);
		opacity           : 1;
		border-radius     : 0;
	}
	100% {
		-webkit-transform : translateY(-1000px) rotate(720deg);
		transform         : translateY(-1000px) rotate(720deg);
		opacity           : 0;
		border-radius     : 50%;
	}
}

@keyframes animate {
	0% {
		-webkit-transform : translateY(0) rotate(0deg);
		transform         : translateY(0) rotate(0deg);
		opacity           : 1;
		border-radius     : 0;
	}
	100% {
		-webkit-transform : translateY(-1000px) rotate(720deg);
		transform         : translateY(-1000px) rotate(720deg);
		opacity           : 0;
		border-radius     : 50%;
	}
}

/**=====================
     header css start
==========================**/
.logo {
	max-width : 125px;
	width     : 100%
}

.container-fluid-lg {
	padding : 0 112px;
}

@media (max-width : 1460px) {
	.container-fluid-lg {
		padding : 0 60px;
	}
}

@media (max-width : 1366px) {
	.container-fluid-lg {
		padding : 0 30px;
	}
}

@media (max-width : 1199px) {
	.container-fluid-lg {
		padding : 0 12px;
	}
}

header .search-header {
	border-bottom : 1px solid #e5e5e5;
}

header.nav-down.nav-up .navbar-searchbar {
	top : 0;
}

header.nav-down.nav-up .main-menu {
	padding : 10px 0;
}

header.nav-down .navbar-searchbar {
	position           : fixed;
	top                : -100px;
	left               : 0;
	width              : 100%;
	margin-top         : 0;
	background-color   : #ffffff;
	-webkit-box-shadow : 0px 4px 10px rgba(23, 32, 90, 0.15);
	box-shadow         : 0px 4px 10px rgba(23, 32, 90, 0.15);
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
	z-index            : 6;
}

header .search-suggestion {
	height             : 0px;
	max-height         : 0;
	background-color   : #ffffff;
	position           : absolute;
	width              : 100%;
	border-radius      : 5px;
	top                : 68px;
	overflow           : auto;
	-webkit-transition : max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
	transition         : max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
	z-index            : 1;
}

@media (max-width : 767px) {
	header .search-suggestion {
		top : 56px;
	}
}

header .search-suggestion > ul {
	margin : -10px;
}

header .search-suggestion > ul > li {
	padding : 10px;
}

header .search-suggestion .product-cart {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

header .search-suggestion .product-cart img {
	height : 100px;
}

header .search-suggestion .product-cart .media-body {
	padding-left : 15px;
}

header .search-suggestion .product-cart .media-body a {
	color : #232323;
}

header .search-suggestion .product-cart .media-body .rating li i {
	font-size : 12px;
	color     : #c3c3c3;
}

header .main-menu {
	position          : relative;
	padding           : 20px 0;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

@media (max-width : 767px) {
	header .main-menu {
		padding : 10px 0;
	}
}

header .onhover-div {
	right : 0;
}

[dir="rtl"] header .onhover-div {
	right : unset;
	left  : 0;
}

@media (max-width : 575px) {
	header .wislist-dropdown {
		display : none;
	}
}

@media (max-width : 767px) {
	header .cart-dropdown:hover .onhover-div {
		opacity           : 0;
		-webkit-transform : unset;
		transform         : unset;
		visibility        : hidden;
	}
}

header .cart-dropdown .onhover-div::before {
	border-bottom : 7px solid #f0f3f8;
}

@media (max-width : 767px) {
	header .cart-dropdown .onhover-div {
		position           : fixed;
		top                : 0 !important;
		height             : 100vh;
		width              : 290px;
		right              : -290px;
		opacity            : 1 !important;
		visibility         : visible !important;
		-webkit-transition : 0.5s;
		transition         : 0.5s;
		z-index            : 4;
	}
}

@media (max-width : 767px) {
	header .cart-dropdown.show .onhover-div {
		right              : 0;
		-webkit-transition : 0.5s;
		transition         : 0.5s;
	}
}

header .cart-menu .cart-title {
	background-color  : #f0f3f8;
	padding           : 20px;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : justify;
	-ms-flex-pack     : justify;
	justify-content   : space-between;
}

header .cart-menu .cart-title h6 {
	position : relative;
}

header .cart-menu .cart-title h6 .label {
	position : absolute;
	top      : -4px;
	right    : -9px;
	padding  : 2px 6px;
}

[dir="rtl"] header .cart-menu .cart-title span i {
	-webkit-transform : rotate(180deg);
	transform         : rotate(180deg);
}

header .cart-menu .media {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	position          : relative;
}

header .cart-menu .media .btn-close {
	position   : absolute;
	top        : 0;
	right      : 0;
	font-size  : 16px;
	background : none;
}

header .cart-menu .media img {
	width : 60px;
}

header .cart-menu .media .media-body {
	margin-left : 15px;
}

[dir="rtl"] header .cart-menu .media .media-body {
	margin-left  : unset;
	margin-right : 15px;
}

header .cart-menu .media .media-body h6 {
	font-weight : 600;
}

header .cart-menu .media .media-body input {
	max-width     : 60px;
	width         : unset;
	height        : auto;
	padding       : 3px 8px;
	border-radius : 0;
}

header .cart-menu .media .media-body .qty-with-price {
	margin-top        : 6px;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-pack  : justify;
	-ms-flex-pack     : justify;
	justify-content   : space-between;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

header .cart-menu .custom-scroll {
	max-height : calc(100vh - 400px);
	overflow-y : auto;
}

header .cart-menu ul {
	padding-top : 10px;
}

header .cart-menu ul li {
	padding : 10px 20px;
	display : block;
}

@media (max-width : 767px) {
	header .cart-menu ul li:last-child {
		padding-bottom : 0;
	}
}

@media (max-width : 767px) {
	header .cart-menu ul {
		height        : calc(100vh - 180px);
		overflow      : auto;
		border-bottom : 1px solid #ced4da;
	}
}

header .cart-btn {
	padding : 20px;
}

@media (max-width : 767px) {
	header .cart-btn {
		position : absolute;
		width    : 100%;
		bottom   : 0;
		left     : 0;
		z-index  : 1;
	}
}

header .cart-btn .cart-total {
	color       : var(--theme-color);
	font-weight : 600;
	display     : none;
}

@media (max-width : 767px) {
	header .cart-btn .cart-total {
		display           : -webkit-box;
		display           : -ms-flexbox;
		display           : flex;
		-webkit-box-align : center;
		-ms-flex-align    : center;
		align-items       : center;
		-webkit-box-pack  : justify;
		-ms-flex-pack     : justify;
		justify-content   : space-between;
		margin-bottom     : 20px;
	}
}

header .cart-btn .btn {
	padding   : 8px 12px;
	font-size : 14px;
	width     : 100%;
}

header .wislist-empty {
	padding    : 20px;
	text-align : center;
}

header .wislist-empty i {
	font-size     : 40px;
	color         : var(--theme-color);
	margin-bottom : 15px;
}

header .search-full {
	background-color   : #ffffff;
	position           : absolute;
	right              : 0;
	z-index            : 1;
	height             : 0;
	width              : 0;
	-webkit-transform  : scale(0);
	transform          : scale(0);
	-webkit-transition : all 0.3s ease;
	transition         : all 0.3s ease;
	display            : -webkit-box;
	display            : -ms-flexbox;
	display            : flex;
	-webkit-box-align  : center;
	-ms-flex-align     : center;
	align-items        : center;
}

header .search-full .input-group {
	border : 1px solid #f0f3f8;
}

header .search-full .input-group .input-group-text {
	background-color : transparent;
	border           : none;
}

header .search-full .input-group .input-group-text.close-search {
	cursor : pointer;
}

header .search-full .input-group .input-group-text svg {
	height : 18px;
}

header .search-full .input-group input {
	border : none;
}

header .search-full.open {
	width              : 100%;
	height             : 100%;
	-webkit-animation  : zoomIn 0.5s ease-in-out;
	animation          : zoomIn 0.5s ease-in-out;
	-webkit-transform  : scale(1);
	transform          : scale(1);
	-webkit-transition : all 0.3s ease;
	transition         : all 0.3s ease;
}

header .search-full.show .search-suggestion {
	padding            : 10px;
	border             : 1px solid #f0f3f8;
	height             : -webkit-max-content;
	height             : -moz-max-content;
	height             : max-content;
	max-height         : 500px;
	-webkit-transition : max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
	transition         : max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
}

header .search-box1 {
	position           : relative;
	width              : 55%;
	right              : 0;
	z-index            : 1;
	height             : 100%;
	-webkit-transition : all 0.3s ease;
	transition         : all 0.3s ease;
	display            : -webkit-box;
	display            : -ms-flexbox;
	display            : flex;
	-webkit-box-align  : center;
	-ms-flex-align     : center;
	align-items        : center;
}

header .search-box1 .form-control {
	border-radius    : 0;
	background-color : #ffffff;
}

header .search-box1 .twitter-typeahead {
	width : calc(100% - 50px);
}

header .search-box1 .tt-menu {
	display            : block;
	width              : 100%;
	background-color   : #ffffff;
	border             : unset !important;
	-webkit-box-shadow : 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow         : 0 5px 10px rgba(0, 0, 0, 0.2);
	max-height         : 350px;
	overflow           : auto;
	top                : 55px !important;
	border-radius      : 5px;
	padding            : 8px 0;
}

header .search-box1 .tt-menu .tt-dataset-states {
	padding : 10px 20px;
}

header .search-box1 .tt-menu .tt-dataset-states .tt-selectable {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	margin-bottom     : 10px;
}

header .search-box1 .tt-menu .tt-dataset-states .tt-selectable .image-section {
	width        : 100%;
	max-width    : 100px;
	margin-right : 20px;
}

header .search-box1 .tt-menu .tt-dataset-states .tt-selectable .image-section img {
	width : 100%;
}

header .search-box1 .tt-menu .tt-dataset-states .tt-selectable .description-section {
	width : calc(100% - 20px);
}

header .search-box1 .tt-menu .tt-dataset-states .tt-selectable .description-section h4 {
	margin-bottom : 5px;
}

@media (max-width : 1660px) {
	header .search-box1 {
		width : 48%;
	}
}

@media (max-width : 1366px) {
	header .search-box1 {
		width : 40%;
	}
}

@media (max-width : 1199px) {
	header .search-box1 {
		width : 30%;
	}
}

header .search-box1 .form-control:focus {
	border-color     : #ced4da;
	background-color : #ffffff;
}

header .search-box1.open {
	width              : 100%;
	height             : 100%;
	-webkit-animation  : zoomIn 0.5s ease-in-out;
	animation          : zoomIn 0.5s ease-in-out;
	-webkit-transform  : scale(1);
	transform          : scale(1);
	-webkit-transition : all 0.3s ease;
	transition         : all 0.3s ease;
}

header .search-box1.show .search-suggestion {
	top                : 100%;
	padding            : 10px;
	border             : 1px solid #f0f3f8;
	height             : -webkit-max-content;
	height             : -moz-max-content;
	height             : max-content;
	max-height         : 500px;
	-webkit-transition : max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
	transition         : max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
}

header .search-box1 .input-group-text {
	color         : #ffffff;
	border-radius : 0;
}

header .search-box1 .input-group-text .feather {
	color : #ffffff;
}

header .profile-dropdown {
	min-width : 160px;
}

header .profile-dropdown ul {
	padding : 10px 0;
}

header .profile-dropdown ul li {
	display : block;
	padding : 5px 20px;
}

.brand-logo .svg-icon {
	width                             : 25px;
	height                            : 25px;
	margin-right                      : 5px;
	-webkit-animation-name            : spinner;
	animation-name                    : spinner;
	-webkit-animation-timing-function : linear;
	animation-timing-function         : linear;
	-webkit-animation-iteration-count : infinite;
	animation-iteration-count         : infinite;
	-webkit-animation-duration        : 3s;
	animation-duration                : 3s;
	-webkit-transform-style           : preserve-3d;
	transform-style                   : preserve-3d;
}

[dir="rtl"] .brand-logo .svg-icon {
	margin-right : 0;
	margin-left  : 5px;
}

.brand-logo .svg-icon .fill-color {
	fill : var(--theme-color);
}

@-webkit-keyframes spinner {
	from {
		-webkit-transform : rotateY(0deg);
		transform         : rotateY(0deg);
	}
	to {
		-webkit-transform : rotateY(-360deg);
		transform         : rotateY(-360deg);
	}
}

@keyframes spinner {
	from {
		-webkit-transform : rotateY(0deg);
		transform         : rotateY(0deg);
	}
	to {
		-webkit-transform : rotateY(-360deg);
		transform         : rotateY(-360deg);
	}
}

.category-menu {
	position : relative;
}

.category-menu .category-dropdown {
	padding : 20px;
}

.category-menu .category-dropdown ul li {
	padding : 10px 0;
	display : block;
}

.category-menu .category-dropdown ul li a {
	color          : #efefef;
	text-transform : capitalize;
}

.category-menu .category-dropdown ul li a:hover,
.category-menu .category-dropdown ul li a:focus,
.category-menu .category-dropdown ul li a:active,
.category-menu .category-dropdown ul li a.active {
	color : #aaaaaa;
}

.close-btn {
	padding           : 20px;
	font-size         : 18px;
	color             : #efefef;
	font-weight       : 500;
	border-bottom     : 1px solid #383838;
	cursor            : pointer;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : justify;
	-ms-flex-pack     : justify;
	justify-content   : space-between;
}

.close-btn i {
	font-size : 14px;
}

.mobile-menu {
	position           : fixed;
	bottom             : 0;
	padding            : 10px;
	width              : 100%;
	background-color   : #2b2b2b;
	z-index            : 3;
	-webkit-box-shadow : 0 2px 7px 3px rgba(168, 168, 168, 0.2);
	box-shadow         : 0 2px 7px 3px rgba(168, 168, 168, 0.2);
}

[dir="rtl"] .mobile-menu {
	left : 0;
}

.mobile-menu ul {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
}

[dir="rtl"] .mobile-menu ul {
	padding : 0;
}

.mobile-menu ul li {
	width      : 100%;
	text-align : center;
}

.mobile-menu ul li a {
	display : block;
	color   : rgba(239, 239, 239, 0.4);
}

@media (max-width : 360px) {
	.mobile-menu ul li a {
		font-size : 13px;
	}
}

.mobile-menu ul li a.active,
.mobile-menu ul li a:hover {
	color : var(--theme-color);
}

.mobile-menu ul li a svg {
	display      : block;
	margin       : 0 auto;
	stroke-width : 1.5px;
}

@media (max-width : 360px) {
	.mobile-menu ul li a svg {
		height : 20px;
	}
}

.mobile-menu ul li a span {
	margin-top : 5px;
}

@media (min-width : 1200px) {
	.category-menu {
		position : relative;
	}
	
	.category-menu .category-dropdown {
		top                : 70px;
		opacity            : 0;
		visibility         : hidden;
		position           : absolute;
		z-index            : 8;
		background-color   : #2b2b2b;
		-webkit-transition : all linear 0.3s;
		transition         : all linear 0.3s;
		min-width          : 250px;
		-webkit-box-shadow : 3.346px 3.716px 22.5px rgba(239, 239, 239, 0.07);
		box-shadow         : 3.346px 3.716px 22.5px rgba(239, 239, 239, 0.07);
	}
	
	.category-menu .category-dropdown ul li.submenu > a {
		position : relative;
		display  : block;
	}
	
	.category-menu .category-dropdown ul li.submenu > a::after {
		position          : absolute;
		font-family       : "Font Awesome 5 Free";
		content           : "\f054";
		right             : 0;
		font-weight       : 600;
		top               : 50%;
		-webkit-transform : translateY(-50%);
		transform         : translateY(-50%);
		font-size         : 11px;
	}
	
	[dir="rtl"] .category-menu .category-dropdown ul li.submenu > a::after {
		right             : unset;
		left              : 0;
		-webkit-transform : translateY(-50%) rotate(180deg);
		transform         : translateY(-50%) rotate(180deg);
	}
	
	.category-menu .category-dropdown ul li.submenu .category-mega-menu {
		position           : absolute;
		padding            : 20px;
		opacity            : 0;
		visibility         : hidden;
		margin-left        : 15px;
		background-color   : #2b2b2b;
		-webkit-transition : 0.5s;
		transition         : 0.5s;
		right              : 95%;
		-webkit-box-shadow : 3.346px 3.716px 22.5px rgba(239, 239, 239, 0.07);
		box-shadow         : 3.346px 3.716px 22.5px rgba(239, 239, 239, 0.07);
		top                : 0;
		height             : auto;
	}
	
	.category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu .title-category {
		margin-bottom : 15px;
	}
	
	.category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu ul li {
		padding : 5px 0;
	}
	
	.category-menu .category-dropdown ul li.submenu:hover .category-mega-menu {
		left               : 100%;
		opacity            : 1;
		visibility         : visible;
		-webkit-transition : 0.5s;
		transition         : 0.5s;
	}
	
	[dir="rtl"] .category-menu .category-dropdown ul li.submenu:hover .category-mega-menu {
		right : unset;
		right : 100%;
	}
	
	.category-menu:hover .category-dropdown {
		top               : 50px;
		opacity           : 1;
		-webkit-transform : translateY(0px);
		transform         : translateY(0px);
		visibility        : visible;
	}
}

@media (min-width : 1200px) {
	.category-menu .category-dropdown ul li.submenu .category-mega-menu {
		min-width : 720px;
	}
}

@media (min-width : 1366px) {
	.category-menu .category-dropdown ul li.submenu .category-mega-menu {
		min-width : 850px;
	}
}

.category-menu .category-dropdown .title-category h6 {
	font-size : 14px;
}

@media (max-width : 1199px) {
	header .category-dropdown {
		position           : fixed;
		background-color   : #2b2b2b;
		width              : 300px;
		border-radius      : 0;
		border             : 1px solid #383838;
		top                : 0;
		height             : 100vh;
		left               : -300px;
		z-index            : 99;
		-webkit-transition : all 0.3s ease;
		transition         : all 0.3s ease;
		overflow           : scroll;
		padding            : 0 !important;
	}
	
	header .category-dropdown.open {
		left : 0;
	}
	
	.category-menu .category-dropdown ul li {
		position    : relative;
		line-height : 1;
	}
	
	.category-menu .category-dropdown ul li.submenu a .according-menu {
		right : 0;
	}
	
	[dir="rtl"] .category-menu .category-dropdown ul li.submenu a .according-menu {
		right : unset;
		left  : 0;
	}
	
	.category-menu .category-dropdown ul li.submenu .category-mega-menu {
		padding : 0 15px;
	}
	
	.category-menu .category-dropdown ul li.submenu .category-mega-menu > li {
		padding-bottom : 0;
	}
	
	.category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu .title-category {
		position : relative;
		padding  : 6px 0;
	}
	
	.category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu .title-category h6 {
		font-weight : 400;
	}
	
	.category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu .title-category .according-menu {
		top   : 8px;
		right : 0;
	}
	
	.category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu ul {
		padding : 0 15px;
		display : block !important;
	}
	
	.category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu ul li {
		padding : 6px 0;
	}
	
	.category-menu .category-dropdown > ul {
		padding : 20px 15px;
	}
	
	.category-menu .category-dropdown > ul > li > a {
		font-weight    : 500;
		font-size      : 14px;
		text-transform : uppercase;
	}
	
	.category-menu .category-banner {
		display : none;
	}
}

header .top-header {
	padding          : 16px 0;
	background-color : #383838;
}

@media (max-width : 775px) {
	header .top-header {
		display : none;
	}
}

header .top-header-black {
	background-color : transparent;
	border-bottom    : 1px solid #e5e5e5;
}

header .top-header-white {
	background-color : #2b2b2b;
}

@media (max-width : 575px) {
	header .top-header {
		padding : 10px 0;
	}
}

header .top-header .row {
	-webkit-box-pack  : justify;
	-ms-flex-pack     : justify;
	justify-content   : space-between;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	text-align        : center;
}

@media (max-width : 575px) {
	header .top-header .row {
		-webkit-box-pack : end;
		-ms-flex-pack    : end;
		justify-content  : flex-end;
	}
}

header .top-header .border-list {
	padding-right : 6px;
}

[dir="rtl"] header .top-header .border-list {
	padding-right : unset;
	padding-left  : 6px;
}

header .top-header .border-list > li {
	padding      : 0 20px;
	margin-right : -5px;
}

[dir="rtl"] header .top-header .border-list > li {
	margin-right : unset;
	margin-left  : -5px;
}

@media (max-width : 1366px) {
	header .top-header .border-list > li {
		padding : 0 10px;
	}
}

header .top-header .border-list > li a {
	color : #efefef;
}

header .top-header .border-list > li a i {
	vertical-align : middle;
	font-size      : 11px;
	padding-left   : 5px;
}

[dir="rtl"] header .top-header .border-list > li a i {
	padding-left  : unset;
	padding-right : 5px;
}

@media (max-width : 575px) {
	header .top-header .border-list > li a i {
		font-size : 9px;
	}
}

header .top-header .border-list > li:first-child {
	padding-left : 0;
}

[dir="rtl"] header .top-header .border-list > li:first-child {
	padding-left  : 20px;
	padding-right : 0;
}

@media (max-width : 575px) {
	header .top-header .border-list > li:first-child {
		display : none;
	}
}

header .top-header .border-list > li:last-child {
	padding-right : 0;
}

[dir="rtl"] header .top-header .border-list > li:last-child {
	padding-right : 0px;
	padding-left  : 10px;
}

header .top-header .border-list > li + li {
	border-left : 1px solid rgba(239, 239, 239, 0.15);
}

[dir="rtl"] header .top-header .border-list > li + li {
	border-left  : unset;
	border-right : 1px solid rgba(239, 239, 239, 0.15);
}

@media (max-width : 575px) {
	header .top-header .border-list > li:nth-child(2) {
		border : none !important;
	}
}

@media (max-width : 575px) {
	header .top-header .dropdown {
		font-size : 13px;
	}
}

header .top-header .dropdown .dropdown-toggle::after {
	display : none;
}

header .top-header .dropdown.top-header-dropdown .dropdown-menu li .dropdown-item:focus {
	background-color : var(--theme-color);
	color            : #ffffff;
}

header .main-menu {
	-webkit-box-pack : justify;
	-ms-flex-pack    : justify;
	justify-content  : space-between;
}

header .main-menu .menu-left {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

@media (max-width : 767px) {
	header .main-menu .menu-right {
		padding-right : 8px;
	}
	
	[dir="rtl"] header .main-menu .menu-right {
		padding-right : unset;
		padding-left  : 8px;
	}
}

header .main-menu .menu-right .search-box {
	padding : 10px 12px;
	color   : #ffffff;
	cursor  : pointer;
}

header .main-menu .menu-right .search-box.black-search-icon {
	color : #efefef;
}

@media (max-width : 1366px) {
	header .main-menu .menu-right .search-box {
		padding : 6px 8px;
	}
}

@media (max-width : 575px) {
	header .main-menu .menu-right .search-box {
		padding : 4px 6px;
	}
}

@media (max-width : 575px) {
	header .main-menu .menu-right .search-box svg {
		width : 16px;
	}
}

header .main-menu .menu-right > ul {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

header .main-menu .menu-right > ul > li svg {
	width : 20px;
}

@media (max-width : 1366px) {
	header .main-menu .menu-right > ul > li svg {
		width : 18px;
	}
}

header .main-menu .menu-right > ul > li + li {
	margin-left : 20px;
}

[dir="rtl"] header .main-menu .menu-right > ul > li + li {
	margin-left  : unset !important;
	margin-right : 20px;
}

@media (max-width : 575px) {
	header .main-menu .menu-right > ul > li + li {
		margin-left : 10px;
	}
	
	[dir="rtl"] header .main-menu .menu-right > ul > li + li {
		margin-right : 10px;
	}
}

header .main-menu .menu-right .cart-media {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	cursor            : pointer;
}

header .main-menu .menu-right .cart-media .cart-icon {
	position : relative;
}

header .main-menu .menu-right .cart-media .cart-icon .label {
	font-size         : 10px;
	position          : absolute;
	top               : -6px;
	right             : -8px;
	padding           : 0;
	line-height       : 1;
	width             : 15px;
	height            : 15px;
	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;
}

header .main-menu .menu-right .cart-media .cart-content {
	margin-left : 20px;
}

@media (max-width : 767px) {
	header .main-menu .menu-right .cart-media .cart-content {
		display : none;
	}
}

header .main-menu .menu-right .cart-media .cart-content h6 {
	line-height : 1;
}

header .main-menu .menu-right .cart-media .cart-content span {
	font-size : 13px;
}

[dir="rtl"] header .main-menu .menu-right .cart-media .cart-content {
	margin-left  : unset;
	margin-right : 20px;
}

@media (max-width : 1199px) {
	header .main-menu nav {
		margin-left  : auto;
		margin-right : 0;
	}
	
	[dir="rtl"] header .main-menu nav {
		margin-left  : 0;
		margin-right : auto !important;
	}
}

@media (max-width : 575px) {
	header .main-menu nav {
		margin-right : 15px;
	}
	
	[dir="rtl"] header .main-menu nav {
		margin-left : 15px;
	}
}

header .category-menu {
	margin-left : 30px;
}

[dir="rtl"] header .category-menu {
	margin-left  : unset !important;
	margin-right : 30px;
}

@media (max-width : 1366px) {
	header .category-menu {
		margin-left : 20px;
	}
	
	[dir="rtl"] header .category-menu {
		margin-right : 20px;
	}
}

@media (max-width : 575px) {
	header .category-menu {
		margin-left : 10px;
	}
	
	[dir="rtl"] header .category-menu {
		margin-right : 10px;
	}
}

header .category-menu .btn {
	padding     : 9px 18px;
	font-weight : 500;
}

@media (max-width : 767px) {
	header .category-menu .btn {
		padding : 6px 12px;
	}
}

header .category-menu .btn i {
	font-size      : 11px;
	vertical-align : middle;
	padding-left   : 5px;
}

[dir="rtl"] header .category-menu .btn i {
	padding-left  : unset;
	padding-right : 5px;
}

/**=====================
     nav css start
==========================**/
header .main-navbar {
	text-align : center;
}

header .main-navbar .nav-menu {
	display        : inline-block;
	list-style     : none;
	margin         : 0;
	padding        : 0;
	line-height    : normal;
	direction      : ltr;
	text-align     : left;
	vertical-align : middle;
}

[dir="rtl"] header .main-navbar .nav-menu {
	text-align : right;
}

header .main-navbar .nav-menu > li {
	position : relative;
	float    : left;
	display  : block;
}

[dir="rtl"] header .main-navbar .nav-menu > li {
	float : right;
}

header .main-navbar .nav-menu > li + li + li {
	margin-left : 30px;
}

[dir="rtl"] header .main-navbar .nav-menu > li + li + li {
	margin-left  : unset;
	margin-right : 30px;
}

@media (max-width : 1199px) {
	header .main-navbar .nav-menu > li + li + li {
		margin-left : 0;
	}
	
	[dir="rtl"] header .main-navbar .nav-menu > li + li + li {
		margin-left  : unset;
		margin-right : 0;
	}
}

header .main-navbar .nav-menu > li > a {
	display         : block;
	color           : #232323;
	font-size       : 14px;
	font-weight     : 500;
	text-decoration : none;
	text-transform  : uppercase;
	padding         : 0;
	position        : relative;
	border-radius   : 15px;
}

header .main-navbar .nav-menu > li.active > a {
	background-color : rgba(35, 35, 35, 0.1);
}

header .main-navbar .nav-menu > li .nav-submenu {
	position           : absolute;
	left               : 0;
	z-index            : 1;
	-webkit-box-shadow : 0 1px 5px 0 rgba(90, 90, 90, 0.2);
	box-shadow         : 0 1px 5px 0 rgba(90, 90, 90, 0.2);
	padding            : 15px 0;
	background         : #ffffff;
	width              : 300px !important;
}

[dir="rtl"] header .main-navbar .nav-menu > li .nav-submenu {
	left  : unset;
	right : 0;
}

header .main-navbar .nav-menu > li .nav-submenu li {
	border   : 0;
	float    : none;
	position : relative;
	display  : block;
	margin   : 5px 0;
}

header .main-navbar .nav-menu > li .nav-submenu li a {
	border             : 0 !important;
	background         : transparent;
	color              : #212529;
	border-radius      : 0 !important;
	font-size          : 14px;
	text-transform     : capitalize;
	padding            : 3px 25px 3px 40px;
	display            : block;
	line-height        : 1.9;
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
	position           : relative;
}

[dir="rtl"] header .main-navbar .nav-menu > li .nav-submenu li a {
	padding : 3px 40px 3px 25px;
}

header .main-navbar .nav-menu > li .nav-submenu li a span {
	padding            : 0px 10px;
	border-radius      : 5px;
	font-size          : 12px;
	color              : var(--theme-color);
	margin-left        : 10px;
	-webkit-box-shadow : 0 8px 15px -8px var(--badge-color);
	box-shadow         : 0 8px 15px -8px var(--badge-color);
	margin-left        : 8px;
	position           : relative;
}

header .main-navbar .nav-menu > li .nav-submenu li a span::before {
	content          : "";
	position         : absolute;
	width            : 100%;
	height           : 100%;
	top              : 0;
	left             : 0;
	background-color : var(--theme-color);
	opacity          : 0.07;
}

header .main-navbar .nav-menu > li .nav-submenu li a span.tren-budge {
	color      : #212529;
	background : #eff2f7;
}

header .main-navbar .nav-menu > li .nav-submenu li a span.top-budge {
	color            : #eff2f7;
	background-color : #7e7e7e;
}

header .main-navbar .nav-menu > li .nav-submenu li a .label {
	font-size : 12px;
	color     : #ff0000;
	position  : absolute;
	padding   : 0 0 0 3px;
}

header .main-navbar .nav-menu > li .nav-submenu li a.menu-title-level1:after,
header .main-navbar .nav-menu > li .nav-submenu li a.submenu-title:after {
	opacity : 1;
}

header .main-navbar .nav-menu > li .nav-submenu li a.arrow-cls:after {
	opacity : 0.8;
}

header .main-navbar .nav-menu > li .nav-submenu li a:hover {
	margin-left : 3px;
	color       : var(--theme-color) !important;
}

header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu {
	position           : absolute;
	width              : 200px;
	right              : -200px;
	top                : 0;
	background         : #ffffff;
	border             : none;
	padding            : 15px 0 15px 0;
	-webkit-box-shadow : 0 0 1px 0 #ebebeb;
	box-shadow         : 0 0 1px 0 #ebebeb;
}

header .main-navbar .nav-menu > li .mega-menu-container {
	position           : absolute;
	left               : 0;
	z-index            : 4;
	-webkit-box-shadow : 0 1px 5px 0 rgba(90, 90, 90, 0.2);
	box-shadow         : 0 1px 5px 0 rgba(90, 90, 90, 0.2);
	padding            : 30px;
	background         : #ffffff;
	width              : 100%;
	border-radius      : 4px;
}

header .main-navbar .nav-menu > li .mega-menu-container.poster-bg-image {
	background-image    : url(../images/voxo.png);
	background-position : center;
	background-repeat   : no-repeat;
	background-size     : cover;
	overflow            : hidden;
}

@media (max-width : 1199px) {
	header .main-navbar .nav-menu > li .mega-menu-container.poster-bg-image {
		background-image : unset;
	}
}

header .main-navbar .nav-menu > li .mega-menu-container.poster-bg-image .floating-img {
	position          : absolute;
	top               : 0;
	right             : 0;
	width             : 30%;
	height            : 60vh;
	animation         : floating 110s linear infinite reverse;
	background-repeat : repeat-x !important;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box {
	width : 16%;
}

@media (max-width : 1199px) {
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box {
		width : 100%;
	}
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box a .label {
	font-size : 12px;
	color     : #ff0000;
	position  : absolute;
	padding   : 0 0 0 3px;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
	font-weight    : 500;
	text-transform : capitalize;
	font-size      : 14px;
	margin-bottom  : 14px;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content {
	-webkit-box-shadow : none;
	box-shadow         : none;
	background-color   : transparent;
	position           : relative;
	display            : block;
	padding            : 0;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li {
	border   : none;
	float    : none;
	position : relative;
	display  : block;
	margin   : 5px 0;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
	border         : 0 !important;
	background     : transparent;
	color          : #212529;
	border-radius  : 0 !important;
	font-size      : 14px;
	text-transform : capitalize;
	padding        : 3px 0;
	display        : block;
	line-height    : 1.9;
	position       : relative;
}

@media (max-width : 1199px) {
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
		padding : 0;
	}
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a span {
	padding            : 0px 10px;
	border-radius      : 5px;
	font-size          : 12px;
	color              : var(--theme-color);
	background         : rgba(226, 36, 84, 0.07);
	-webkit-box-shadow : 0 8px 15px -8px var(--badge-color);
	box-shadow         : 0 8px 15px -8px var(--badge-color);
	margin-left        : 8px;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a span.tren-budge {
	color      : #212529;
	background : #eff2f7;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a span.top-budge {
	color            : #eff2f7;
	background-color : #7e7e7e;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a img {
	width : 100%;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
	margin-left : 4px;
	color       : var(--theme-color) !important;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a.megamenu-image {
	width    : 100%;
	height   : 250px;
	overflow : hidden;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a.megamenu-image img {
	-webkit-transition : all 0.3s ease;
	transition         : all 0.3s ease;
}

@media (max-width : 1199px) {
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a.megamenu-image img {
		-webkit-filter : blur(0);
		filter         : blur(0);
		height         : 180px;
	}
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a.megamenu-image:hover {
	margin-left : 0;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a.megamenu-image:hover img {
	-webkit-filter : blur(0);
	filter         : blur(0);
	margin-left    : 0;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link {
	position : relative;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link i {
	color : var(--theme-color);
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section + .link-section {
	margin-top : 25px;
}

header .main-navbar .nav-menu > li.mega-menu {
	position : unset;
}

header .main-navbar .nav-menu > li.mega-menu.home-menu .mega-menu-container .mega-box .link-section ul {
	float              : none;
	position           : relative;
	display            : block;
	margin             : 5px 0;
	padding            : 0;
	-webkit-box-shadow : none;
	box-shadow         : none;
}

header .main-navbar .nav-menu > li.mega-menu.home-menu ul li {
	width : 100%;
}

header .main-navbar .nav-menu > li.mega-menu.home-menu ul li .megamenu-image {
	width    : 100%;
	height   : 100%;
	overflow : hidden;
	display  : block;
	padding  : 0;
}

@media (max-width : 1199px) {
	header .main-navbar .nav-menu > li.mega-menu.home-menu ul li .megamenu-image {
		height : 180px;
	}
}

header .main-navbar .nav-menu > li.mega-menu.home-menu ul li .megamenu-image img {
	width              : 100%;
	-webkit-transition : all 0.3s ease;
	transition         : all 0.3s ease;
}

@media (max-width : 1199px) {
	header .main-navbar .nav-menu > li.mega-menu.home-menu ul li .megamenu-image img {
		-webkit-filter : blur(0);
		filter         : blur(0);
	}
}

header .main-navbar .nav-menu > li.mega-menu.home-menu ul li .megamenu-image:hover {
	margin-left : 0;
}

header .main-navbar .nav-menu > li.mega-menu.home-menu ul li .megamenu-image:hover img {
	-webkit-filter : blur(0);
	filter         : blur(0);
	margin-left    : 0;
}

header .main-navbar .nav-menu > li.mega-menu.home-menu .megamenu-image-title {
	cursor     : pointer;
	padding    : 10px;
	text-align : center;
}

@media (max-width : 1199px) {
	header .main-navbar .nav-menu > li.mega-menu.home-menu .megamenu-image-title {
		text-align    : center;
		margin-bottom : 20px;
	}
}

@media (min-width : 1200px) {
	.responsive-btn {
		display : none;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu {
		width              : 250px;
		opacity            : 0;
		visibility         : hidden;
		border-radius      : 5px;
		-webkit-transition : all 0.5s ease;
		transition         : all 0.5s ease;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu a .sub-arrow {
		position           : absolute;
		right              : 20px;
		top                : 7px;
		color              : rgba(0, 0, 0, 0.75);
		font-size          : 10px;
		-webkit-transition : all 0.5s ease;
		transition         : all 0.5s ease;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li .level1 {
		display       : none;
		border-radius : 4px;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li .level1 li .level2 {
		display       : none;
		border-radius : 4px;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li .level1 li .level2 li .level3 {
		display : none;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li .level1 li .level2 li:hover .level3 {
		display : block;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li .level1 li:hover .level2 {
		display : block;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li:hover .level1 {
		display : block;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li a:hover .sub-arrow {
		right              : 16px;
		color              : #212529;
		-webkit-transition : all 0.5s ease;
		transition         : all 0.5s ease;
	}
	
	header .main-navbar .nav-menu > li.dropdown .menu-title {
		position      : relative;
		padding-right : 18px;
	}
	
	header .main-navbar .nav-menu > li.dropdown .menu-title::after {
		position          : absolute;
		content           : "\f078";
		font-family       : "Font Awesome 5 Free";
		right             : 0;
		top               : 50%;
		-webkit-transform : translateY(-50%);
		transform         : translateY(-50%);
		font-weight       : 600;
		font-size         : 12px;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container {
		opacity            : 0;
		visibility         : hidden;
		-webkit-transition : all 0.5s ease;
		transition         : all 0.5s ease;
	}
	
	header .main-navbar .nav-menu > li:hover .nav-submenu {
		opacity            : 1;
		z-index            : 4;
		visibility         : visible;
		margin-top         : 28px;
		-webkit-transition : all 0.5s ease;
		transition         : all 0.5s ease;
	}
	
	header .main-navbar .nav-menu > li:hover .mega-menu-container {
		opacity            : 1;
		visibility         : visible;
		margin-top         : 28px;
		-webkit-transition : all 0.5s ease;
		transition         : all 0.5s ease;
	}
	
	.toggle-nav {
		display : none;
	}
	
	.mobile-back {
		display : none !important;
	}
}

@media (max-width : 1199px) {
	header .main-navbar .nav-menu {
		position           : fixed;
		background-color   : #ffffff;
		width              : 300px;
		border-radius      : 0;
		padding-bottom     : 155px;
		top                : 0;
		height             : 100vh;
		right              : -300px;
		z-index            : 99;
		-webkit-transition : all 0.3s ease;
		transition         : all 0.3s ease;
		overflow-y         : scroll;
		overflow-x         : hidden;
	}
	
	header .main-navbar .nav-menu.opennav {
		right : 0;
	}
	
	header .main-navbar .nav-menu .back-btn {
		margin-bottom : 10px;
	}
	
	header .main-navbar .nav-menu .back-btn .mobile-back {
		cursor : pointer;
	}
	
	header .main-navbar .nav-menu .back-btn .mobile-back i {
		font-size         : 14px;
		-webkit-transform : rotate(180deg);
		transform         : rotate(180deg);
	}
	
	header .main-navbar .nav-menu > li {
		display : block;
		float   : none;
		width   : 100%;
		padding : 0;
	}
	
	header .main-navbar .nav-menu > li:nth-child(n + 2) {
		border-bottom  : 1px solid rgba(221, 221, 221, 0.5);
		margin-bottom  : 10px;
		padding-bottom : 10px;
	}
	
	header .main-navbar .nav-menu > li a {
		padding  : 10px 15px;
		position : relative;
	}
	
	header .main-navbar .nav-menu > li a .sub-arrow {
		right    : 20px;
		position : absolute;
	}
	
	header .main-navbar .nav-menu > li a .sub-arrow:before {
		content     : "+";
		font-family : inherit;
		position    : relative;
	}
	
	header .main-navbar .nav-menu > li > ul li a .according-menu {
		top : 2px;
	}
	
	header .main-navbar .nav-menu > li > ul li ul li a .according-menu {
		top : 1px;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu {
		width              : 100%;
		padding            : 0;
		position           : relative;
		display            : none;
		-webkit-box-shadow : none;
		box-shadow         : none;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li a {
		position : relative;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li a:after {
		content           : "";
		position          : absolute;
		top               : 50%;
		-webkit-transform : translateY(-50%);
		transform         : translateY(-50%);
		left              : 20px;
		width             : 3px;
		height            : 3px;
		border-radius     : 50%;
		background-color  : #212529;
	}
	
	[dir="rtl"] header .main-navbar .nav-menu > li .nav-submenu li a:after {
		left  : unset;
		right : 20px;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li a:hover::after {
		background-color : var(--theme-color);
	}
	
	header .main-navbar .nav-menu > li .nav-submenu.opensubmenu {
		display : block;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu {
		display            : none;
		position           : relative;
		right              : 0;
		width              : 100%;
		padding            : 0;
		-webkit-box-shadow : none;
		box-shadow         : none;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 li a {
		padding : 0 60px;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 .level3 li a {
		padding : 0 70px;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu.opensubchild {
		display : block;
	}
	
	header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu li a {
		padding : 0 45px;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container {
		display            : none;
		padding            : 0;
		position           : relative;
		-webkit-box-shadow : none;
		box-shadow         : none;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container.opensubmenu {
		display : block;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box {
		width   : 100%;
		padding : 0;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title {
		position : relative;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
		margin-bottom : 0;
		font-weight   : 400;
		line-height   : 1.9;
		padding       : 2px 25px;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
		top : 7px;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content {
		display : none;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu {
		display : block;
		padding : 0 45px;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
		line-height : 1.9;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
		margin-left : 0;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover:after {
		display : none;
	}
	
	header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section + .link-section {
		margin-top : 0;
	}
	
	header .main-navbar .nav-menu > li .nav-link.active {
		background-color   : transparent;
		-webkit-box-shadow : none;
		box-shadow         : none;
		color              : #212529;
		-webkit-transition : all 0.5s ease;
		transition         : all 0.5s ease;
	}
	
	header .main-navbar .nav-menu > li .nav-link.active:hover {
		color              : var(--theme-color);
		-webkit-transition : all 0.5s ease;
		transition         : all 0.5s ease;
	}
	
	header .main-navbar .nav-menu .mobile-poster {
		border-bottom      : none !important;
		margin             : 0 !important;
		position           : fixed;
		bottom             : 0;
		right              : -410px;
		width              : 300px;
		padding            : 20px !important;
		background-color   : #eff2f7;
		-webkit-box-align  : center;
		-ms-flex-align     : center;
		align-items        : center;
		-webkit-transition : all 0.3s ease;
		transition         : all 0.3s ease;
	}
	
	header .main-navbar .nav-menu .mobile-poster img {
		width : 50px;
	}
	
	header .main-navbar .nav-menu .mobile-poster .mobile-contain {
		margin-left : 15px;
	}
	
	header .main-navbar .nav-menu .mobile-poster .mobile-contain h5 {
		font-weight : 600;
		font-size   : 15px;
	}
	
	header .main-navbar .nav-menu .mobile-poster .mobile-contain p {
		font-size : 13px;
		margin    : 7px 0;
		direction : rtl
	}
	
	header .menu nav {
		margin-left  : auto;
		margin-right : 30px;
	}
	
	.mega-box .link-section .demo ul li a span img {
		top   : 30px;
		right : -60px;
	}
	
	.mega-box.col {
		-ms-flex-preferred-size : unset;
		flex-basis              : unset;
	}
	
	.according-menu {
		position : absolute;
		right    : 20px;
		top      : 10px;
	}
	
	[dir="rtl"] .according-menu {
		right : unset;
		left  : 20px;
	}
}

/**=====================
    Subsribe css Start
==========================**/
.subscribe-section {
	background-color : #eff3f7;
}

.subscribe-section-light {
	background-color : #f0f8f0;
}

.subscribe-section .subscribe-details {
	height : 100%;
}

.subscribe-section .subscribe-details h2 {
	font-size  : calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
	margin-top : -2px;
}

.subscribe-section .subscribe-details h6 {
	font-size     : 15px;
	font-weight   : normal;
	display       : block;
	margin-bottom : -3px;
	line-height   : 1.6;
}

.subscribe-section .subsribe-input {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	height            : 100%;
}

.subscribe-section .subsribe-input .form-control {
	border-radius : 0;
}

/**=====================
     home section css start
==========================**/
.home-section {
	overflow : hidden;
}

.home-section .home-slider {
	width    : 100%;
	height   : 736px;
	position : relative;
}

[dir="rtl"] .home-section .home-slider {
	direction : rtl;
}

@media (max-width : 1199px) {
	.home-section .home-slider {
		height : 600px;
	}
}

@media (max-width : 991px) {
	.home-section .home-slider {
		background-position : left !important;
	}
	
	[dir="rtl"] .home-section .home-slider {
		background-position : right !important;
	}
}

@media (max-width : 575px) {
	.home-section .home-slider {
		height : 370px;
	}
}

@media (max-width : 360px) {
	.home-section .home-slider {
		height : 300px;
	}
}

.home-section .home-wrap {
	height : 100%;
}

.home-section .home-wrap h4 {
	font-size  : calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
	margin-top : -4px;
}

@media (max-width : 1199px) {
	.home-section .home-wrap h4 {
		font-size : calc(16px + (18 - 16) * ((100vw - 320px) / (1199 - 320)));
	}
}

.home-section .home-wrap h6 {
	color : #212529;
}

.home-section .home-wrap p {
	font-size   : calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
	line-height : 1.5;
	color       : #212529;
}

@media (max-width : 1660px) {
	.home-section .home-wrap p {
		max-width : 90%;
	}
}

@media (max-width : 1366px) {
	.home-section .home-wrap p {
		max-width : 80%;
	}
}

@media (max-width : 991px) {
	.home-section .home-wrap p {
		max-width : 89%;
	}
}

.home-section .home-wrap .discover-block {
	margin-top : calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .home-section .home-wrap .discover-block {
	text-align : right;
}

@media (max-width : 480px) {
	.home-section .home-wrap .discover-block {
		margin-top : 10px;
	}
}

.home-section .home-wrap .discover-block .d-flex {
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.home-section .home-wrap .discover-block .play-icon {
	width             : calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
	height            : calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
	border-radius     : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	color             : #ffffff;
	font-size         : calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	position          : relative;
	z-index           : 1;
}

.home-section .home-wrap .discover-block .play-icon::before {
	content          : "";
	position         : absolute;
	width            : calc(100% + 10px);
	height           : calc(100% + 10px);
	background-color : var(--theme-color);
	border-radius    : 100%;
	opacity          : 0.1;
	left             : -5px;
	top              : -5px;
	z-index          : -1;
}

.home-section .home-wrap .discover-block .play-icon i {
	margin-left : 3px;
}

[dir="rtl"] .home-section .home-wrap .discover-block .play-icon i {
	margin-right : 0;
	margin-left  : unset;
}

.home-section .home-wrap .discover-block .discover-content {
	margin-left : 20px;
}

@media (max-width : 360px) {
	.home-section .home-wrap .discover-block .discover-content {
		margin-left : 18px;
	}
}

[dir="rtl"] .home-section .home-wrap .discover-block .discover-content {
	margin-right : 20px;
	margin-left  : unset;
	text-align   : right;
}

@media (max-width : 360px) {
	[dir="rtl"] .home-section .home-wrap .discover-block .discover-content {
		margin-right : 18px;
	}
}

.home-section .home-social {
	position : absolute;
}

.home-section .home-social ul {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.home-section .home-social ul li a {
	font-size : calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.home-section .home-social ul li img {
	margin-right : 5px;
}

.home-section .home-social ul li img [dir="rtl"] {
	margin-right : unset;
	margin-left  : 5px;
}

.home-section .home-social ul li span {
	vertical-align : -2px;
	font-weight    : 600;
	color          : #212529;
}

.home-section {
	padding : 0 100px;
}

@media (max-width : 1460px) {
	.home-section {
		padding : 0 50px;
	}
}

@media (max-width : 1366px) {
	.home-section {
		padding : 0 20px;
	}
}

@media (max-width : 1199px) {
	.home-section {
		padding : 0;
	}
}

.home-section .home-wrap {
	padding  : 50px 100px;
	position : relative;
	display  : -webkit-box;
	display  : -ms-flexbox;
	display  : flex;
}

@media (max-width : 1660px) {
	.home-section .home-wrap {
		padding : 40px 50px;
	}
}

@media (max-width : 1366px) {
	.home-section .home-wrap {
		padding : 30px 40px;
	}
}

@media (max-width : 575px) {
	.home-section .home-wrap {
		padding           : 30px;
		-webkit-box-align : center;
		-ms-flex-align    : center;
		align-items       : center;
	}
}

@media (max-width : 991px) {
	.home-section .home-wrap .left-content {
		display           : -webkit-box;
		display           : -ms-flexbox;
		display           : flex;
		-webkit-box-align : center;
		-ms-flex-align    : center;
		align-items       : center;
		padding-bottom    : 22px;
	}
}

.home-section .home-wrap .left-content .offer-wrap {
	margin-bottom : calc(30px + (90 - 30) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width : 1199px) {
	.home-section .home-wrap .left-content .offer-wrap {
		margin-bottom : 20px;
	}
}

.home-section .home-wrap .left-content .offer-wrap h6 {
	color : #212529;
}

.home-section .home-wrap .left-content .home-content h1 {
	color : #212529;
}

@media (max-width : 575px) {
	.home-section .home-wrap .left-content .home-content h1 {
		font-size : 26px;
	}
}

.home-section .home-wrap .left-content .home-content h2 {
	font-size   : calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));
	color       : #212529;
	font-weight : 400;
}

.home-section .home-wrap .left-content .home-content h3 {
	font-size   : calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));
	font-weight : 500;
}

@media (max-width : 1199px) {
	.home-section .home-wrap .left-content .home-content h3 {
		font-size : calc(28px + (30 - 28) * ((100vw - 320px) / (1199 - 320)));
	}
}

@media (max-width : 575px) {
	.home-section .home-wrap .left-content .home-content h3 {
		font-size : 20px;
	}
}

.home-section .home-wrap .left-content .home-content .text-decoration-line-through {
	font-size : calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width : 1199px) {
	.home-section .home-wrap .left-content .home-content .text-decoration-line-through {
		font-size : calc(16px + (18 - 16) * ((100vw - 320px) / (1199 - 320)));
	}
}

@media (max-width : 575px) {
	.home-section .home-wrap .left-content .home-content .text-decoration-line-through {
		font-size : 14px;
	}
}

.home-section .home-wrap .right-content {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.home-section .home-wrap .right-content .product-img {
	margin-top : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.home-section .home-wrap .right-content .product-img ul {
	display       : block;
	margin-bottom : -5px;
}

@media (max-width : 1660px) {
	.home-section .home-wrap .right-content .product-img ul li a img {
		height : 80px;
	}
}

.home-section .home-wrap .right-content .product-img ul li + li {
	margin-left : calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .home-section .home-wrap .right-content .product-img ul li + li {
	margin-right : calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
	margin-left  : unset;
}

.home-section .home-social {
	-webkit-writing-mode : vertical-rl;
	-ms-writing-mode     : tb-rl;
	writing-mode         : vertical-rl;
	text-orientation     : mixed;
	position             : absolute;
	right                : 70px;
	top                  : 50%;
	-webkit-transform    : translateY(-50%);
	transform            : translateY(-50%);
}

[dir="rtl"] .home-section .home-social {
	right : unset !important;
	left  : 70px;
}

@media (max-width : 1660px) {
	.home-section .home-social {
		right : 50px;
	}
	
	[dir="rtl"] .home-section .home-social {
		left : 50px;
	}
}

@media (max-width : 1460px) {
	.home-section .home-social {
		right : 40px;
	}
	
	[dir="rtl"] .home-section .home-social {
		left : 40px;
	}
}

.home-section .home-social ul {
	margin  : 0;
	padding : 0;
}

.home-section .home-social ul li {
	margin-bottom : calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .home-section .home-social ul li {
	margin-top : calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.home-section .home-social ul li img {
	margin-right      : 0;
	margin-bottom     : 5px;
	-webkit-transform : rotate(90deg);
	transform         : rotate(90deg);
}

[dir="rtl"] .home-section .home-social ul li img {
	margin-bottom : 0;
	margin-top    : 5px;
}

.home-section .home-social ul li span {
	vertical-align : 3px;
}

.home-section .home-social ul li a {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.home-section .group-btn {
	position : absolute;
	bottom   : 0;
}

[dir="rtl"] .home-section .group-btn {
	right : 0;
}

.home-section .group-btn .btn {
	font-size        : calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	padding          : calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))) calc(15px + (40 - 15) * ((100vw - 320px) / (1920 - 320)));
	background-color : #1d1d1d;
	border-color     : #1d1d1d;
	color            : #ffffff;
}

.home-section .group-btn .btn::before {
	background-color : #1d1d1d;
}

/**=====================
    service section css start
==========================**/
@media (max-width : 1460px) {
	.service-section {
		margin-bottom : -3px;
	}
}

.service-section .service-wrap {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.service-section .service-wrap .service-icon svg {
	width        : 50px;
	height       : 50px;
	fill         : var(--theme-color);
	margin-right : 20px;
}

[dir="rtl"] .service-section .service-wrap .service-icon svg {
	margin-right : 0;
	margin-left  : 20px;
}

@media (max-width : 1460px) {
	.service-section .service-wrap .service-icon svg {
		width  : 40px;
		height : 40px;
	}
}

@media (max-width : 767px) {
	.service-section .service-wrap .service-icon svg {
		width  : 35px;
		height : 35px;
	}
}

.service-section .service-wrap .service-content h3 {
	margin-top : -3px;
}

@media (max-width : 1199px) {
	.service-section .service-wrap .service-content h3 {
		margin-bottom : 2px !important;
	}
}

.service-section .service-wrap .service-content span {
	display       : block;
	margin-bottom : -3px;
	line-height   : 1.6;
	font-weight   : lighter;
}

.service-section.about-page .service-wrap .service-icon svg {
	width  : 45px;
	height : 45px;
}

.service-style-2 .service-wrap {
	display       : block;
	text-align    : center;
	margin-bottom : -2px;
}

.service-style-2 .service-wrap .service-icon {
	margin-bottom : 20px;
}

.service-style-2 .row > div {
	position : relative;
}

.service-style-2 .row > div + div::before {
	content           : "";
	position          : absolute;
	top               : 50%;
	-webkit-transform : translateY(-50%);
	transform         : translateY(-50%);
	width             : 2px;
	height            : 50px;
	background-color  : #f0f3f8;
}

@media (max-width : 1199px) {
	.service-style-2 .row > div + div:nth-child(3):before {
		content : "";
		display : none;
	}
}

@media (max-width : 575px) {
	.service-style-2 .row > div + div:nth-child(even):before {
		content : "";
		display : none;
	}
}

/**=====================
     banner css start
==========================**/
.collection-banner {
	position : relative;
	overflow : hidden;
	height   : 100%;
}

@media (max-width : 991px) {
	.collection-banner .collection-contain {
		background-color        : rgba(0, 0, 0, 0.7);
		padding                 : 15px 30px;
		border-radius           : 4px;
		-webkit-backdrop-filter : blur(3px);
		backdrop-filter         : blur(3px);
	}
	
	.collection-banner .collection-contain h6,
	.collection-banner .collection-contain h2,
	.collection-banner .collection-contain p {
		color : #ffffff !important;
	}
}

.collection-banner .theme-color {
	margin-top : -2px;
}

.collection-banner .contain-banner {
	position          : absolute;
	top               : 0;
	width             : 100%;
	height            : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.collection-banner .contain-banner.contain-center {
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
}

.collection-banner .contain-banner .banner-content {
	padding : 45px 80px;
}

@media (max-width : 1460px) {
	.collection-banner .contain-banner .banner-content {
		padding : 30px 60px;
	}
}

@media (max-width : 1366px) {
	.collection-banner .contain-banner .banner-content {
		padding : 30px 40px;
	}
}

@media (max-width : 1199px) {
	.collection-banner .contain-banner .banner-content {
		padding : 20px 15px;
	}
}

@media (max-width : 991px) {
	.collection-banner .contain-banner .banner-content {
		padding : 40px;
	}
}

@media (max-width : 575px) {
	.collection-banner .contain-banner .banner-content {
		padding : 30px;
	}
}

@media (max-width : 360px) {
	.collection-banner .contain-banner .banner-content {
		padding : 20px;
	}
}

.collection-banner .contain-banner .banner-content.spacing-banner {
	padding : 40px;
}

@media (max-width : 1460px) {
	.collection-banner .contain-banner .banner-content.spacing-banner {
		padding : 30px;
	}
}

@media (max-width : 1366px) {
	.collection-banner .contain-banner .banner-content.spacing-banner {
		padding : 30px;
	}
}

@media (max-width : 1199px) {
	.collection-banner .contain-banner .banner-content.spacing-banner {
		padding : 20px;
	}
}

@media (max-width : 991px) {
	.collection-banner .contain-banner .banner-content.spacing-banner {
		padding : 40px;
	}
}

@media (max-width : 575px) {
	.collection-banner .contain-banner .banner-content.spacing-banner {
		padding : 30px;
	}
}

@media (max-width : 360px) {
	.collection-banner .contain-banner .banner-content.spacing-banner {
		padding : 20px;
	}
}

.collection-banner .contain-banner .banner-content.with-bg {
	background-color : rgba(35, 35, 35, 0.93);
	color            : #ffffff;
}

.collection-banner .contain-banner .banner-content.with-bg h2 {
	margin-top : -2px;
}

.collection-banner .contain-banner .banner-content.with-bg h3 {
	margin-top : -3px;
}

.collection-banner .contain-banner .banner-content.with-bg span {
	display       : block;
	margin-bottom : -5px;
}

.collection-banner .contain-banner .banner-content.with-big {
	background-color : rgba(35, 35, 35, 0.85);
	color            : #ffffff;
}

.collection-banner .contain-banner .banner-content.with-big h2 {
	margin-top : -3px;
}

.collection-banner .contain-banner .banner-content span {
	font-size   : 12px;
	font-weight : 500;
}

.collection-banner .contain-banner .banner-content.t-top h3 {
	margin-top : -4px;
}

.collection-banner .banner-img {
	height : 100%;
}

.collection-banner.p-center .contain-banner,
.collection-banner.p-center .banner-text {
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
}

.collection-banner.p-right .contain-banner,
.collection-banner.p-right .banner-text {
	-webkit-box-pack : end;
	-ms-flex-pack    : end;
	justify-content  : flex-end;
}

[dir="rtl"] .collection-banner.p-right .contain-banner,
[dir="rtl"] .collection-banner.p-right .banner-text {
	-webkit-box-pack : start;
	-ms-flex-pack    : start;
	justify-content  : flex-start;
}

.collection-banner.p-right .contain-banner h3,
.collection-banner.p-right .banner-text h3 {
	margin-top : -9px;
}

.collection-banner.p-right .contain-banner .span-top,
.collection-banner.p-right .banner-text .span-top {
	margin-top : -4px;
	display    : block;
}

.collection-banner.p-right .banner-content {
	text-align : right;
}

.collection-banner.p-left .contain-banner,
.collection-banner.p-left .banner-text {
	-webkit-box-pack : start;
	-ms-flex-pack    : start;
	justify-content  : flex-start;
}

[dir="rtl"] .collection-banner.p-left .contain-banner,
[dir="rtl"] .collection-banner.p-left .banner-text {
	-webkit-box-pack : end;
	-ms-flex-pack    : end;
	justify-content  : flex-end;
}

.collection-banner.p-bottom .contain-banner {
	-webkit-box-align : end;
	-ms-flex-align    : end;
	align-items       : flex-end;
}

.collection-banner .banner-text {
	position          : absolute;
	top               : 0;
	width             : 100%;
	height            : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.collection-banner .banner-text .banner-content {
	padding : 50px;
	width   : 60%;
}

[dir="rtl"] .collection-banner .banner-text .banner-content {
	text-align : right;
}

.collection-banner .banner-text .banner-content.t-top h3 {
	color      : #212529;
	margin-top : -4px;
}

@media (max-width : 480px) {
	.collection-banner .banner-text .banner-content.t-top h3 {
		margin-bottom : 5px;
	}
}

@media (max-width : 1460px) {
	.collection-banner .banner-text .banner-content {
		padding : 30px 60px;
	}
}

@media (max-width : 1366px) {
	.collection-banner .banner-text .banner-content {
		padding : 30px 40px;
	}
}

@media (max-width : 1199px) {
	.collection-banner .banner-text .banner-content {
		padding : 20px 15px;
	}
}

@media (max-width : 991px) {
	.collection-banner .banner-text .banner-content {
		padding : 0 40px;
	}
}

@media (max-width : 575px) {
	.collection-banner .banner-text .banner-content {
		padding : 0 30px;
	}
}

@media (max-width : 360px) {
	.collection-banner .banner-text .banner-content {
		padding : 0 10px;
		width   : 50%;
	}
}

.collection-banner .banner-text h6 {
	font-weight : 600;
	margin-top  : -3px;
}

.collection-banner .banner-text h2 {
	margin      : calc(2px + (20 - 2) * ((100vw - 320px) / (1920 - 320))) 0;
	font-size   : calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
	line-height : 1.32;
	color       : #212529;
}

.collection-banner .banner-text h3 {
	font-size     : calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)));
	line-height   : 1.45;
	margin-bottom : 20px;
}

.collection-banner .banner-text h3.h-bottom {
	margin-bottom : calc(2px + (20 - 2) * ((100vw - 320px) / (1920 - 320)));
	margin-top    : -6px;
	color         : #212529;
}

.collection-banner .banner-text .btn {
	font-size : calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.banner-title .banner-text .banner-content {
	width : 56%;
}

[dir="rtl"] .banner-title .banner-text .banner-content {
	text-align : left;
}

.banner-title .banner-text .banner-content .spacing-text {
	margin-top : -6px;
	color      : #212529;
}

.collection-center {
	position         : relative;
	padding          : 50px;
	background-color : #f0f3f8;
	color            : #212529;
}

@media (max-width : 1460px) {
	.collection-center {
		padding : 40px;
	}
}

@media (max-width : 575px) {
	.collection-center {
		padding : 30px;
	}
}

@media (max-width : 360px) {
	.collection-center {
		padding : 20px;
	}
}

.collection-center h2 {
	line-height : 1.3;
}

.banner-image {
	position : relative;
}

.banner-image .banner-content {
	position          : absolute;
	left              : calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));
	top               : 50%;
	-webkit-transform : translateY(-50%);
	transform         : translateY(-50%);
	width             : 40%;
}

.banner-image .banner-content h3 {
	font-size     : calc(16px + (32 - 16) * ((100vw - 320px) / (1920 - 320)));
	line-height   : 1.45;
	margin-bottom : calc(2px + (15 - 2) * ((100vw - 320px) / (1920 - 320)));
	margin-top    : calc(0px + (-6 - 0) * ((100vw - 320px) / (1920 - 320)));
	color         : var(--theme-color);
}

@media (max-width : 767px) {
	.banner-image .banner-content h3 {
		margin-bottom : 0;
	}
}

.banner-image .banner-content p {
	color         : #7e7e7e;
	margin-bottom : 0;
	line-height   : 1.6;
}

@media (max-width : 767px) {
	.banner-image .banner-content p {
		display : none;
	}
}

.small-banner .collection-banner {
	display           : -webkit-box !important;
	display           : -ms-flexbox !important;
	display           : flex !important;
	-webkit-box-align : end;
	-ms-flex-align    : end;
	align-items       : flex-end;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	height            : 100%;
}

@media (max-width : 991px) {
	.small-banner .collection-banner {
		-webkit-box-align : center;
		-ms-flex-align    : center;
		align-items       : center;
	}
}

@media (max-width : 1199px) {
	.small-banner .collection-banner {
		padding : 20px;
	}
}

@media (max-width : 480px) {
	.small-banner .collection-banner.bg-size:before {
		padding-top : 74%;
	}
}

@media (max-width : 360px) {
	.small-banner .collection-banner.bg-size:before {
		padding-top : 86%;
	}
}

.banner-btn-grup {
	position : absolute;
	bottom   : 0;
	left     : 0;
	display  : -webkit-box;
	display  : -ms-flexbox;
	display  : flex;
}

[dir="rtl"] .banner-btn-grup {
	left  : unset;
	right : 0;
}

.banner-btn-grup button + button {
	margin-left : -1px;
}

[dir="rtl"] .banner-btn-grup button + button {
	margin-right : -1px;
	margin-left  : unset;
}

/**=====================
     product css start
==========================**/
.tab-section .product-style-1 .product-box .product-details h5 {
	margin-left : 0;
}

[dir="rtl"] .tab-section .product-style-1 .product-box .product-details h5 {
	margin-left  : unset;
	margin-right : 0;
}

.tab-section .product-style-1 .product-box .product-details h5.main-title {
	margin : 0 auto;
}

[dir="rtl"] .tab-section .product-style-1 .product-box .product-details h5.main-title {
	margin : 0 auto;
}

.rating {
	display       : block;
	margin-bottom : -4px;
}

[dir="rtl"] .rating {
	padding : 0;
}

.rating li i {
	color : #c3c3c3 !important;
}

.rating li i.theme-color {
	color : #ffa202 !important;
}

.heart-wishlist {
	font-size          : 14px;
	width              : 30px;
	height             : 30px;
	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;
	position           : relative;
	z-index            : 1;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
	background-color   : #ffffff;
	border-radius      : 100%;
}

.heart-wishlist .far {
	margin-top  : 1px;
	margin-left : -1px;
}

[dir="rtl"] .heart-wishlist .far {
	margin-left  : unset;
	margin-right : -1px;
}

.heart-wishlist::after {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	background-color   : var(--theme-color);
	opacity            : 0.1;
	border-radius      : 100%;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
	z-index            : -1;
}

.heart-wishlist.heart-color::after {
	background-color : transparent;
}

.product-box {
	overflow : hidden;
}

[dir="rtl"] .product-box {
	direction : rtl;
}

.product-box:hover .img-wrapper .share {
	opacity : 1 !important;
	color   : #ffffff;
}

.product-box:hover .img-wrapper .share-opacity {
	opacity : 1;
}

.product-box:hover .img-wrapper .share-plus {
	color            : black;
	background-color : white;
	opacity          : 1;
	border-radius    : 50%;
}

.product-box:hover .img-wrapper.hover-image::after {
	opacity : 1;
}

.product-box:hover .img-wrapper.squre-image::after {
	opacity : 1;
}

.product-box:hover .img-wrapper .circle-shape {
	-webkit-transform : scale(100%);
	transform         : scale(100%);
}

.product-box:hover .img-wrapper .background-text {
	opacity : 1;
}

.product-box .img-wrapper {
	position : relative;
	overflow : hidden;
}

.product-box .img-wrapper.hover-image::after {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	background-image   : url(../images/vegetable/effect1.png);
	background-size    : cover;
	background-repeat  : no-repeat;
	top                : 0;
	left               : 0;
	opacity            : 0;
	-webkit-transition : 0.5s ease;
	transition         : 0.5s ease;
}

.product-box .img-wrapper.squre-image::after {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	background-image   : url(../images/vegetable/effect.png);
	background-size    : cover;
	background-repeat  : no-repeat;
	top                : 0;
	left               : 0;
	opacity            : 0;
	-webkit-transition : 0.5s ease;
	transition         : 0.5s ease;
}

@media (max-width : 1199px) {
	.product-box .img-wrapper.squre-image::after {
		opacity : 1;
	}
}

.product-box .img-wrapper .circle-shape {
	position                 : absolute;
	background-color         : rgba(232, 115, 22, 0.04);
	top                      : -80px;
	left                     : -80px;
	width                    : 100%;
	height                   : 87%;
	border-radius            : 50%;
	z-index                  : 1;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transition       : 0.6s ease;
	transition               : 0.6s ease;
	-webkit-transform-origin : top left;
	transform-origin         : top left;
}

.product-box .img-wrapper .circle-shape-1 {
	width              : 390px;
	height             : 390px;
	position           : absolute;
	background-color   : rgba(232, 115, 22, 0.04);
	top                : -130px;
	left               : -130px;
	border-radius      : 50%;
	z-index            : 1;
	-webkit-transition : 0.6s ease;
	transition         : 0.6s ease;
}

.product-box .img-wrapper .background-text {
	text-transform       : uppercase;
	position             : absolute;
	top                  : 90px;
	right                : -30px;
	-webkit-writing-mode : vertical-rl;
	-ms-writing-mode     : tb-rl;
	writing-mode         : vertical-rl;
	text-orientation     : mixed;
	font-weight          : bolder;
	font-size            : 68px;
	color                : rgba(232, 115, 22, 0.1);
	-webkit-user-select  : none;
	-moz-user-select     : none;
	-ms-user-select      : none;
	user-select          : none;
	opacity              : 0;
	-webkit-transition   : 0.6s ease;
	transition           : 0.6s ease;
}

.product-box .cart-wrap {
	position           : absolute;
	bottom             : 30px;
	left               : 0;
	right              : 0;
	text-align         : center;
	opacity            : 0;
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
	z-index            : 2;
}

@media (max-width : 1366px) {
	.product-box .cart-wrap {
		bottom : 20px;
	}
}

@media (max-width : 480px) {
	.product-box .cart-wrap {
		bottom : 15px;
	}
}

.product-box .cart-wrap .category-item {
	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;
	width             : 100%;
}

.product-box .cart-wrap a,
.product-box .cart-wrap button {
	padding          : 15px;
	background-color : #ffffff;
	position         : relative;
	z-index          : 1;
}

@media (max-width : 1366px) {
	.product-box .cart-wrap a,
	.product-box .cart-wrap button {
		padding : 10px;
	}
}

@media (max-width : 480px) {
	.product-box .cart-wrap a,
	.product-box .cart-wrap button {
		padding : 5px;
	}
}

.product-box .cart-wrap a::after,
.product-box .cart-wrap button::after {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	background-color   : var(--theme-color);
	-webkit-transform  : scale(0);
	transform          : scale(0);
	-webkit-transition : 0.5s;
	transition         : 0.5s;
	top                : 0;
	left               : 0;
	z-index            : -1;
}

[dir="rtl"] .product-box .cart-wrap a::after,
[dir="rtl"] .product-box .cart-wrap button::after {
	left  : unset;
	right : 0;
}

.product-box .cart-wrap a svg,
.product-box .cart-wrap button svg {
	width  : 16px;
	height : 16px;
}

@media (max-width : 767px) {
	.product-box .cart-wrap a svg,
	.product-box .cart-wrap button svg {
		width  : 14px;
		height : 14px;
	}
}

@media (max-width : 480px) {
	.product-box .cart-wrap a svg,
	.product-box .cart-wrap button svg {
		width  : 13px;
		height : 13px;
	}
}

.product-box .cart-wrap a:hover,
.product-box .cart-wrap button:hover {
	background-color : transparent;
	color            : #ffffff;
}

.product-box .cart-wrap a:hover::after,
.product-box .cart-wrap button:hover::after {
	-webkit-transform  : scale(1);
	transform          : scale(1);
	-webkit-transition : 0.5s;
	transition         : 0.5s;
}

.product-box .cart-wrap a {
	color : #232323;
}

.product-box .cart-wrap button {
	line-height : 0.8;
}

[dir="rtl"] .product-box .cart-wrap ul li + li {
	margin-right : 8px;
	margin-left  : unset;
}

.product-box .product-details {
	margin-top : 15px;
}

.product-box .product-details h3 span {
	font-size       : 15px;
	text-decoration : line-through;
	margin-left     : 4px;
}

[dir="rtl"] .product-box .product-details h3 span {
	margin-left  : 0;
	margin-right : 4px;
}

.product-box .product-details h5 {
	margin             : 5px auto 6px auto;
	-webkit-line-clamp : 1;
	-webkit-box-orient : vertical;
	display            : -webkit-box;
	overflow           : hidden;
	width              : 100%;
	font-weight        : 500;
}

.product-box .product-details .size-box {
	margin-top : 5px !important;
	margin     : -1px;
}

.product-box .product-details .size-box li {
	color            : #212529;
	margin           : 1px;
	padding          : 2px 6px;
	font-size        : 13px;
	border-radius    : 3px;
	background-color : #f0f7ef;
}

.product-box .product-details .size-box-2 li {
	background-color : #eff2f7;
}

.product-box .product-details .rating {
	display       : block;
	margin-bottom : -4px;
}

.product-box .product-details .rating.rating-2 {
	margin-bottom : 0px;
}

.product-box .product-details .rating li i {
	font-size : 13px;
	color     : #c3c3c3;
}

.product-box .product-details .rating li i.theme-color {
	color : #ffa202;
}

.product-box .label-dark {
	left : 0;
}

[dir="rtl"] .product-box .label-dark {
	float : right;
	left  : unset;
	right : 0;
}

[dir="rtl"] [dir="rtl"] .product-box .label-dark {
	float : left;
}

.product-box .label-theme {
	float : right;
	right : 0;
}

[dir="rtl"] .product-box .label-theme {
	float : left;
	right : unset;
	left  : 0;
}

[dir="rtl"] [dir="rtl"] .product-box .label-theme {
	float : right;
}

.product-box:hover .cart-wrap {
	opacity            : 1;
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
}

.product-box:hover .cart-wrap ul li:first-child {
	-webkit-animation : fadeInUp 400ms ease-in-out;
	animation         : fadeInUp 400ms ease-in-out;
}

.product-box:hover .cart-wrap ul li:nth-child(2) {
	-webkit-animation : fadeInUp 600ms ease-in-out;
	animation         : fadeInUp 600ms ease-in-out;
}

.product-box:hover .cart-wrap ul li:nth-child(3) {
	-webkit-animation : fadeInUp 800ms ease-in-out;
	animation         : fadeInUp 800ms ease-in-out;
}

.product-box:hover .cart-wrap ul li:nth-child(4) {
	-webkit-animation : fadeInUp 1000ms ease-in-out;
	animation         : fadeInUp 1000ms ease-in-out;
}

.product-wrapper-1 .slick-dots {
	margin-top : -25px !important;
}

.product-wrapper .slick-dots {
	position   : relative;
	bottom     : 0;
	margin-top : calc(5px + (20 - 5) * ((100vw - 320px) / (1920 - 320)));
}

.product-wrapper .slick-dots li {
	width  : auto;
	height : auto;
}

.product-wrapper .slick-dots li button {
	width              : 8px;
	height             : 8px;
	border-radius      : 4px;
	padding            : 0;
	margin             : 0;
	background-color   : rgba(35, 35, 35, 0.2);
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
}

.product-wrapper .slick-dots li button::before {
	display : none;
}

.product-wrapper .slick-dots li.slick-active button {
	margin             : 0;
	width              : 40px;
	background-color   : var(--theme-color);
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
}

.product-wrapper .timer {
	position   : absolute;
	top        : 15px;
	left       : 0;
	right      : 0;
	text-align : center;
}

.product-wrapper.slick-slider.slick-dotted {
	margin-bottom : -2px;
}

.product-banner-circle {
	overflow : hidden;
	height   : 100%;
}

@media (max-width : 991px) {
	.product-banner {
		-webkit-box-ordinal-group : 0;
		-ms-flex-order            : -1;
		order                     : -1;
	}
}

.product-banner .product-box {
	padding : calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320))) !important;
	height  : 100%;
}

@media (max-width : 1199px) {
	.product-banner .product-box {
		padding : 20px !important;
	}
}

.product-banner .product-box .img-wrapper a {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	margin            : 0 auto;
	width             : 100%;
}

.product-banner .label-block {
	padding  : 0;
	position : relative;
}

.product-banner .label-block ~ a {
	clear : both;
}

.product-banner .offer-end {
	position                : absolute;
	bottom                  : 50px;
	left                    : 50%;
	-webkit-transform       : translateX(-50%);
	transform               : translateX(-50%);
	padding                 : 30px;
	background-color        : rgba(35, 35, 35, 0.8);
	-webkit-backdrop-filter : blur(10px);
	backdrop-filter         : blur(10px);
	color                   : #ffffff;
	width                   : 70%;
	text-align              : center;
	z-index                 : 1;
}

.product-banner .offer-end-demo4 {
	background-color : rgba(232, 115, 22, 0.8);
}

.product-banner .offer-end-demo4 h3 {
	margin-top : -3px;
}

.product-banner .offer-end-demo4 h6 {
	margin-bottom : -1px;
}

@media (max-width : 1366px) {
	.product-banner .offer-end {
		padding : 20px;
	}
}

@media (max-width : 991px) {
	.product-banner .offer-end {
		width : unset;
	}
}

@media (max-width : 480px) {
	.product-banner .offer-end {
		width   : 60%;
		padding : 15px;
	}
}

@media (max-width : 360px) {
	.product-banner .offer-end {
		width : 90%;
	}
}

.product-banner .offer-end h3 {
	margin-bottom : 10px;
}

.product-banner .offer-end h6 {
	font-weight : 400;
}

.instagram-wrap .product-box {
	position : relative;
}

.instagram-wrap .product-box::after {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	background-color   : var(--theme-color);
	opacity            : 0;
	visibility         : hidden;
	top                : 0;
	left               : 0;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
}

.instagram-wrap .product-box .img-wrapper img {
	max-height    : unset !important;
	max-width     : unset !important;
	height        : 225px;
	width         : 225px;
	-o-object-fit : contain;
	object-fit    : contain;
}

@media (max-width : 1366px) {
	.instagram-wrap .product-box .img-wrapper img {
		height : 195px;
		width  : 195px;
	}
}

@media (max-width : 767px) {
	.instagram-wrap .product-box .img-wrapper img {
		height : 175px;
		width  : 175px;
	}
}

.instagram-wrap .product-box .img-wrapper .share {
	font-weight          : 700;
	text-transform       : uppercase;
	line-height          : 1.6;
	-webkit-writing-mode : vertical-rl;
	-ms-writing-mode     : tb-rl;
	writing-mode         : vertical-rl;
	text-orientation     : initial;
	position             : absolute;
	top                  : 0;
}

.instagram-wrap .product-box .img-wrapper .share-opacity {
	opacity            : 0;
	-webkit-transition : 0.2s ease;
	transition         : 0.2s ease;
}

.instagram-wrap .product-box .img-wrapper .share-box {
	z-index : 2;
}

.instagram-wrap .product-box .img-wrapper .share .share-plus {
	position   : relative;
	width      : 25px;
	height     : 25px;
	font-size  : 16px;
	display    : inline-block;
	text-align : center;
	color      : var(--theme-color);
}

.instagram-wrap .product-box .img-wrapper .share .share-plus::after {
	content            : "";
	position           : absolute;
	width              : 100%;
	height             : 100%;
	background-color   : var(--theme-color);
	opacity            : 0.1;
	border-radius      : 100%;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
	z-index            : -1;
	z-index            : 1;
	left               : 0;
	top                : 0;
}

.instagram-wrap .product-box .img-wrapper .share .share-plus-color {
	background-color  : #ffffff;
	border-radius     : 50%;
	-webkit-animation : ripple-2 0.7s linear infinite;
	animation         : ripple-2 0.7s linear infinite;
}

.instagram-wrap .product-box .img-wrapper .share .share-plus-color::after {
	background-color : #ffffff;
}

.instagram-wrap .product-box .img-wrapper .share span:not(.share-plus) {
	padding-top : 15px;
	color       : #ffffff;
}

@media (max-width : 991px) {
	.instagram-wrap .product-box .img-wrapper .share span:not(.share-plus) {
		font-size   : 13px;
		padding-top : 10px;
	}
}

.instagram-wrap .product-box .insta-hover {
	position           : absolute;
	left               : 0;
	top                : 0;
	opacity            : 0;
	visibility         : hidden;
	width              : 100%;
	height             : 100%;
	color              : #ffffff;
	z-index            : 1;
	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;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
	padding            : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.instagram-wrap .product-box .insta-hover-gradient {
	background : #ec7a1f;
	background : linear-gradient(138deg, #ec7a1f 0%, #e3627b 50%, #a0768e 100%);
	opacity    : 0;
}

.instagram-wrap .product-box .insta-hover h2 {
	position          : absolute;
	top               : 25px;
	left              : 50%;
	-webkit-transform : translateX(-50%);
	transform         : translateX(-50%);
	font-size         : calc(65px + (80 - 65) * ((100vw - 320px) / (1920 - 320)));
	font-weight       : 900;
	opacity           : 0.08;
}

@media (max-width : 991px) {
	.instagram-wrap .product-box .insta-hover h2 {
		top : 30px;
	}
}

.instagram-wrap .product-box .insta-hover h3 {
	font-size     : calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
	font-weight   : 600;
	margin-bottom : 30px;
	line-height   : 1.4;
}

.instagram-wrap .product-box .insta-hover h3.text-hide {
	-webkit-line-clamp : 2;
	-webkit-box-orient : vertical;
	display            : -webkit-box;
	overflow           : hidden;
}

.instagram-wrap .product-box .insta-hover h3.brand-name {
	font-size     : calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom : 20px;
	line-height   : 1.2;
}

@media (max-width : 991px) {
	.instagram-wrap .product-box .insta-hover h3 {
		margin-bottom : 20px;
	}
}

.instagram-wrap .product-box .insta-hover h5 {
	font-weight   : 400;
	margin-bottom : 15px;
}

@media (max-width : 991px) {
	.instagram-wrap .product-box .insta-hover h5 {
		margin-bottom : 5px;
	}
}

.instagram-wrap .product-box .insta-hover .btn {
	font-weight : 500;
}

.instagram-wrap .product-box:hover .insta-hover {
	opacity                 : 1;
	-webkit-backdrop-filter : blur(5px);
	backdrop-filter         : blur(5px);
	visibility              : visible;
	-webkit-transition      : all 0.5s;
	transition              : all 0.5s;
}

.instagram-wrap .product-box:hover .insta-hover-gradient {
	background : #ec7a1f;
	background : linear-gradient(138deg, #ec7a1f 0%, #e3627b 50%, #a0768e 100%);
	opacity    : 1;
}

.instagram-wrap .product-box:hover::after {
	opacity            : 0.8;
	visibility         : visible;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
}

.color-variant li {
	width  : 30px;
	height : 30px;
	cursor : pointer;
}

.color-variant li + li {
	margin-left : 10px;
}

.color-variant li.selected {
	-webkit-box-shadow : 0 4px 8px 1px rgba(0, 0, 0, 0.16), 0 5px 15px 2px rgba(0, 0, 0, 0.05);
	box-shadow         : 0 4px 8px 1px rgba(0, 0, 0, 0.16), 0 5px 15px 2px rgba(0, 0, 0, 0.05);
}

.color-variant .bg-half-light {
	background-color : #f0f3f8;
	position         : relative;
}

.color-variant .bg-half-light .half-black {
	background-color : #232323;
	position         : absolute;
	width            : 50%;
	right            : 0;
	top              : 0;
	display          : inline-block;
	height           : 100%;
}

.color-variant .bg-blue1 {
	background-color : #88d1f4;
}

.color-variant .bg-light1 {
	background-color : #f0f3f8;
}

.color-variant .bg-black1 {
	background-color : #000000;
}

.label-price {
	position   : absolute;
	text-align : right;
	padding    : 30px;
	top        : 0;
	right      : 0;
}

.product-style-1 .product-box {
	background-color : #f0f3f8;
	padding          : 15px;
	position         : relative;
}

.product-style-1 .product-box.product-box1 {
	background-color : #e9e9e9;
}

.product-style-1 .product-box.bg-image {
	background-image    : url(../images/vegetable/percentage.jpg);
	background-color    : transparent;
	background-position : center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.product-style-1 .product-box-4 {
	background-color : #f0f7f0;
}

@media (max-width : 480px) {
	.product-style-1 .product-box {
		padding : 15px;
	}
}

.product-style-1 .product-box .img-wrapper img {
	margin     : 0 auto;
	max-height : 180px;
	max-width  : 180px;
	z-index    : 1;
}

.product-style-1 .product-box .img-wrapper .round-circle {
	position          : absolute;
	-webkit-animation : rounded 10s infinite linear;
	animation         : rounded 10s infinite linear;
	z-index           : 0;
	width             : 100%;
}

.product-style-1 .product-box .img-wrapper .bg-image {
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 100%;
}

.product-style-1 .product-box .img-wrapper a.text-center {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : end;
	-ms-flex-align    : end;
	align-items       : flex-end;
	min-height        : 116px;
}

.product-style-1 .product-box .top-wishlist {
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-pack : justify;
	-ms-flex-pack    : justify;
	justify-content  : space-between;
}

.product-style-1 .product-box .top-wishlist.product-color {
	z-index          : 2;
	background-color : #ffffff;
	border-radius    : 50%;
}

.product-style-1 .product-box .top-wishlist span {
	font-size : 13px;
}

.product-style-1 .product-box .product-details h5 {
	-webkit-line-clamp : 1;
	color              : #212529;
	margin             : 5px auto;
}

.product-style-1 .product-list .product-box {
	padding           : 20px calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

@media (max-width : 1199px) {
	.product-style-1 .product-list .product-box {
		padding : 20px;
	}
}

.product-style-1 .product-list .product-box .img-wrapper {
	min-width : 90px;
}

@media (max-width : 1199px) {
	.product-style-1 .product-list .product-box .img-wrapper {
		min-width : 70px;
	}
}

.product-style-1 .product-list .product-box .img-wrapper a.text-center {
	min-height : unset;
}

.product-style-1 .product-list .product-box .img-wrapper img {
	height        : 118px;
	max-width     : 90px;
	max-height    : unset !important;
	-o-object-fit : contain;
	object-fit    : contain;
}

@media (max-width : 1199px) {
	.product-style-1 .product-list .product-box .img-wrapper img {
		height    : 78px;
		max-width : 70px;
	}
}

.product-style-1 .product-list .product-box .product-details {
	margin-top  : 0;
	margin-left : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .product-style-1 .product-list .product-box .product-details {
	margin-left  : unset !important;
	margin-right : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width : 1199px) {
	.product-style-1 .product-list .product-box .product-details {
		margin-left : 15px;
	}
	
	[dir="rtl"] .product-style-1 .product-list .product-box .product-details {
		margin-right : 15px;
	}
}

.product-style-1 .product-list .product-box .product-details h3 {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.product-style-1 .product-list .product-box + .product-box {
	margin-top : 30px;
}

@media (max-width : 1199px) {
	.product-style-1 .product-list .product-box + .product-box {
		margin-top : 16px;
	}
}

.product-style-1.offer-wrap .product-banner .product-box .img-wrapper img {
	max-height    : unset;
	max-width     : unset;
	height        : 310px;
	-o-object-fit : contain;
	object-fit    : contain;
}

@media (max-width : 1199px) {
	.product-style-1.offer-wrap .product-banner .product-box .img-wrapper img {
		height : 198px;
	}
}

.product-style-1.instagram-2 .product-box {
	padding : 0;
}

.product-style-1.instagram-2 .product-box .top-wishlist {
	position : absolute;
	right    : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
	top      : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .product-style-1.instagram-2 .product-box .top-wishlist {
	right : unset;
	left  : 30px;
}

.product-style-1.instagram-2 .product-box .img-wrapper .share {
	top  : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
	left : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .product-style-1.instagram-2 .product-box .img-wrapper .share {
	left  : unset;
	right : 30px;
}

.product-style-1.instagram-2 .product-box .insta-hover {
	padding : calc(30px + (70 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.product-style-1.instagram-2 .product-box .insta-hover.insta-spacing {
	padding : calc(35px + (70 - 35) * ((100vw - 320px) / (1920 - 320)));
}

.product-style-2 .product-box .img-wrapper .back {
	opacity                     : 0;
	position                    : absolute;
	-webkit-backface-visibility : hidden;
	backface-visibility         : hidden;
	top                         : 0;
	left                        : 0;
	-webkit-transition          : all 0.3s ease;
	transition                  : all 0.3s ease;
	width                       : 100%;
}

.product-style-2 .product-box .product-details h5 {
	margin : 0;
}

.product-style-2 .product-box .product-details .rating-details,
.product-style-2 .product-box .product-details .main-price {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : justify;
	-ms-flex-pack     : justify;
	justify-content   : space-between;
}

.product-style-2 .product-box .product-details .rating-details.main-shop,
.product-style-2 .product-box .product-details .main-price.main-shop {
	display    : block !important;
	text-align : center;
}

[dir="rtl"] .product-style-2 .product-box .product-details .rating-details.main-shop,
[dir="rtl"] .product-style-2 .product-box .product-details .main-price.main-shop {
	text-align : right;
}

@media (max-width : 575px) {
	.product-style-2 .product-box .product-details .rating-details,
	.product-style-2 .product-box .product-details .main-price {
		display    : block;
		text-align : left;
	}
	
	[dir="rtl"] .product-style-2 .product-box .product-details .rating-details,
	[dir="rtl"] .product-style-2 .product-box .product-details .main-price {
		text-align : right;
	}
}

.product-style-2 .product-box .product-details .main-price {
	margin-top : 10px;
}

@media (max-width : 575px) {
	.product-style-2 .product-box .product-details .main-price {
		margin-top : 5px;
	}
	
	.product-style-2 .product-box .product-details .main-price h3 {
		margin-top : 5px;
	}
}

.product-style-2 .product-box .cart-wrap ul li + li {
	margin-left : 0;
}

[dir="rtl"] .product-style-2 .product-box .cart-wrap ul li + li {
	margin-left  : unset;
	margin-right : 0;
}

.product-style-2 .product-box .cart-wrap a svg,
.product-style-2 .product-box .cart-wrap button svg {
	width  : 14px;
	height : 14px;
}

@media (max-width : 575px) {
	.product-style-2 .product-box .cart-wrap a svg,
	.product-style-2 .product-box .cart-wrap button svg {
		width  : 13px;
		height : 13px;
	}
}

.product-style-2 .product-box:hover .img-wrapper .back {
	opacity                     : 1;
	-webkit-backface-visibility : visible;
	backface-visibility         : visible;
	-webkit-transition          : all 0.3s ease;
	transition                  : all 0.3s ease;
}

@media (max-width : 1660px) {
	.product-style-2.slide-4 {
		padding : 0 30px;
	}
}

.product-style-2.slide-4 .slick-prev {
	left : -70px;
}

@media (max-width : 1660px) {
	.product-style-2.slide-4 .slick-prev {
		left : -20px;
	}
}

@media (max-width : 575px) {
	.product-style-2.slide-4 .slick-prev {
		left : -5px;
	}
}

.product-style-2.slide-4 .slick-next {
	right : -70px;
}

@media (max-width : 1660px) {
	.product-style-2.slide-4 .slick-next {
		right : -20px;
	}
}

@media (max-width : 575px) {
	.product-style-2.slide-4 .slick-next {
		right : -5px;
	}
}

/**=====================
     category css start
==========================**/
/**=====================
    category mixins css start
==========================**/
/**=====================
    Cookie section css start
==========================**/
.cookie-bar-section {
	display            : -webkit-box;
	display            : -ms-flexbox;
	margin-top         : 20px;
	margin-bottom      : 10px;
	margin-right       : auto;
	margin-left        : auto;
	text-align         : center;
	display            : flex;
	-webkit-box-align  : center;
	-ms-flex-align     : center;
	align-items        : center;
	-webkit-box-pack   : justify;
	-ms-flex-pack      : justify;
	justify-content    : space-between;
	background         : #e9e9e9;
	padding            : 10px 15px;
	width              : -webkit-max-content;
	width              : -moz-max-content;
	width              : max-content;
	border-radius      : 50px;
	-webkit-box-shadow : 0 4px 7px rgba(33, 37, 41, 0.15);
	box-shadow         : 0 4px 7px rgba(33, 37, 41, 0.15);
	opacity            : 1;
	-webkit-transition : .5s ease;
	transition         : .5s ease;
}

@media (max-width : 767px) {
	.cookie-bar-section {
		bottom            : 8px;
		display           : block;
		width             : 70%;
		margin            : 10px auto 10px auto;
		-webkit-transform : none;
		transform         : none;
		border-radius     : 5px;
	}
}

@media (max-width : 480px) {
	.cookie-bar-section {
		width : 310px;
	}
}

@media (max-width : 360px) {
	.cookie-bar-section {
		width             : -webkit-fit-content;
		width             : -moz-fit-content;
		width             : fit-content;
		left              : 0;
		-webkit-transform : translate(0, 0);
		transform         : translate(0, 0);
		margin            : 0 12px;
	}
}

.cookie-bar-section.flower-cookirbar {
	background-color : #eff2f7;
}

.cookie-bar-section.veg-cookiebar {
	background-color : #f0f7f0;
}

.cookie-bar-section.hide {
	opacity : 0;
	bottom  : -350px;
}

.cookie-bar-section img {
	width : 30px;
}

@media (max-width : 767px) {
	.cookie-bar-section img {
		margin-bottom : 16px;
	}
}

@media (max-width : 360px) {
	.cookie-bar-section img {
		width : 40px;
	}
}

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

@media (max-width : 767px) {
	.cookie-bar-section .content {
		display    : block;
		text-align : center;
	}
}

.cookie-bar-section .content p {
	text-align     : center;
	margin         : 0 18px;
	line-height    : 1.6;
	letter-spacing : 0.03em;
}

@media (max-width : 767px) {
	.cookie-bar-section .content p {
		margin : 0 0 16px;
	}
}

.cookie-bar-section .content .cookie-buttons button {
	padding        : 10px 25px;
	border-radius  : 50px;
	text-transform : capitalize;
}

.cookie-bar-section .content .cookie-buttons button:hover {
	color : #ffffff;
}

@media (max-width : 767px) {
	.cookie-bar-section .content .cookie-buttons button {
		border-radius : 5px;
	}
}

@media (max-width : 360px) {
	.cookie-bar-section .content .cookie-buttons button {
		width : 100%;
	}
}

/**=====================
     footer css start
==========================**/
.footer-title h3 {
	margin-bottom : 10px
}

footer .footer-contact .contact-lists li {
	font-size   : 13px;
	font-weight : lighter;
	text-align  : justify;
}

@media (max-width : 575px) {
	footer h3 {
		font-size : 16px;
	}
}

footer .main-footer {
	border-top    : 2px solid #f0f3f8;
	border-bottom : 2px solid #f0f3f8;
	padding       : 80px 0;
}

@media (max-width : 1460px) {
	footer .main-footer {
		padding : 70px 0;
	}
}

@media (max-width : 1199px) {
	footer .main-footer {
		padding : 60px 0;
	}
}

@media (max-width : 991px) {
	footer .main-footer {
		padding : 50px 0;
	}
}

@media (max-width : 767px) {
	footer .main-footer {
		padding : 40px 0;
	}
}

@media (max-width : 575px) {
	footer .main-footer {
		padding : 30px 0;
	}
}

@media (max-width : 991px) {
	footer .main-footer .row > div:first-child,
	footer .main-footer .row > div:last-child {
		-webkit-box-ordinal-group : 0;
		-ms-flex-order            : -1;
		order                     : -1;
	}
}

@media (max-width : 767px) {
	footer .main-footer .row > div:first-child,
	footer .main-footer .row > div:last-child {
		-webkit-box-ordinal-group : unset;
		-ms-flex-order            : unset;
		order                     : unset;
	}
}

footer .footer-contact {
	padding-right : 40px;
}

[dir="rtl"] footer .footer-contact {
	padding-right : unset !important;
	padding-left  : 40px;
}

footer .footer-contact .brand-logo .svg-icon {
	width                   : 25px;
	height                  : 25px;
	margin-right            : 5px;
	-webkit-animation       : none;
	animation               : none;
	-webkit-transform-style : preserve-3d;
	transform-style         : preserve-3d;
}

[dir="rtl"] footer .footer-contact .brand-logo .svg-icon {
	margin-right : 0;
	margin-left  : 5px;
}

footer .footer-contact .brand-logo .svg-icon .fill-color {
	fill : var(--theme-color);
}

@media (max-width : 1366px) {
	footer .footer-contact {
		padding-right : 20px;
	}
	
	[dir="rtl"] footer .footer-contact {
		padding-left : 20px;
	}
}

@media (max-width : 991px) {
	footer .footer-contact {
		padding-right : 0;
	}
	
	[dir="rtl"] footer .footer-contact {
		padding-left : 0;
	}
}

footer .footer-contact .footer-logo {
	display       : block;
	margin-bottom : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] footer .footer-contact .contact-lists {
	padding : 0;
}

footer .footer-contact .contact-lists li {
	display        : -webkit-box;
	display        : -ms-flexbox;
	display        : flex;
	text-transform : capitalize;
}

footer .footer-contact .contact-lists li:nth-child(1) span {
	margin-top : -3px;
}

footer .footer-contact .contact-lists li:nth-child(3) span {
	margin-bottom : -3px;
}

footer .footer-contact .contact-lists li span {
	display : inline;
}

footer .footer-contact .contact-lists li span b {
	font-weight   : 500;
	padding-right : 5px;
}

[dir="rtl"] footer .footer-contact .contact-lists li span b {
	padding-right : unset;
	padding-left  : 5px;
	float         : right;
}

footer .footer-contact .contact-lists li + li {
	margin-top : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width : 991px) {
	footer .footer-contact .contact-lists li + li {
		margin-top : 15px;
	}
}

@media (max-width : 575px) {
	footer .footer-contact .contact-lists li + li {
		margin-top : 10px;
	}
}

footer .footer-links .footer-title h3 {
	position : relative;
}

@media (max-width : 575px) {
	footer .footer-links .footer-title h3::after {
		position           : absolute;
		content            : "\f078";
		font-family        : "Font Awesome 5 Free";
		font-size          : 9px;
		font-weight        : 600;
		right              : 0;
		top                : 50%;
		-webkit-transform  : translateY(-50%);
		transform          : translateY(-50%);
		color              : #7e7e7e;
		-webkit-transition : 0.5s;
		transition         : 0.5s;
	}
	
	[dir="rtl"] footer .footer-links .footer-title h3::after {
		right : unset;
		left  : 0;
	}
}

@media (max-width : 575px) {
	footer .footer-links .footer-title.active h3::after {
		content            : "\f077";
		-webkit-transition : 0.5s;
		transition         : 0.5s;
	}
}

footer .footer-links .footer-content {
	padding-top : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
	display     : block !important
}

[dir="rtl"] footer .footer-links ul {
	padding : 0;
}

footer .footer-links ul li {
	display : block;
}

footer .footer-links ul li .font-dark:hover {
	color : var(--theme-color) !important;
}

footer .footer-links ul li + li {
	margin-top : 15px;
}

@media (max-width : 991px) {
	footer .footer-links ul li + li {
		margin-top : 10px;
	}
}

@media (max-width : 575px) {
	footer .footer-links ul li + li {
		margin-top : 6px;
	}
}

footer .footer-newsletter h3 {
	margin-bottom : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

footer .footer-newsletter p {
	line-height : 1.6;
}

footer .footer-newsletter .input-group input {
	border-radius    : 0;
	position         : relative;
	border           : none;
	background-color : #f0f3f8;
	color            : rgba(35, 35, 35, 0.65);
}

footer .footer-newsletter .input-group input.color-4 {
	background-color : #e9e9e9;
}

footer .footer-newsletter .input-group .input-group-text {
	padding          : 6px 16px;
	background-color : var(--theme-color);
	border           : 1px solid var(--theme-color);
	color            : #ffffff;
	border-radius    : 0;
	cursor           : pointer;
}

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

footer .footer-number .footer-number-image {
	background-color  : #eff3f7;
	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;
	width             : 50px;
	height            : 50px;
	border-radius     : 50%;
	margin-right      : 20px;
}

[dir="rtl"] footer .footer-number .footer-number-image {
	margin-right : 0;
	margin-left  : 20px;
}

footer .footer-number .footer-number-image img {
	width : 20px;
}

footer .footer-number .footer-number-container h3 {
	margin-bottom : 0;
}

footer .footer-details {
	margin-top : calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}

footer .footer-details p {
	line-height   : 1.5;
	margin-bottom : 0;
}

footer .sub-footer {
	padding : calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
}

@media (max-width : 767px) {
	footer .sub-footer {
		text-align : center;
	}
}

footer .sub-footer .row {
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

[dir="rtl"] footer .sub-footer ul {
	padding : 0;
}

footer .sub-footer ul li + li {
	margin-left : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] footer .sub-footer ul li + li {
	margin-left  : unset !important;
	margin-right : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width : 991px) {
	footer .sub-footer ul li + li {
		margin-left : 10px;
	}
	
	[dir="rtl"] footer .sub-footer ul li + li {
		margin-right : 10px;
	}
}

footer .sub-footer p {
	text-align : right;
}

[dir="rtl"] footer .sub-footer p {
	text-align : left;
}

@media (max-width : 767px) {
	footer .sub-footer p {
		text-align : center;
	}
	
	[dir="rtl"] footer .sub-footer p {
		text-align : center;
	}
}

@media (max-width : 575px) {
	.footer-sm-space {
		margin-bottom : 80px;
	}
}

/**=====================
     brand section css start
==========================**/
.brand-slider {
	margin-bottom : -7px;
}

.zi-1 {
	z-index : 1;
}

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

.blog-profile .image-profile {
	position      : relative;
	width         : 55px;
	height        : 55px;
	overflow      : hidden;
	border-radius : 50%;
}

.blog-profile .image-profile img {
	-webkit-transition : 0.5s ease;
	transition         : 0.5s ease;
	width              : 100%;
	height             : auto;
	-o-object-fit      : cover;
	object-fit         : cover;
}

.blog-profile .image-name {
	margin-left : 15px;
}

[dir="rtl"] .blog-profile .image-name {
	margin-left  : unset;
	margin-right : 15px;
}

.blog-profile .image-name .text-weight h6 {
	font-weight : 300;
}

.blog-profile .image-name h3 {
	position      : relative;
	font-size     : calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight   : 500;
	margin-bottom : 4px;
}

.blog-profile .image-name h6 {
	color     : #6c757d;
	font-size : calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.search-section .search-bar .input-group {
	width  : 50%;
	margin : 26px auto 110px;
}

.search-section .search-bar button {
	padding          : 15px 35px;
	background-color : var(--theme-color);
	color            : #ffffff;
	border           : 1px solid var(--theme-colors);
}

.search-section .search-bar button i {
	color : #ffffff;
}

.search-section .search-bar button.search-button {
	padding : 15px;
}

.search-section .search-bar input:focus {
	border-color : #ced4da;
}

/**=====================
       Social media css start
  ==========================**/
.social-media {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
}

.social-media.media-center {
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
}

.social-media a + a {
	margin-left : calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .social-media a + a {
	margin-left  : unset;
	margin-right : calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.social-media .social-icon-box {
	width             : calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
	height            : calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
	background-color  : #212529;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	border-radius     : 4px;
}

.social-media .social-icon-box + .social-meida {
	margin-left : calc(6px + (15 - 6) * ((100vw - 320px) / (1920 - 320)));
}

.social-media .social-icon-box.social-color {
	background-color : #eff2f7;
}

@media (max-width : 360px) {
	.social-media .social-icon-box.social-color {
		background-color : var(--theme-color);
	}
}

.social-media .social-icon-box.social-color i {
	color : #212529;
}

@media (max-width : 575px) {
	.social-media .social-icon-box.social-color i {
		font-size : 12px;
	}
}

@media (max-width : 360px) {
	.social-media .social-icon-box.social-color i {
		color : #ffffff;
	}
}

.social-media .social-icon-box i {
	color : #ffffff;
}

/**=====================
     Load more css start
  ==========================**/
.load-more {
	text-align : center;
	margin     : 40px auto 0;
	width      : 280px;
}

.load-more a {
	font-size      : 18px;
	text-transform : uppercase;
	display        : block;
	padding        : 10px 0;
	border-top     : 1px solid #dddddd;
	border-bottom  : 1px solid #dddddd;
	width          : 100%;
	color          : var(--theme-color);
}

.product-load-more .col-grid-box {
	display : none;
}

/**=====================
       Log In page Css Start
  ==========================**/
.login-section {
	min-height        : 100vh;
	position          : relative;
	background        : #f0f3f8;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	padding           : calc(30px + (50 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.login-section .materialContainer {
	width             : 100%;
	max-width         : 460px;
	position          : relative;
	top               : 0;
	left              : 0;
	-webkit-transform : translate(0);
	transform         : translate(0);
}

@media (max-width : 575px) {
	.login-section .materialContainer {
		margin-top : -120px
	}
}

.login-section .materialContainer .box {
	position          : relative;
	top               : 0;
	opacity           : 1;
	float             : left;
	padding           : calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320))) calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
	width             : 100%;
	background        : #ffffff;
	border-radius     : 10px;
	-webkit-transform : scale(1);
	transform         : scale(1);
	z-index           : 5;
}

.login-section .materialContainer .box.back {
	-webkit-transform : scale(0.95);
	transform         : scale(0.95);
	top               : -20px;
	opacity           : 0.8;
	z-index           : -1;
}

.login-section .materialContainer .box:before {
	content           : "";
	position          : absolute;
	width             : 100%;
	height            : 30px;
	border-radius     : 10px;
	top               : -10px;
	background-color  : rgba(255, 255, 255, 0.6);
	left              : 0;
	-webkit-transform : scale(0.95);
	transform         : scale(0.95);
}

.login-section .materialContainer .login-title {
	width       : 100%;
	line-height : 46px;
	font-size   : 34px;
	font-weight : 700;
	color       : var(--theme-color);
	position    : relative;
}

.login-section .materialContainer .login-title:before {
	content    : "";
	position   : absolute;
	width      : 5px;
	height     : 100%;
	top        : 0;
	left       : calc(-10px + (-10 - 10) * ((100vw - 320px) / (1920 - 320)));
	background : var(--theme-color);
}

[dir="rtl"] .login-section .materialContainer .login-title:before {
	left  : unset;
	right : calc(-10px + (-10 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.login-section .materialContainer .login-title h2 {
	font-size   : calc(20px + (28 - 27) * ((100vw - 320px) / (1920 - 320)));
	margin-left : calc(10px + (0 - 10) * ((100vw - 320px) / (1920 - 320)));
	margin-top  : -2px;
}

.login-section .materialContainer .social-media {
	padding            : 12px calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
	border-radius      : 4px;
	-webkit-box-shadow : 0 0 10px rgba(199, 199, 197, 0.6);
	box-shadow         : 0 0 10px rgba(199, 199, 197, 0.6);
	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;
}

.login-section .materialContainer .social-media svg {
	color : #ffffff;
	fill  : #ffffff;
}

.login-section .materialContainer .social-media h6 {
	margin-left   : 20px;
	margin-bottom : -2px;
	color         : #ffffff;
}

[dir="rtl"] .login-section .materialContainer .social-media h6 {
	margin-left  : 0;
	margin-right : 20px;
}

.login-section .materialContainer .social-media img {
	width : calc(8% + (18 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.login-section .materialContainer .social-media.fb-media {
	background-color : #4ed472;
}

.login-section .materialContainer .social-media.fb-media h6 {
	color       : #ffffff;
	font-size   : 17px;
	font-weight : lighter
}

.login-section .materialContainer .social-media.google-media {
	color : #000000;
}

.login-section .materialContainer .social-media.google-media h6 {
	font-size : 18px;
	color     : #000000;
}

.login-section .materialContainer p {
	width         : 100%;
	float         : left;
	text-align    : center;
	color         : rgba(33, 37, 41, 0.4);
	font-size     : calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));
	margin-top    : calc(17px + (23 - 17) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom : 0;
}

.login-section .materialContainer p.pass-or {
	margin-top : calc(4px + (12 - 4) * ((100vw - 320px) / (1920 - 320)));
}

.login-section .materialContainer .input {
	-webkit-transition : 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition         : 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.login-section .materialContainer .input label,
.login-section .materialContainer .input input,
.login-section .materialContainer .input .spin {
	-webkit-transition : 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition         : 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.login-section .materialContainer .button {
	-webkit-transition : 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition         : 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.login-section .materialContainer .button button .button.login button i.fa {
	-webkit-transition : 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition         : 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.login-section .materialContainer .material-button .shape:before,
.login-section .materialContainer .material-button .shape:after {
	-webkit-transition : 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition         : 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.login-section .materialContainer .button.login button {
	-webkit-transition : 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition         : 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.login-section .materialContainer .material-button,
.login-section .materialContainer .alt-2,
.login-section .materialContainer .material-button .shape,
.login-section .materialContainer .alt-2 .shape,
.login-section .materialContainer .box {
	-webkit-transition : 400ms cubic-bezier(0.4, 0, 0.2, 1);
	transition         : 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.login-section .materialContainer .input {
	width : 100%;
	float : left;
}

.login-section .materialContainer .input label,
.login-section .materialContainer .input input,
.login-section .materialContainer .input .spin {
	width : 100%;
	float : left;
}

.login-section .materialContainer .button {
	width : 100%;
	float : left;
}

.login-section .materialContainer .button button {
	width : 100%;
	float : left;
}

.login-section .materialContainer .input {
	margin-top : calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
	height     : 70px;
}

.login-section .materialContainer .input {
	position : relative;
}

.login-section .materialContainer .input input {
	position : relative;
}

.login-section .materialContainer .button {
	position : relative;
}

.login-section .materialContainer .button button {
	position : relative;
}

.login-section .materialContainer .input input {
	height      : 60px;
	top         : 10px;
	border      : none;
	background  : transparent;
	font-family : "iranyekan", sans-serif;
	font-size   : 18px;
	color       : #212529;
	font-weight : 300;
}

.login-section .materialContainer .input label {
	font-family : "iranyekan", sans-serif;
	font-size   : calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	color       : rgba(33, 37, 41, 0.8);
	font-weight : 300;
}

.login-section .materialContainer .input label.email-label {
	font-size : calc(15px + (24 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.login-section .materialContainer .button button {
	font-family : "iranyekan", sans-serif;
	font-size   : 24px;
	color       : rgba(33, 37, 41, 0.8);
	font-weight : 300;
}

.login-section .materialContainer .input:before,
.login-section .materialContainer .input .spin {
	width    : 100%;
	height   : 1px;
	position : absolute;
	bottom   : 0;
	left     : 0;
}

[dir="rtl"] .login-section .materialContainer .input:before,
[dir="rtl"] .login-section .materialContainer .input .spin {
	left  : unset;
	right : 0;
}

.login-section .materialContainer .input:before {
	content    : "";
	background : rgba(33, 37, 41, 0.15);
	z-index    : 3;
}

.login-section .materialContainer .input .spin {
	background : var(--theme-color);
	z-index    : 4;
	width      : 0;
}

.login-section .materialContainer .overbox .input .spin {
	background : #ffffff;
}

.login-section .materialContainer .overbox .input:before {
	background : rgba(255, 255, 255, 0.5);
}

.login-section .materialContainer .input label {
	position    : absolute;
	top         : 10px;
	left        : 0;
	z-index     : 2;
	cursor      : pointer;
	line-height : 60px;
	color       : #777777;
}

.login-section .materialContainer .button {
	margin-top : 20px;
	margin     : calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
	overflow   : hidden;
	z-index    : 2;
}

.login-section .materialContainer .button.button-1 {
	margin-bottom : 0;
}

.login-section .materialContainer .button.login button {
	width            : 100%;
	left             : 0%;
	background-color : var(--theme-color);
	border           : 1px solid var(--theme-color);
	font-weight      : lighter;
	font-size        : 17px;
	color            : #ffffff;
	padding          : calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
	border-radius    : 4px;
}

.login-section .materialContainer .button.login button span {
	display    : block;
	margin-top : -3px;
}

.login-section .materialContainer .button button {
	width            : 100%;
	left             : 0%;
	background-color : transparent;
	border           : 1px solid rgba(33, 37, 41, 0.1);
	font-weight      : 900;
	font-size        : 18px;
	color            : rgba(33, 37, 41, 0.2);
	padding          : calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.login-section .materialContainer .button button {
	background-color : #ffffff;
	color            : var(--theme-color);
	border           : none;
}

.login-section .materialContainer .button.login button.active {
	border           : 1px solid transparent;
	color            : #ffffff !important;
	background-color : var(--theme-color);
}

.login-section .materialContainer .button.login button.active span {
	opacity           : 0;
	-webkit-transform : scale(0);
	transform         : scale(0);
	display           : none;
}

.login-section .materialContainer .button.login button.active i.fa {
	opacity           : 1;
	-webkit-transform : scale(1) rotate(0deg);
	transform         : scale(1) rotate(0deg);
	display           : block;
}

.login-section .materialContainer .button.login button i.fa {
	width             : 100%;
	height            : 100%;
	position          : relative;
	top               : 0;
	left              : 0;
	font-size         : 18px;
	-webkit-transform : scale(0) rotate(-45deg);
	transform         : scale(0) rotate(-45deg);
	display           : none;
}

.login-section .materialContainer .button button {
	cursor   : pointer;
	position : relative;
	z-index  : 2;
}

.login-section .materialContainer .pass-forgot {
	width      : 100%;
	float      : right;
	text-align : right;
	color      : rgba(33, 37, 41, 0.4);
	font-size  : calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));
	margin     : 10px auto 0;
}

.login-section .materialContainer .pass-forgot:hover {
	color : var(--theme-color);
}

.login-section .materialContainer .sign-category {
	width      : 100%;
	text-align : center;
	color      : rgba(33, 37, 41, 0.4);
	font-size  : calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
	margin     : 10px auto;
	position   : relative;
}

.login-section .materialContainer .sign-category span {
	background-color : #ffffff;
	z-index          : 1;
	padding          : 0 12px;
}

.login-section .materialContainer .sign-category::after {
	content           : "";
	position          : absolute;
	top               : 50%;
	-webkit-transform : translateY(-50%);
	transform         : translateY(-50%);
	left              : 0;
	width             : 100%;
	height            : 1px;
	color             : rgba(33, 37, 41, 0.2);
	z-index           : -1;
}

.login-section .materialContainer .overbox {
	width         : 100%;
	height        : 100%;
	position      : absolute;
	top           : 0;
	left          : 0;
	overflow      : inherit;
	border-radius : 10px;
	padding       : 60px 50px 40px 50px;
}

.login-section .materialContainer .overbox .login-title,
.login-section .materialContainer .overbox .button,
.login-section .materialContainer .overbox .input {
	z-index  : 111;
	position : relative;
	color    : #ffffff !important;
	display  : none;
}

.login-section .materialContainer .overbox .login-title {
	width : 80%;
}

.login-section .materialContainer .overbox .input {
	margin-top : 20px;
}

.login-section .materialContainer .overbox .input input,
.login-section .materialContainer .overbox .input label {
	color : #ffffff;
}

.login-section .materialContainer .overbox .material-button,
.login-section .materialContainer .overbox .alt-2 {
	display : block;
}

.login-section .materialContainer .overbox .material-button .shape,
.login-section .materialContainer .overbox .alt-2 .shape {
	display : block;
}

.login-section .materialContainer .material-button,
.login-section .materialContainer .alt-2 {
	width             : 140px;
	height            : 140px;
	border-radius     : 50%;
	background        : var(--theme-color);
	position          : absolute;
	top               : 40px;
	right             : -70px;
	cursor            : pointer;
	z-index           : 100;
	-webkit-transform : translate(0%, 0%);
	transform         : translate(0%, 0%);
}

.login-section .materialContainer .material-button .shape,
.login-section .materialContainer .alt-2 .shape {
	position : absolute;
	top      : 0;
	right    : 0;
	width    : 100%;
	height   : 100%;
}

.login-section .materialContainer .material-button .shape:before,
.login-section .materialContainer .alt-2 .shape:before,
.login-section .materialContainer .material-button .shape:after,
.login-section .materialContainer .alt-2 .shape:after {
	content           : "";
	position          : absolute;
	background        : #ffffff;
	top               : 50%;
	left              : 50%;
	-webkit-transform : translate(-50%, -50%);
	transform         : translate(-50%, -50%);
}

.login-section .materialContainer .material-button .shape:before,
.login-section .materialContainer .alt-2 .shape:before {
	width  : 25px;
	height : 4px;
}

.login-section .materialContainer .material-button .shape:after,
.login-section .materialContainer .alt-2 .shape:after {
	height : 25px;
	width  : 4px;
}

.login-section .materialContainer .material-button.active,
.login-section .materialContainer .alt-2.active {
	top               : 50%;
	right             : 50%;
	-webkit-transform : translate(50%, -50%) rotate(0deg);
	transform         : translate(50%, -50%) rotate(0deg);
}

/**=====================
       Contact Page Css Start
  ==========================**/
.contact-section .materialContainer {
	width             : 100%;
	position          : relative;
	top               : 0;
	left              : 0;
	-webkit-transform : translate(0);
	transform         : translate(0);
}

.contact-section .materialContainer .material-details h2 {
	margin-top : -5px;
	font-size  : 24px;
}

.contact-section .materialContainer .material-details h4 {
	margin-top  : 10px;
	font-weight : 400;
	color       : #78909c;
	line-height : 1.5;
	font-size   : calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.contact-section .materialContainer .box {
	position          : relative;
	top               : 0;
	opacity           : 1;
	float             : left;
	width             : 100%;
	background        : #ffffff;
	border-radius     : 10px;
	-webkit-transform : scale(1);
	transform         : scale(1);
	z-index           : 5;
}

.contact-section .materialContainer .input {
	-webkit-transition : 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition         : 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-section .materialContainer .input label,
.contact-section .materialContainer .input input,
.contact-section .materialContainer .input textarea,
.contact-section .materialContainer .input .spin {
	-webkit-transition : 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition         : 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-section .materialContainer .input {
	margin-top : calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
	height     : 70px;
}

.contact-section .materialContainer .input {
	position : relative;
}

.contact-section .materialContainer .input input {
	position : relative;
}

.contact-section .materialContainer .input textarea {
	position : relative;
	width    : 100%;
}

.contact-section .materialContainer .input input,
.contact-section .materialContainer .input textarea {
	height      : 60px;
	top         : 10px;
	border      : none;
	background  : transparent;
	font-family : "iranyekan", sans-serif;
	font-size   : 18px;
	color       : rgba(33, 37, 41, 0.8);
	font-weight : 300;
}

.contact-section .materialContainer .input label {
	font-family : "iranyekan", sans-serif;
	font-size   : calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
	color       : rgba(33, 37, 41, 0.8);
	font-weight : 300;
}

.contact-section .materialContainer .input label.email-label {
	font-size : calc(15px + (24 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.contact-section .materialContainer .input:before,
.contact-section .materialContainer .input .spin {
	width    : 100%;
	height   : 1px;
	position : absolute;
	bottom   : 0;
	left     : 0;
}

.contact-section .materialContainer .input:before {
	content    : "";
	background : rgba(33, 37, 41, 0.1);
	z-index    : 3;
}

.contact-section .materialContainer .input .spin {
	background : var(--theme-color);
	z-index    : 4;
	width      : 0;
}

.contact-section .materialContainer .input label {
	position    : absolute;
	top         : 10px;
	left        : 0;
	z-index     : 2;
	cursor      : pointer;
	line-height : 60px;
	color       : #78909c;
}

.contact-section .location-map iframe {
	width         : 100%;
	height        : calc(200px + (340 - 200) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom : -6px;
}

.contact-section .contact-details {
	background-color  : #eff2f7;
	height            : 100%;
	padding           : calc(21px + (30 - 21) * ((100vw - 320px) / (1920 - 320)));
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.contact-section .contact-details h1 {
	font-weight   : 500;
	margin-top    : -3px;
	margin-bottom : 10px;
	font-size     : 24px
}

.contact-section .contact-details h5 {
	font-weight   : 400;
	margin-bottom : 30px;
}

.contact-section .contact-details .contact-box {
	margin-top        : 25px;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : start;
	-ms-flex-align    : start;
	align-items       : flex-start;
}

.contact-section .contact-details .contact-box .contact-title {
	width : 100%;
}

[dir="rtl"] .contact-section .contact-details .contact-box .contact-title {
	margin-left  : unset;
	margin-right : calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width : 991px) {
	.contact-section .contact-details .contact-box .contact-title {
		width : 100%
	}
}

.contact-section .contact-details .contact-box .contact-title h4 {
	margin-bottom : 10px;
	font-weight   : 500;
}

.contact-section .contact-details .contact-box .contact-title p {
	margin-bottom : 0;
	line-height   : 26px;
}

.contact-section .contact-details .contact-box .contact-title p + p {
	margin-top    : 0;
	margin-bottom : -2px;
}

.contact-section .contact-details .contact-box .contact-icon {
	width             : calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
	height            : calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
	border-radius     : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	position          : relative;
	overflow          : hidden;
}

.contact-section .contact-details .contact-box .contact-icon .feather {
	width  : calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
	stroke : var(--theme-color);
}

.contact-section .contact-details .contact-box .contact-icon:after {
	content          : "";
	position         : absolute;
	width            : 100%;
	height           : 100%;
	left             : 0;
	top              : 0;
	background-color : var(--theme-color);
	opacity          : 0.12;
	border-radius    : 100%;
}

/**=====================
       FAQ Page Css Start
  ==========================**/
.search-title {
	margin-bottom : calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
	text-align    : center;
}

.search-title h1 {
	font-size      : calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
	font-weight    : 500;
	display        : block;
	margin-top     : -10px;
	text-transform : none;
}

.faq-section {
	margin-top : -160px;
}

.faq-section .faq-contain {
	text-align         : center;
	padding            : calc(22px + (40 - 22) * ((100vw - 320px) / (1920 - 320)));
	border-radius      : 10px;
	height             : 100%;
	-webkit-transition : 0.5s ease;
	transition         : 0.5s ease;
	z-index            : 1;
	background-color   : #ffffff;
	-webkit-box-shadow : 0 8px 40px 0 rgba(33, 37, 41, 0.1);
	box-shadow         : 0 8px 40px 0 rgba(33, 37, 41, 0.1);
}

.faq-section .faq-contain .faq-image {
	width             : 60px;
	height            : 60px;
	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;
	margin            : 0 auto;
}

.faq-section .faq-contain .faq-image img {
	-o-object-fit : contain;
	object-fit    : contain;
}

.faq-section .faq-contain h2 {
	margin-top  : calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-size   : calc(18px + (22 - 20) * ((100vw - 320px) / (1920 - 320)));
	font-weight : 500;
	color       : #212529;
}

.faq-section .faq-contain h5 {
	color         : #7e7e7e;
	font-weight   : 300;
	margin-top    : 10px;
	line-height   : 1.6;
	margin-bottom : -2px;
	margin        : 0 auto -2px;
}

.faq-details .faq-link-box {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : start;
	-ms-flex-align    : start;
	align-items       : flex-start;
	position          : sticky;
	top               : 30px;
}

.faq-details .faq-link-box ul li {
	display : block;
}

.faq-details .faq-link-box a {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : start;
	-ms-flex-align    : start;
	align-items       : flex-start;
	position          : relative;
	padding-bottom    : 12px;
	padding-top       : 12px;
	color             : #212529;
}

.faq-details .faq-link-box a:after {
	content          : "";
	position         : absolute;
	width            : 100%;
	height           : 1px;
	bottom           : 0;
	left             : 0;
	background-color : rgba(120, 144, 174, 0.23);
}

@media (max-width : 575px) {
	.faq-details .faq-link-box a:after {
		opacity : 0;
	}
}

.faq-details .faq-link-box a h4 {
	font-weight : 200;
	font-size   : calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	margin-top  : 0 !important;
}

.faq-details .faq-link-box a h5 {
	font-size   : calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
	font-weight : 200;
	margin-left : 10px;
}

[dir="rtl"] .faq-details .faq-link-box a h5 {
	margin-left  : 0;
	margin-right : 10px;
}

.faq-details .faq-link-box a + a {
	margin-top : 15px;
}

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

.faq-heading + .faq-heading {
	margin-top : calc(30px + (45 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.faq-heading .feather {
	width      : calc(20px + (22 - 20) * ((100vw - 320px) / (1920 - 320)));
	height     : auto;
	margin-top : -3px;
}

.faq-heading .faq-option {
	margin-left : 10px;
	width       : calc(100% - 0px);
}

[dir="rtl"] .faq-heading .faq-option {
	margin-left  : 0;
	margin-right : 10px;
}

.faq-heading .faq-option h3 {
	font-size     : calc(14px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight   : 400;
	margin-top    : -5px;
	margin-bottom : 0;
	line-height   : 1.5;
}

.faq-heading .faq-option h6 {
	font-size     : calc(12px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height   : 1.6;
	margin-bottom : -4px;
	margin-top    : 10px;
}

/**=====================
       Review Page Css Start
  ==========================**/
.review-section .review-box {
	position           : relative;
	padding            : calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
	background-color   : #ffffff;
	-webkit-box-shadow : 0 0 8px rgba(33, 37, 41, 0.08);
	box-shadow         : 0 0 8px rgba(33, 37, 41, 0.08);
	border-radius      : 7px;
	-webkit-transition : 0.5s ease;
	transition         : 0.5s ease;
	overflow           : hidden;
}

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

.review-section .review-box:hover .review-image .fa-quote-left {
	opacity : 0.04;
}

.review-section .review-box:hover .review-image .fa-quote-right {
	opacity : 0.04;
}

.review-section .review-box .review-image {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.review-section .review-box .review-image .fa-quote-left {
	font-size          : 170px;
	position           : absolute;
	top                : -27px;
	left               : -12px;
	-webkit-transform  : rotate(-9deg);
	transform          : rotate(-9deg);
	color              : var(--theme-color);
	opacity            : 0.03;
	-webkit-transition : 0.5s ease;
	transition         : 0.5s ease;
}

.review-section .review-box .review-image .fa-quote-right {
	font-size          : 170px;
	position           : absolute;
	bottom             : -27px;
	right              : -12px;
	-webkit-transform  : rotate(-9deg);
	transform          : rotate(-9deg);
	color              : var(--theme-color);
	opacity            : 0.03;
	-webkit-transition : 0.5s ease;
	transition         : 0.5s ease;
}

.review-section .review-box .review-image .review-profile {
	position      : relative;
	width         : calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
	height        : calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
	overflow      : hidden;
	border-radius : 50%;
}

.review-section .review-box .review-image .review-profile img {
	-webkit-transition : 0.5s ease;
	transition         : 0.5s ease;
	width              : 100%;
	-o-object-fit      : cover;
	object-fit         : cover;
}

.review-section .review-box .review-image .rating {
	margin-top : 0;
}

.review-section .review-box .review-image .rating .fa-star {
	font-size : 14px;
}

.review-section .review-box .review-image .image-name {
	margin-left : calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .review-section .review-box .review-image .image-name {
	margin-left  : 0;
	margin-right : calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
}

.review-section .review-box .review-image .image-name h3 {
	position    : relative;
	font-size   : calc(13px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight : normal;
	margin      : 0 0 4px;
}

.review-section .review-box .review-image .image-name p {
	color         : #6c757d;
	margin-bottom : -3px;
	font-size     : calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.review-section .review-box .review-name p {
	margin-top      : -4px;
	margin-bottom   : 0;
	color           : #555555;
	line-height     : 1.5;
	font-size       : 13px;
	font-weight     : lighter;
	direction       : rtl;
	margin-bottom   : 20px;
	-webkit-hyphens : auto;
	-ms-hyphens     : auto;
	hyphens         : auto;
	text-align      : justify;
	word-break      : normal;
	line-height     : 1.6;
}

.review-section .review-box .review-name p + p {
	margin : 20px 0;
}

/**=====================
       Pagination Css Start
  ==========================**/
.page-section {
	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;
	text-align        : center;
	margin-top        : 50px;
}

.page-section .pagination {
	margin-bottom : 0;
}

[dir="rtl"] .page-section .pagination .page-item .page-link span i {
	-webkit-transform : rotate(-180deg);
	transform         : rotate(-180deg);
}

.page-section .pagination .page-item + .page-item {
	margin-left : 10px;
}

[dir="rtl"] .page-section .pagination .page-item + .page-item {
	margin-left  : unset;
	margin-right : 10px;
}

.page-section .pagination .page-item.active .page-link {
	border-radius    : 5px;
	background-color : var(--theme-color);
	color            : #ffffff;
	font-weight      : 600;
	z-index          : 0;
}

.page-section .pagination .page-item .page-link {
	border           : 1px solid transparent;
	color            : var(--theme-color);
	border-radius    : 5px;
	background-color : #ffffff;
}

.page-section .pagination .page-item .page-link:hover {
	background-color : #eff2f7;
	color            : var(--theme-color);
}

.page-section .pagination .page-item .page-link:focus {
	background-color   : transparent;
	-webkit-box-shadow : none;
	box-shadow         : none;
}

/**=====================
       Cart Page Scss Start
  ==========================**/
.wish-list-section.table-dashboard thead tr th {
	padding : 16px 12px;
}

.wish-list-section.table-dashboard tbody tr td {
	padding : 16px;
}

.wish-list-section .count-down {
	margin-bottom     : 20px;
	background        : #f0f3f8;
	padding           : 10px;
	margin-bottom     : 25px;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	color             : #212529;
}

@media (max-width : 767px) {
	.wish-list-section .count-down {
		display    : block;
		text-align : center;
	}
}

.wish-list-section .count-down h5 {
	margin-right : 10px;
}

@media (max-width : 767px) {
	.wish-list-section .count-down h5 {
		margin-right : 0;
	}
}

.wish-list-section.shopping-button {
	display : block;
}

.wish-list-section.shopping-button .fas {
	margin-right : 10px;
}

.table tbody + tbody {
	border-top : none;
}

.cart-buttons {
	padding-top : 35px;
}

.cart-buttons > div:last-child {
	text-align    : right;
	padding-right : 59px;
	padding-right : 38px;
}

@media (max-width : 767px) {
	.wishlist-table thead tr th:nth-child(n + 3) {
		display : none;
	}
}

@media (max-width : 767px) {
	.wishlist-table tbody tr td:nth-child(n + 3) {
		display : none;
	}
	
	.wishlist-table tbody tr td .mobile-cart-content .col {
		-webkit-box-pack : center;
		-ms-flex-pack    : center;
		justify-content  : center;
	}
}

.cart-table {
	overflow      : hidden;
	margin-bottom : 0;
}

.cart-table thead th {
	border-bottom-width : 1px;
	font-weight         : 600;
	color               : #212529;
	text-transform      : uppercase;
	font-size           : 14px;
	border-top          : 0;
	text-align          : center;
	padding             : 12px;
	border-bottom       : 1px solid #eff2f7 !important;
	background-color    : #eff2f7;
}

.cart-table tbody h2 {
	margin-bottom : 0;
}

.cart-table tbody tr td {
	vertical-align : middle;
	color          : #777777;
	border-top     : 0;
	border-bottom  : 1px solid #eff2f7 !important;
	text-align     : center;
	padding        : 14px 8px;
}

.cart-table tbody tr td a {
	white-space    : nowrap;
	font-weight    : 400;
	font-size      : 14px;
	text-transform : capitalize;
	margin-bottom  : 0;
	display        : inline-block;
}

.cart-table tbody tr td a.icon {
	background-color : #eff2f7;
	border           : 1px solid #eff2f7;
	margin           : 0 5px;
}

@media (max-width : 767px) {
	.cart-table tbody tr td a.icon {
		margin : 0;
	}
}

.cart-table tbody tr td a.icon:hover .fas {
	color : var(--theme-color);
}

.cart-table tbody tr td a.icon .fas {
	width             : calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
	height            : calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
	font-size         : calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	border-radius     : 3px;
}

.cart-table tbody tr td a img {
	height : 70px;
}

.cart-table tbody tr td p {
	color          : #212529;
	white-space    : nowrap;
	font-weight    : 400;
	font-size      : 14px;
	text-transform : capitalize;
	margin-bottom  : 0;
}

.cart-table tbody tr td p img {
	height : 90px;
}

.cart-table tbody tr td .td-color {
	color : var(--theme-deafult);
}

.cart-table tbody tr td h2 {
	font-size   : 20px;
	color       : #212529;
	font-weight : 400;
}

.cart-table tbody tr td .mobile-cart-content {
	display          : none;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	margin-top       : 10px;
}

@media (max-width : 767px) {
	.cart-table tbody tr td .mobile-cart-content {
		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;
		-ms-flex-wrap     : nowrap;
		flex-wrap         : nowrap;
	}
}

.cart-table tbody tr td .mobile-cart-content .qty-box {
	border-radius : 5px;
}

.cart-table tbody tr td .mobile-cart-content .qty-box .input-group .form-control {
	width   : 48px;
	padding : 6px;
}

.cart-table tbody tr td .mobile-cart-content .col {
	-ms-flex-item-align : center;
	align-self          : center;
	margin              : 10px 0;
}

@media (max-width : 767px) {
	.cart-table tbody tr td .mobile-cart-content .col {
		margin      : 0;
		display     : -webkit-box;
		display     : -ms-flexbox;
		display     : flex;
		white-space : nowrap;
	}
}

.cart-table tbody tr td .mobile-cart-content h2 {
	font-size   : 20px;
	margin-left : 10px;
}

.cart-table tbody tr td .qty-box .input-group {
	display : block;
}

.cart-table tbody tr td .qty-box .input-group .form-control {
	width      : 75px;
	margin     : 0 auto;
	text-align : center;
}

tfoot tr th {
	padding-top : 35px;
	text-align  : right;
}

tfoot tr td {
	padding-top    : 35px;
	padding-bottom : 0;
	text-align     : right;
	border         : none;
	padding-right  : 63px;
	padding-right  : 41px;
}

tfoot tr td h2 {
	font-size     : 20px;
	margin-bottom : 0;
	font-weight   : 400;
	text-align    : center;
}

tfoot tr td:first-child {
	width          : 85%;
	font-size      : 15px;
	padding-right  : 10px;
	text-transform : capitalize;
	font-weight    : 700;
}

.left-side-button {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.left-side-button a {
	border-radius : 5px;
}

.left-side-button a i {
	margin-right : 6px;
}

@media (max-width : 767px) {
	.left-side-button {
		text-align : center;
	}
}

@media (max-width : 767px) {
	.left-side-button .shopping-button {
		width      : 100%;
		text-align : center;
	}
}

.cart-section .count-down {
	margin-bottom     : 5px;
	padding           : 0;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	color             : #212529;
}

@media (max-width : 767px) {
	.cart-section .count-down {
		display    : block;
		text-align : center;
	}
}

.cart-section .count-down h5 {
	margin-right : 10px;
}

[dir="rtl"] .cart-section .count-down h5 {
	margin-right : unset;
	margin-left  : 10px;
}

@media (max-width : 767px) {
	.cart-section .count-down h5 {
		margin-right  : 0;
		margin-bottom : 13px;
	}
}

.cart-section .table tbody + tbody {
	border-top : none;
}

.cart-section .cart-buttons {
	padding-top : 35px;
}

.cart-section .cart-buttons > div:last-child {
	text-align    : right;
	padding-right : 59px;
	padding-right : 38px;
}

.cart-section .cart-table {
	overflow      : hidden;
	margin-bottom : 0;
}

.cart-section .cart-table thead th {
	border-bottom-width : 1px;
	font-weight         : 600;
	color               : #212529;
	text-transform      : uppercase;
	font-size           : 15px;
	border-top          : 0;
	text-align          : center;
	border-bottom       : 1px solid #eff2f7 !important;
	padding             : 12px;
	background-color    : #eff2f7;
}

@media (max-width : 767px) {
	.cart-section .cart-table thead th:nth-last-child(-n + 4) {
		display : none;
	}
}

.cart-section tbody h2 {
	margin-bottom : 0;
}

.cart-section tbody tr.table-order td {
	min-width : 150px;
}

.cart-section tbody tr td {
	vertical-align : middle;
	color          : #212529;
	border-top     : 0;
	border-bottom  : 1px solid #c7c7c5 !important;
	text-align     : center;
	min-width      : 175px;
}

@media (max-width : 767px) {
	.cart-section tbody tr td:nth-last-child(-n + 4) {
		display : none;
	}
}

.cart-section tbody tr td a {
	color          : #7e7e7e;
	font-weight    : 400;
	font-size      : 14px;
	text-transform : capitalize;
	margin-bottom  : 0;
}

.cart-section tbody tr td a.icon {
	border        : 1px solid rgba(169, 169, 169, 0.5);
	padding       : 10px 15px;
	border-radius : 3px;
}

.cart-section tbody tr td a img {
	height : 80px;
}

.cart-section tbody tr td p {
	color          : #777777;
	font-weight    : 400;
	font-size      : 14px;
	text-transform : capitalize;
	margin-bottom  : 0;
}

.cart-section tbody tr td p img {
	height : 90px;
}

.cart-section tbody tr td .td-color {
	color : var(--theme-deafult);
}

.cart-section tbody tr td h2 {
	font-size   : 20px;
	color       : var(--theme-color);
	font-weight : 400;
}

.cart-section tbody tr td .mobile-cart-content {
	display          : none;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	margin-top       : 10px;
}

@media (max-width : 767px) {
	.cart-section tbody tr td .mobile-cart-content {
		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;
		-ms-flex-wrap     : nowrap;
		flex-wrap         : nowrap;
	}
}

.cart-section tbody tr td .mobile-cart-content .qty-box {
	border-radius : 5px;
}

.cart-section tbody tr td .mobile-cart-content .qty-box .input-group .form-control {
	width   : 48px;
	padding : 6px;
}

.cart-section tbody tr td .mobile-cart-content .col {
	-ms-flex-item-align : center;
	align-self          : center;
	margin              : 10px 0;
}

@media (max-width : 767px) {
	.cart-section tbody tr td .mobile-cart-content .col {
		margin  : 0;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
}

.cart-section tbody tr td .mobile-cart-content h2 {
	font-size : 20px;
}

.cart-section tbody tr td .qty-box .input-group {
	display : block;
}

.cart-section tbody tr td .qty-box .input-group .form-control {
	width      : 75px;
	margin     : 0 auto;
	text-align : center;
	padding    : 5px;
	height     : 50px;
}

.cart-section tfoot tr th {
	padding-top : 35px;
	text-align  : right;
}

.cart-section tfoot tr td {
	padding-top    : 35px;
	padding-bottom : 0;
	text-align     : right;
	border         : none;
	padding-right  : 63px;
	padding-right  : 41px;
}

.cart-section tfoot tr td h2 {
	font-size     : 20px;
	margin-bottom : 0;
	font-weight   : 400;
	text-align    : center;
}

.cart-section tfoot tr td:first-child {
	width          : 85%;
	font-size      : 15px;
	padding-right  : 10px;
	text-transform : capitalize;
	font-weight    : 700;
}

.cart-section .left-side-button {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

[dir="rtl"] .cart-section .left-side-button a i {
	-webkit-transform : rotate(180deg);
	transform         : rotate(180deg);
}

@media (max-width : 767px) {
	.cart-section .left-side-button {
		text-align : center;
	}
}

@media (max-width : 767px) {
	.cart-section .left-side-button .shopping-button {
		width      : 100%;
		text-align : center;
	}
}

.cart-section .cart-checkout-section {
	margin-top : 30px;
}

.cart-section .cart-checkout-section .promo-section .input-group {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.cart-section .cart-checkout-section .promo-section .input-group .form-control {
	padding : 12px 20px;
}

.cart-section .cart-checkout-section .checkout-button {
	text-align : right;
}

[dir="rtl"] .cart-section .cart-checkout-section .checkout-button {
	text-align : left;
}

.cart-section .cart-checkout-section .checkout-button a {
	border-radius : 5px;
}

.cart-section .cart-checkout-section .cart-box {
	background-color : #eff2f7;
	border-radius    : 10px;
	overflow         : hidden;
	padding          : 0;
}

.cart-section .cart-checkout-section .cart-box label {
	font-weight    : 500;
	margin-bottom  : 8px;
	text-transform : capitalize;
}

.cart-section .cart-checkout-section .cart-box .cart-box-details .total-details span {
	float : right;
}

[dir="rtl"] .cart-section .cart-checkout-section .cart-box .cart-box-details .total-details span {
	float : left;
}

.cart-section .cart-checkout-section .cart-box .cart-box-details .total-details .top-details {
	border-bottom : 1px solid #c7c7c5;
	padding       : 22px;
	margin-bottom : 0;
}

.cart-section .cart-checkout-section .cart-box .cart-box-details .total-details .top-details h3 {
	margin-bottom : 10px;
	color         : #212529;
}

.cart-section .cart-checkout-section .cart-box .cart-box-details .total-details .top-details h6 {
	line-height : 1.9;
	color       : #212529;
}

.cart-section .cart-checkout-section .cart-box .cart-box-details .total-details .bottom-details a {
	background-color : var(--theme-color);
	width            : 100%;
	display          : block;
	padding          : 12px 0;
	text-align       : center;
	color            : #ffffff;
	font-weight      : 500;
}

/**=====================
       Checkout Page Scss Start
  ==========================**/
.your-cart-box {
	position : sticky;
	top      : 10px;
}

.your-cart-box .list-group .lh-condensed {
	padding          : 15px 25px;
	background-color : #ffffff;
}

.your-cart-box .list-group .lh-condensed.active {
	background   : #eff2f7;
	border-color : rgba(33, 37, 41, 0.125);
}

.your-cart-box .list-group .lh-condensed h6 {
	color : #212529;
}

.your-cart-box .list-group .lh-condensed small,
.your-cart-box .list-group .lh-condensed span,
.your-cart-box .list-group .lh-condensed strong {
	color : #7e7e7e;
}

.your-cart-box .list-group .card {
	border : none;
}

.your-cart-box .new-badge {
	border-radius     : 50% !important;
	padding           : 8px;
	line-height       : 0;
	font-size         : 13px;
	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;
	width             : 25px;
	height            : 25px;
}

.your-cart-box .custome-imput-group .form-control {
	padding : 6px 12px;
}

.custome-form-select {
	padding : 12px 20px;
}

.checkout-label {
	padding-top : 2px;
}

.custome-radio-box {
	margin-right : 10px;
}

[dir="rtl"] .custome-radio-box {
	margin-right : 0;
	margin-left  : 10px;
}

.custome-radio-box .form-check-input {
	-webkit-transition : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
	margin-top         : 2px;
	background-color   : #ffffff;
}

.custome-radio-box .form-check-input:checked {
	background-color : var(--theme-color);
	border-color     : var(--theme-color);
}

.custome-radio-box .form-check-input:active {
	-webkit-filter : none;
	filter         : none;
}

.custome-radio-box .form-check-input:focus {
	-webkit-box-shadow : none;
	box-shadow         : none;
}

hr {
	background-color : #6c757d;
}

/**=====================
       Order Success css Start
  ==========================**/
.success-icon {
	padding          : 40px 20px;
	background-color : #f0f3f8;
}

@media (max-width : 575px) {
	.success-icon {
		padding : 30px 20px;
	}
}

.success-icon .main-container {
	width             : 100%;
	height            : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	align-items       : center;
}

.success-icon .main-container .check-container svg {
	width                 : 80px;
	height                : 80px;
	fill                  : #39bf6a;
	display               : -webkit-box;
	display               : -ms-flexbox;
	display               : flex;
	-webkit-box-align     : center;
	-ms-flex-align        : center;
	align-items           : center;
	-webkit-box-pack      : justify;
	-ms-flex-pack         : justify;
	justify-content       : space-between;
	-webkit-box-orient    : vertical;
	-webkit-box-direction : normal;
	-ms-flex-flow         : column;
	flex-flow             : column;
	-webkit-animation     : mover 1s infinite alternate;
	animation             : mover 1s infinite alternate;
}

.success-icon .main-container .check-container .check-background {
	width              : 100%;
	height             : calc(100% - 20px);
	background         : -webkit-gradient(linear, left top, right bottom, from(#008000), to(#008000));
	background         : linear-gradient(to bottom right, #008000, #008000);
	-webkit-box-shadow : 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	box-shadow         : 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	-webkit-transform  : scale(0.84);
	transform          : scale(0.84);
	border-radius      : 50%;
	-webkit-animation  : animateContainer 0.75s ease-out forwards 0.75s;
	animation          : animateContainer 0.75s ease-out forwards 0.75s;
	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;
	opacity            : 0;
}

.success-icon .main-container .check-container .check-background svg {
	width             : 65%;
	-webkit-transform : translateY(4px);
	transform         : translateY(4px);
	stroke-dasharray  : 80;
	stroke-dashoffset : 80;
	-webkit-animation : animateCheck 0.35s forwards 1.25s ease-out;
	animation         : animateCheck 0.35s forwards 1.25s ease-out;
}

.success-icon .main-container .check-container .check-shadow {
	bottom            : calc(-15% - 5px);
	left              : 0;
	border-radius     : 50%;
	background        : radial-gradient(closest-side, #49da83, transparent);
	-webkit-animation : animateShadow 0.75s ease-out forwards 0.75s;
	animation         : animateShadow 0.75s ease-out forwards 0.75s;
}

.success-icon .success-contain {
	text-align : center;
}

.success-icon .success-contain h4 {
	color       : #39bf6a;
	font-size   : 30px;
	font-weight : 500;
}

.success-icon .success-contain h5 {
	margin    : 5px 0 10px;
	font-size : calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.success-icon .success-contain h6 {
}

.order-left-box {
	position   : relative;
	text-align : center;
}

.order-left-box:after {
	content          : "";
	position         : absolute;
	top              : 0;
	right            : 0;
	width            : 1px;
	height           : 100%;
	background-color : #dddddd;
}

.order-left-box:nth-child(4)::after {
	width : 0;
}

@media (max-width : 991px) {
	.order-left-box:nth-child(2)::after {
		width : 0;
	}
}

.order-details-table .table tbody {
	border-bottom : 1px solid #dddddd;
}

.order-details-table .table tbody tr td {
	padding       : 10px;
	text-align    : left;
	max-width     : 150px;
	border-bottom : none !important;
	color         : #7e7e7e;
}

[dir="rtl"] .order-details-table .table tbody tr td {
	text-align : right;
}

@media (max-width : 767px) {
	.order-details-table .table tbody tr td:nth-last-child(-n + 4) {
		display : revert !important;
	}
}

.order-details-table .table tbody tr td:nth-child(1) {
	background-color : transparent;
}

.order-details-table .table tbody tr td h5 {
	margin-top : 10px;
	color      : #212529;
}

.order-details-table .table tfoot tr td {
	text-align : right;
	padding    : 10px 15px;
}

[dir="rtl"] .order-details-table .table tfoot tr td {
	text-align : right;
}

.order-details-table .table tfoot tr td:nth-child(1) {
	text-align : right;
	width      : 100%;
}

[dir="rtl"] .order-details-table .table tfoot tr td:nth-child(1) {
	text-align : right;
}

.order-details-table .table tfoot tr td h4 {
	font-weight : 400;
	color       : #212529;
	font-size   : 15px
}

.order-details-table .table tfoot tr.table-order:nth-child(3) {
	border-bottom : 1px solid #dddddd;
}

.order-details-table .order-success {
	padding          : 30px;
	border-radius    : 5px;
	background-color : #eff2f7;
}

@media (max-width : 360px) {
	.order-details-table .order-success {
		padding : 20px;
	}
}

.order-details-table .order-success h4 {
	font-weight    : 700;
	text-transform : capitalize;
	font-size      : 16px;
	margin-bottom  : 8px;
}

.order-details-table .order-success .order-details li {
	display        : -webkit-box;
	display        : -ms-flexbox;
	display        : flex;
	text-transform : capitalize;
	line-height    : 1.6;
	font-size      : 15px;
	margin-bottom  : 3px;
	color          : #7e7e7e;
}

.order-details-table .order-success .payment-mode p {
	font-size     : 14px;
	line-height   : 1.6;
	margin-bottom : 0;
	color         : #7e7e7e;
}

.order-details-table .order-success .delivery-sec {
	margin-bottom    : -5px;
	padding          : 0;
	margin-top       : 20px;
	background-color : transparent;
}

.order-details-table .order-success .delivery-sec h3 {
	color          : #212529;
	text-transform : capitalize;
	font-size      : 18px;
	margin-bottom  : 0;
	font-weight    : 400;
}

.order-details-table .order-success .delivery-sec h3 span {
	font-weight : 700;
	margin-left : 5px;
}

[dir="rtl"] .order-details-table .order-success .delivery-sec h3 span {
	margin-left  : 0;
	margin-right : 5px;
}

.order-details-table .order-success .delivery-sec a {
	font-size      : 16px;
	text-transform : capitalize;
	margin-top     : 5px;
	display        : block;
	font-weight    : 600;
}

/**=======================
   Dashboard Scss Start
  ============================**/
.dash-filter {
	margin-bottom : 40px;
}

.custome-nav-tabs {
	padding       : 20px;
	color         : black;
	border        : none;
	border-radius : 5px;
	position      : sticky;
	top           : 10px;
	background    : #eff2f7;
}

[dir="rtl"] .custome-nav-tabs {
	padding : 20px;
}

@media (max-width : 991px) {
	.custome-nav-tabs {
		position           : fixed;
		z-index            : 9;
		top                : 0;
		left               : -300px;
		width              : 300px;
		height             : 100%;
		z-index            : 1;
		border-radius      : 0;
		-webkit-transition : all 0.3s ease-in-out;
		transition         : all 0.3s ease-in-out;
	}
	
	.custome-nav-tabs.show {
		left : 0;
	}
}

.custome-nav-tabs .nav-item .nav-link {
	width              : 100%;
	text-align         : left;
	border-radius      : 5px;
	background         : transparent;
	border             : 1px solid transparent;
	position           : relative;
	font-size          : 15px;
	-webkit-transition : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
	color              : #212529 !important;
}

[dir="rtl"] .custome-nav-tabs .nav-item .nav-link {
	text-align : right;
}

.custome-nav-tabs .nav-item .nav-link i {
	position           : absolute;
	left               : 0;
	top                : 50%;
	-webkit-transform  : translateY(-50%);
	transform          : translateY(-50%);
	-webkit-transition : all 0.5s ease-in-out;
	transition         : all 0.5s ease-in-out;
}

[dir="rtl"] .custome-nav-tabs .nav-item .nav-link i {
	top               : 3px;
	left              : unset;
	right             : 0;
	-webkit-transform : rotate(180deg) translateY(-50%);
	transform         : rotate(180deg) translateY(-50%);
}

.custome-nav-tabs .nav-item .nav-link:before {
	content            : "\f101";
	font-family        : "Font Awesome 5 Free";
	font-weight        : 900;
	position           : absolute;
	left               : 0;
	top                : 50%;
	-webkit-transform  : translateY(-50%);
	transform          : translateY(-50%);
	-webkit-transition : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
	opacity            : 0;
}

[dir="rtl"] .custome-nav-tabs .nav-item .nav-link:before {
	left              : unset;
	right             : 0;
	top               : 0;
	-webkit-transform : rotate(180deg) translateY(-50%);
	transform         : rotate(180deg) translateY(-50%);
}

.custome-nav-tabs .nav-item .nav-link:hover {
	padding-left : 20px;
	color        : var(--theme-color) !important;
}

[dir="rtl"] .custome-nav-tabs .nav-item .nav-link:hover {
	padding-left  : 0;
	padding-right : 20px;
}

.custome-nav-tabs .nav-item .nav-link:hover:before {
	opacity : 1;
	left    : 0px;
}

[dir="rtl"] .custome-nav-tabs .nav-item .nav-link:hover:before {
	left  : unset;
	right : 0;
}

.custome-nav-tabs .nav-item .nav-link.active {
	padding-left : 20px;
	color        : var(--theme-color) !important;
	font-weight  : 600;
}

[dir="rtl"] .custome-nav-tabs .nav-item .nav-link.active {
	padding-left  : 0;
	padding-right : 20px;
}

.custome-nav-tabs .nav-item .nav-link.active:before {
	opacity : 1;
	left    : 0px;
}

[dir="rtl"] .custome-nav-tabs .nav-item .nav-link.active:before {
	left              : unset;
	right             : 0;
	top               : 0;
	-webkit-transform : rotate(180deg) translateY(-50%);
	transform         : rotate(180deg) translateY(-50%);
}

.page-title {
	margin-bottom     : 32px;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.page-title h2 {
	font-size  : 28px;
	margin-top : -3px;
	color      : #212529;
}

.page-title a {
	margin-left : 30px;
}

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

.box-head h2 {
	font-size : 25px;
}

.box-head a {
	margin-left : 20px;
}

[dir="rtl"] .box-head a {
	margin-left  : unset;
	margin-right : 20px;
}

.dashboard {
	background-color : transparent;
	padding          : 0 15px;
	border           : none;
	border-radius    : 6px;
}

.dashboard .page-title {
	margin-bottom : calc(22px + (32 - 22) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard .page-title h2 {
	font-size : calc(22px + (38 - 22) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard address a {
	display       : block;
	margin-bottom : -5px;
	margin-top    : 10px;
}

.dashboard .welcome-msg p {
	margin-bottom : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
	line-height   : 1.5;
}

.dashboard .welcome-msg h6 span {
	font-weight : 600;
	color       : #212529;
}

.dashboard .box-account {
	margin-top : calc(25px + (45 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard .box-account .box-content {
	margin : 10px 0;
}

.dashboard .box-account .box-content h4 {
	margin : 15px 0;
}

.dashboard .address-box {
	margin-top : calc(5px + (20 - 5) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard .box-title {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : justify;
	-ms-flex-pack     : justify;
	justify-content   : space-between;
	border-bottom     : 1px solid #dddddd;
	padding           : calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320))) 0;
}

.dashboard .box-title h3 {
	font-weight : 400;
}

.dashboard h6,
.dashboard p {
	margin      : 6px 0;
	line-height : 1.4;
}

.order-box-contain .order-box {
	position           : relative;
	overflow           : hidden;
	padding            : 20px 30px;
	border-radius      : 6px;
	background-color   : #eff2f7;
	-webkit-box-shadow : none;
	box-shadow         : none;
}

.order-box-contain .order-box .order-box-image {
	position           : absolute;
	top                : 50%;
	right              : -20px;
	width              : 25%;
	opacity            : 0.04;
	-webkit-transform  : rotate(0) translateY(-50%);
	transform          : rotate(0) translateY(-50%);
	-webkit-transition : all 0.5s ease-in-out;
	transition         : all 0.5s ease-in-out;
}

[dir="rtl"] .order-box-contain .order-box .order-box-image {
	left  : -20px;
	right : unset;
}

.order-box-contain .order-box:hover .order-box-image {
	-webkit-transform : rotate(-7deg) translateY(-50%);
	transform         : rotate(-7deg) translateY(-50%);
	opacity           : 0.25;
}

[dir="rtl"] .order-box-contain .order-box:hover .order-box-image {
	-webkit-transform : rotate(7deg) translateY(-50%);
	transform         : rotate(7deg) translateY(-50%);
}

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

.order-box-contain .order-box .order-box-contain img {
	width : calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.order-box-contain .order-box .order-box-contain > div {
	width          : calc(100% - 20px);
	margin-left    : 15px;
	text-transform : capitalize;
}

[dir="rtl"] .order-box-contain .order-box .order-box-contain > div {
	margin-left  : unset;
	margin-right : 15px;
}

.order-box-contain .order-box .order-box-contain > div h3 {
	margin-top : 6px;
}

.dashboard-profile .dash-profile li {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	margin-bottom     : 2px;
}

@media (max-width : 575px) {
	.dashboard-profile .dash-profile li {
		-ms-flex-wrap : wrap;
		flex-wrap     : wrap;
	}
}

.dashboard-profile .dash-profile li .left {
	width : 220px;
}

@media (max-width : 575px) {
	.dashboard-profile .dash-profile li .left {
		width        : auto;
		margin-right : 10px;
	}
	
	[dir="rtl"] .dashboard-profile .dash-profile li .left {
		margin-right : 0;
		margin-left  : 10px;
	}
}

.dashboard-profile .dash-profile li .left h6 {
	margin : 0;
}

.dashboard-profile .dash-profile li a {
	margin-left : 20px;
}

[dir="rtl"] .dashboard-profile .dash-profile li a {
	margin-left  : unset;
	margin-right : 20px;
}

.dashboard-security .page-title {
	margin-bottom : 10px;
}

.dashboard-security p {
	line-height : 1.6;
}

.dashboard-security .security-details {
	margin-bottom : 18px;
}

.dashboard-security .security-details h5 span {
	font-weight : 500;
	color       : #212529;
}

.dashboard-security .security-details-1 {
	border        : 1px dashed rgba(0, 0, 0, 0.28);
	border-radius : 5px;
	padding       : 15px;
}

.success-button {
	background-color : green;
	margin           : 0 !important;
	padding          : 4px 10px;
	border-radius    : 5px;
	font-size        : 12px !important;
	color            : #ffffff !important;
}

.danger-button {
	background-color : rgba(226, 36, 84, 1);
	margin           : 0 !important;
	padding          : 4px 10px;
	border-radius    : 5px;
	font-size        : 12px !important;
	color            : #ffffff !important;
}

.danger-button.danger-center {
	display           : -webkit-box !important;
	display           : -ms-flexbox !important;
	display           : flex !important;
	-webkit-box-align : center !important;
	-ms-flex-align    : center !important;
	align-items       : center !important;
	-webkit-box-pack  : center !important;
	-ms-flex-pack     : center !important;
	justify-content   : center !important;
	margin            : 0 !important;
}

.danger-button.danger-center .feather {
	stroke : #ffffff;
}

.save-details-box .save-details {
	border             : 1px solid #eff2f7;
	padding            : calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
	-webkit-transition : all 0.5s ease-in-out;
	transition         : all 0.5s ease-in-out;
	border-radius      : 5px;
	background-color   : #eff2f7;
	position           : relative;
}

.save-details-box .save-details.show {
	-webkit-box-shadow : 0 0px 10px rgba(33, 37, 41, 0.2);
	box-shadow         : 0 0px 10px rgba(33, 37, 41, 0.2);
}

.save-details-box .save-details .save-name {
	position      : relative;
	margin-bottom : 20px;
}

.save-details-box .save-details .save-name h5 {
	color : #212529;
}

.save-details-box .save-details .save-position {
	position         : absolute;
	background-color : var(--theme-color);
	top              : 0;
	right            : 0;
	color            : #ffffff;
	padding          : 8px 15px;
	border-radius    : 4px;
}

[dir="rtl"] .save-details-box .save-details .save-position {
	right : unset;
	left  : 0;
}

.save-details-box .save-details .save-position h6 {
	margin        : 0;
	margin-bottom : -2px;
	font-weight   : 500;
}

.save-details-box .save-details .save-address p {
	line-height : 1.4;
	margin      : 0 0 calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320)));
}

.save-details-box .save-details .mobile p.mobile {
	margin-top     : 20px;
	padding-bottom : 6px;
}

.save-details-box .save-details .button {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	margin            : -5px;
}

.save-details-box .save-details .button a {
	width            : 100%;
	margin           : 5px;
	background-color : #ffffff;
	color            : #212529;
}

.payment-card-detail {
	position : relative;
}

.payment-card-detail:hover .edit-card {
	opacity            : 1;
	-webkit-transition : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
}

.payment-card-detail.add-card {
	background-color : #f9f9f9;
	cursor           : pointer;
	padding          : 0;
}

.payment-card-detail.add-card .card-details {
	min-height        : 130px;
	background        : #d2d2d2;
	color             : #212529;
	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;
	text-align        : center;
}

.payment-card-detail.add-card .card-details h5 {
	margin-bottom  : 0;
	text-transform : capitalize;
}

.payment-card-detail .card-details {
	color            : #ffffff;
	padding          : 30px 20px;
	border-radius    : 5px;
	background-color : #4b77a0;
	background-image : repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
}

.payment-card-detail .card-details.card-visa {
	background-color : #777876;
}

.payment-card-detail .card-details.dabit-card {
	background-color : #86b8cf;
}

.payment-card-detail .card-details .card-number {
	margin-bottom : 10px;
}

.payment-card-detail .card-details .card-number h4 {
	color : #ffffff;
}

.payment-card-detail .card-details .valid-detail {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	margin-top        : calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.payment-card-detail .card-details .valid-detail .title {
	margin-bottom : 0;
}

.payment-card-detail .card-details .valid-detail .title span {
	display        : block;
	color          : rgba(255, 255, 255, 0.7);
	text-transform : uppercase;
	font-size      : 12px;
	line-height    : 1.3;
}

.payment-card-detail .card-details .valid-detail .date h3 {
	margin-bottom : 0;
	color         : #ffffff;
	margin-left   : 15px;
	font-size     : calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight   : normal;
}

[dir="rtl"] .payment-card-detail .card-details .valid-detail .date h3 {
	margin-left  : 0;
	margin-right : 15px;
}

.payment-card-detail .card-details .valid-detail .primary {
	margin-left : auto;
}

[dir="rtl"] .payment-card-detail .card-details .valid-detail .primary {
	margin-left  : 0;
	margin-right : auto;
}

.payment-card-detail .card-details .valid-detail .primary span {
	font-size      : calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	padding        : 0;
	font-weight    : 400;
	text-transform : capitalize;
}

.payment-card-detail .card-details .name-detail {
	margin-top        : calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.payment-card-detail .card-details .name-detail .name {
	width : 100%;
}

.payment-card-detail .card-details .name-detail .name h5 {
	text-transform : uppercase;
	font-size      : calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom  : 0;
	color          : #ffffff;
}

.payment-card-detail .card-details .name-detail .card-img {
	display     : inline-block;
	margin-left : auto;
	text-align  : right;
}

[dir="rtl"] .payment-card-detail .card-details .name-detail .card-img {
	text-align : left;
}

.payment-card-detail .edit-card {
	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;
	width              : 100%;
	height             : 100%;
	position           : absolute;
	text-align         : center;
	top                : 0;
	left               : 0;
	background-color   : rgba(33, 37, 41, 0.8);
	border-radius      : 5px;
	opacity            : 0;
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
}

@media (max-width : 767px) {
	.payment-card-detail .edit-card {
		display : none;
	}
}

.payment-card-detail .edit-card a {
	padding        : 0 10px;
	text-transform : capitalize;
	color          : #ffffff;
}

.edit-card-mobile {
	display : none;
}

@media (max-width : 767px) {
	.edit-card-mobile {
		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;
		margin-top        : 10px;
	}
	
	.edit-card-mobile a {
		padding        : 0 10px;
		text-transform : capitalize;
		color          : #212529;
	}
}

/**=====================
    Dark and RTL css Start
  ==========================**/
.theme-setting {
	position          : fixed;
	right             : 0;
	top               : 50%;
	-webkit-transform : translateY(-50%);
	transform         : translateY(-50%);
	z-index           : 3;
}

[dir="rtl"] .theme-setting ul {
	padding-right : 0;
}

.theme-setting ul li {
	background-color          : #eff2f7;
	border                    : 1px solid #ced4da;
	margin                    : 10px 0;
	border-top-left-radius    : 5px;
	border-bottom-left-radius : 5px;
	border-right              : none;
	width                     : 40px;
	height                    : 38px;
	z-index                   : 1;
	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;
	font-size                 : 14px;
	text-decoration           : none;
	cursor                    : pointer;
	font-weight               : 600;
}

.theme-setting ul li button {
	color : #212529;
}

.theme-setting ul li button:hover {
	color : #212529;
}

.theme-setting ul li.color-picker {
	background    : none;
	overflow      : hidden;
	margin-bottom : 0;
	border        : none;
}

.theme-setting ul li.color-picker input {
	height    : 100%;
	opacity   : 1;
	padding   : 0;
	border    : none;
	font-size : x-large;
}

/**=====================
    Dark and RTL css Start
  ==========================**/
.demo-contain {
	width         : 100%;
	height        : 500px;
	overflow      : hidden;
	border        : 2px solid rgba(33, 37, 41, 0.3);
	border-radius : 5px;
	position      : relative;
}

.demo-contain .demo-image {
	overflow : hidden;
	width    : 100%;
}

.demo-contain .demo-image:hover img {
	-webkit-transform  : translateY(calc(-100% + 500px));
	transform          : translateY(calc(-100% + 500px));
	-webkit-transition : -webkit-transform 5s ease-in-out;
	transition         : -webkit-transform 5s ease-in-out;
	transition         : transform 5s ease-in-out;
	transition         : transform 5s ease-in-out, -webkit-transform 5s ease-in-out;
}

.demo-contain .demo-image img {
	-o-object-fit      : cover;
	object-fit         : cover;
	-webkit-transition : -webkit-transform 5s ease-in-out;
	transition         : -webkit-transform 5s ease-in-out;
	transition         : transform 5s ease-in-out;
	transition         : transform 5s ease-in-out, -webkit-transform 5s ease-in-out;
	width              : 100%;
}

.demo-contain .demo-image a {
	width             : 100%;
	height            : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	position          : absolute;
	top               : 0;
	left              : 0;
	background-color  : #ff0000;
	color             : #212529;
}

/**=====================
     Shop page css start
==========================**/
.custome-nav-tabs {
	position : sticky;
	top      : 10px;
}

.category-scroll {
	max-height : 250px;
	overflow   : auto;
	/* width */
	/* Track */
	/* Handle */
	/* Handle on hover */
}

.category-scroll::-webkit-scrollbar {
	width : 5px;
}

.category-scroll::-webkit-scrollbar-track {
	background-color : #dddddd;
}

.category-scroll::-webkit-scrollbar-thumb {
	background    : #b5bec7;
	border-radius : 5px;
}

.category-scroll::-webkit-scrollbar-thumb:hover {
	opacity : 0.8;
}

.custome-form-check {
	min-height        : 0;
	margin-bottom     : 0;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

[dir="rtl"] .custome-form-check {
	padding-right : 0;
}

.custome-form-check .form-check-input {
	margin-right       : 10px;
	width              : 17px;
	height             : 17px;
	margin-top         : 0;
	background-color   : transparent;
	border             : 1px solid #c7c7c5 !important;
	border-radius      : 3px !important;
	-webkit-transition : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
}

[dir="rtl"] .custome-form-check .form-check-input {
	margin-left  : 1.5rem;
	margin-right : 0;
}

.custome-form-check .form-check-input:checked[type="checkbox"] {
	background-image : url(../images/check.svg);
	background-size  : 13px;
}

.custome-form-check .form-check-input:focus {
	border-color       : transparent;
	-webkit-box-shadow : none;
	box-shadow         : none;
}

.custome-form-check .form-check-label {
	color         : #212529;
	overflow      : hidden;
	text-overflow : ellipsis;
	white-space   : nowrap;
}

.sidebar-image {
	margin-top : 20px;
}

.sidebar-image img {
	height        : 500px;
	border-radius : 5px;
}

.category-option {
	position : sticky;
	top      : 40px;
	z-index  : 1;
}

@media (max-width : 991px) {
	.category-option {
		position           : fixed;
		top                : 0;
		left               : -320px;
		background-color   : #ffffff;
		z-index            : 7;
		padding            : calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
		width              : 300px;
		height             : 100vh;
		-webkit-transition : all 0.5s ease;
		transition         : all 0.5s ease;
		overflow-x         : scroll;
		overflow-y         : auto;
	}
	
	[dir="rtl"] .category-option {
		left  : unset;
		right : -320px;
	}
}

.category-option.show {
	left : 0;
}

[dir="rtl"] .category-option.show {
	left  : unset;
	right : 0;
}

.category-option .button-close {
	display : none;
}

@media (max-width : 991px) {
	.category-option .button-close {
		display       : block;
		margin-bottom : 10px;
	}
}

.category-option .button-close button {
	display   : -webkit-box;
	display   : -ms-flexbox;
	display   : flex;
	font-size : 17px;
	color     : #212529;
}

.category-option .button-close button .feather {
	display      : block;
	width        : 18px;
	margin-right : 8px;
}

[dir="rtl"] .category-option .button-close button .feather {
	margin-right : unset;
	margin-left  : 8px;
}

.category-option .category-name {
	color            : #ffffff;
	background-color : #ffffff;
}

.category-option .category-name .accordion-item {
	padding          : 20px;
	border           : 1px solid #ced4da;
	color            : #212529;
	border-radius    : 5px;
	background-color : #ffffff;
}

.category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .form-check-label span {
	margin-left : 10px;
}

[dir="rtl"] .category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .form-check-label span {
	margin-left  : 0;
	margin-right : 10px;
}

.category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check p {
	margin-bottom : 0;
	margin-left   : 12px;
	font-size     : 13px;
}

[dir="rtl"] .category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check p {
	margin-left  : 0;
	margin-right : 12px;
}

.category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .rating {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
}

.category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .rating .rating-list {
	margin : 0;
}

.category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .rating .rating-list + .rating-list {
	margin-left : 3px;
}

.category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .rating .rating-list .fa-star {
	color : #c3c3c3;
}

.category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .rating .rating-list .fa-star.theme-color {
	color : #ffa202;
}

.category-option .category-name .accordion-item.category-price .accordion-collapse .accordion-body .category-list li {
	display       : inline-block;
	padding       : 5px 10px;
	background    : #ffffff;
	border-radius : 5px;
	font-size     : 13px;
	border        : 1px solid #ffffff;
	margin        : 3px 1px;
}

.category-option .category-name .accordion-item.category-price .accordion-collapse .accordion-body .category-list li a {
	color       : #212529;
	font-weight : 400;
}

.category-option .category-name .accordion-item.filter-accordion .accordion-collapse .accordion-body .category-list li {
	margin  : 0;
	padding : 2px 6px;
}

.category-option .category-name .accordion-item.filter-accordion .accordion-collapse .accordion-body .category-list li:nth-child(3) a .label-tag {
	margin-bottom : 0;
}

.category-option .category-name .accordion-item.filter-accordion .accordion-collapse .accordion-body .category-list li .label-tag {
	display       : -webkit-box;
	display       : -ms-flexbox;
	display       : flex;
	border        : none;
	padding       : 0 5px;
	margin-bottom : 10px;
	border-radius : 5px;
}

.category-option .category-name .accordion-item.filter-accordion .accordion-collapse .accordion-body .category-list li .label-tag span {
	color     : #7f7f7f;
	font-size : calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.category-option .category-name .accordion-item.filter-accordion .accordion-collapse .accordion-body .category-list li .label-tag .btn-close {
	font-size   : calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)));
	margin-left : auto;
	margin-top  : 3px;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse {
	margin-top : 22px;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	margin-bottom     : 0;
	-ms-flex-wrap     : wrap;
	flex-wrap         : wrap;
	margin            : -5px;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li {
	margin-top : 0;
	margin     : 5px;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li a {
	width             : 30px;
	height            : 30px;
	background-color  : #ff0000;
	border-radius     : 5px;
	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;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li a i {
	color   : #212529;
	display : none;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li a i.active {
	display : block;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(2) a {
	background-color : #fab1a0;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(3) a {
	background-color : #10ac84;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(4) a {
	background-color : #ff9f43;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(5) a {
	background-color : #8395a7;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(6) a {
	background-color : #fab1a0;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(7) a {
	background-color : #10ac84;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(8) a {
	background-color : #ff9f43;
}

.category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(9) a {
	background-color : #8395a7;
}

@media (max-width : 991px) {
	.category-option .category-name .accordion-item {
		padding : 0;
		border  : none;
	}
}

.category-option .category-name .accordion-item + .accordion-item {
	margin-top : 20px;
}

.category-option .category-name .accordion-item .accordion-header {
	margin-bottom    : 0;
	background-color : #eff2f7;
}

.category-option .category-name .accordion-item .accordion-collapse {
	border       : none;
	border-width : 0 1px;
	margin-top   : 10px;
}

.category-option .category-name .accordion-item .accordion-collapse .accordion-body {
	padding : 0;
}

.category-option .category-name .accordion-item .accordion-collapse .accordion-body .category-list {
	overflow : hidden;
}

.category-option .category-name .accordion-item .accordion-collapse .accordion-body .category-list li {
	display       : block;
	margin        : 10px 5px;
	text-overflow : ellipsis;
	white-space   : nowrap;
}

.category-option .category-name .accordion-item .accordion-collapse .accordion-body .category-list li::nth-child(9) {
	margin-bottom : 0;
}

.category-option .category-name .accordion-button {
	color              : #212529;
	border             : none;
	margin             : 0;
	font-weight        : bold;
	-webkit-box-shadow : none;
	box-shadow         : none;
	background-color   : #eff2f7;
}

.category-option .category-name .accordion-button:focus {
	-webkit-box-shadow : none;
	box-shadow         : none;
	outline            : none;
}

.category-option .category-name .accordion-button:not(.collapsed)::after {
	background-image  : url(../images/minus.svg);
	-webkit-filter    : invert(1);
	filter            : invert(1);
	-webkit-transform : rotate(0);
	transform         : rotate(0);
}

.category-option .category-name .accordion-button:after {
	background-image   : url(../images/plus.svg);
	-webkit-filter     : invert(1);
	filter             : invert(1);
	-webkit-transition : all 0.2s ease-in-out;
	transition         : all 0.2s ease-in-out;
}

.category-option-1 {
	background-color : #f0f3f8;
}

@media (max-width : 991px) {
	.category-option-1 {
		background-color : #ffffff;
	}
}

.category-option-1 .category-name .accordion-item {
	border           : none;
	padding          : 10px 20px 0;
	background-color : transparent;
}

@media (max-width : 991px) {
	.category-option-1 .category-name .accordion-item {
		padding : 0;
	}
}

.category-option-1 .category-name .accordion-item + .accordion-item {
	margin-top : 0;
}

.category-option-1 .category-name .accordion-item .accordion-header .accordion-button {
	padding : 14px 8px;
}

.category-option-1 .category-name .accordion-item .accordion-collapse {
	margin-top : 0;
}

.category-option-1 .category-name .accordion-item .accordion-collapse .accordion-body {
	padding : 10px 3px;
}

.category-option-1 .category-name .accordion-item .accordion-collapse .accordion-body .category-list {
	margin-top : -12px;
}

.category-option-1 .category-name .accordion-item .accordion-collapse .accordion-body .category-list li {
	margin-top : 12px;
}

.category-option-1 .category-name .accordion-item .accordion-collapse .accordion-body .category-list li .form-check .form-check-input {
	background-color : #ffffff;
}

.filter-button {
	display : none;
}

@media (max-width : 991px) {
	.filter-button {
		display : block;
	}
}

.filter-button a {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.filter-button .feather {
	width        : 20px;
	margin-right : 10px;
}

[dir="rtl"] .filter-button .feather {
	margin-right : unset;
	margin-left  : 10px;
}

.filter-button span {
	display       : block;
	margin-bottom : -3px;
}

.hide-button button {
	font-size         : 15px !important;
	background-color  : var(--theme-color);
	padding           : 4px 10px;
	border-radius     : 5px;
	color             : #ffffff !important;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.hide-button button .feather {
	width        : 20px;
	margin-right : 10px;
}

[dir="rtl"] .hide-button button .feather {
	margin-right      : 0;
	-webkit-transform : rotateY(180deg);
	transform         : rotateY(180deg);
}

.hide-button span {
	display       : block;
	margin-bottom : -3px;
}

.short-name {
	margin : -5px;
}

.short-name .label-tag {
	display          : inline-block;
	border           : none;
	padding          : 3px 12px;
	margin-bottom    : 15px;
	border           : none;
	margin           : 5px;
	background-color : #eff2f7;
	border-radius    : 8px;
}

.short-name .label-tag span {
	font-size : 14px;
}

.short-name .label-tag .btn-close {
	font-size   : calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)));
	margin-left : 5px;
}

[dir="rtl"] .short-name .label-tag .btn-close {
	margin-left  : 0;
	margin-right : 5px;
}

.select-featured {
	border        : 1px solid #eff2f7;
	color         : #8f8397;
	margin-left   : auto;
	border-radius : 0;
}

.select-featured:focus {
	border-color       : #eff2f7;
	-webkit-box-shadow : 0 0 0 0.25rem transparent;
	box-shadow         : 0 0 0 0.25rem transparent;
}

.select-featured .dropdown-toggle {
	border        : 1px solid #eff2f7;
	color         : #8f8397;
	margin-left   : auto;
	border-radius : 0;
	font-weight   : 400;
	padding       : 0.375rem 2.25rem 0.375rem 0.75rem;
	position      : relative;
}

.select-featured .dropdown-toggle::after {
	display : none;
}

.select-featured .dropdown-toggle::before {
	content           : "\f107";
	font-family       : "Font Awesome 5 Free";
	font-weight       : 900;
	position          : absolute;
	top               : 50%;
	-webkit-transform : translateY(-50%);
	transform         : translateY(-50%);
	right             : 14px;
}

.select-featured .dropdown-menu {
	min-width : 100%;
}

.select-featured .dropdown-menu li {
	width : 100%;
}

.custome-offcanvas .offcanvas-body {
	background-color : #ffffff;
}

@media (max-width : 991px) {
	.custome-offcanvas {
		width : 300px;
	}
}

.custome-offcanvas .offcanvas-header {
	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;
}

.custome-offcanvas .offcanvas-header h5 {
	margin-top : -5px;
}

.custome-offcanvas .offcanvas-body .category-spacing .category-name .accordion-item {
	padding : 0;
}

.custome-offcanvas .offcanvas-body .category-spacing .category-name .accordion-item + .accordion-item {
	margin-top : 10px;
}

@media (max-width : 991px) {
	.custome-offcanvas .category-option {
		position           : relative;
		top                : 0;
		left               : 0;
		background-color   : #ffffff;
		z-index            : unset;
		padding            : 0;
		width              : unset;
		height             : auto;
		-webkit-transition : all 0.5s ease;
		transition         : all 0.5s ease;
		overflow-y         : auto;
	}
	
	[dir="rtl"] .custome-offcanvas .category-option {
		left  : unset;
		right : 0;
	}
}

.image-slider {
	display  : block;
	overflow : hidden;
}

.image-slider .image-product {
	position           : relative;
	-webkit-transition : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
}

.image-slider .image-product img {
	border-radius : 5px;
}

.image-slider .image-contain {
	display            : block;
	text-align         : center;
	padding            : 20px 0 0;
	-webkit-transition : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
}

.image-slider .image-contain h3 {
	font-weight : 400;
}

.filter-name {
	height            : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.filter-name h4 {
	font-weight : 500;
	font-size   : large;
}

.filter-icon {
	display : none;
}

@media (max-width : 991px) {
	.filter-icon {
		display : block;
	}
}

.category-filter {
	width : 100%;
}

.category-list {
	width : 100%;
}

.category-list .dropdown .dropdown-toggle {
	width            : 100%;
	background-color : rgba(233, 233, 233, 0.5);
	border-radius    : 5px;
	font-size        : 16px;
	font-weight      : 500;
	padding          : calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.category-list .dropdown .dropdown-menu {
	padding : 1rem;
	width   : 100%;
}

.category-list .dropdown .dropdown-menu .dropdown-list {
	display : block;
}

.category-list .dropdown .dropdown-menu .dropdown-list + .dropdown-list {
	margin-top    : 10px;
	text-overflow : ellipsis;
	white-space   : nowrap;
}

.filter-show-button {
	padding : 15px;
	display : none;
}

.filter-show-button a {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.filter-show-button a .feather {
	margin-right : 10px;
	width        : 20px;
}

.filter-show-button a h5 {
	font-weight : 600;
}

@media (max-width : 991px) {
	.filter-show-button {
		padding : 0 0 10px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
}

.top-filter-section {
	background-color : #ffffff;
	padding-bottom   : 50px;
}

@media (max-width : 991px) {
	.top-filter-section {
		position           : fixed;
		left               : -300px;
		width              : 300px;
		height             : 100vh;
		top                : 0;
		margin-top         : 0;
		padding            : 20px;
		z-index            : 5;
		-webkit-transition : all 0.5s ease;
		transition         : all 0.5s ease;
		-webkit-box-shadow : 0 15px 5px 0 rgba(77, 77, 77, 0.28);
		box-shadow         : 0 15px 5px 0 rgba(77, 77, 77, 0.28);
		overflow-y         : auto;
	}
}

.top-filter-section.show {
	left : 0;
}

.top-filter-section ul {
	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;
}

@media (max-width : 991px) {
	.top-filter-section ul {
		display : block;
	}
}

.top-filter-section ul .back-btn {
	display : none;
}

@media (max-width : 991px) {
	.top-filter-section ul .back-btn {
		padding-bottom : 20px;
		border-bottom  : 1px solid #dddddd;
		font-size      : calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
		text-transform : capitalize;
		color          : black;
		font-weight    : 700;
		margin-bottom  : 20px;
		cursor         : pointer;
		display        : block;
	}
}

.top-filter-section ul .onclick-title {
	width            : 100%;
	cursor           : pointer;
	position         : relative;
	background-color : #eff2f7;
	border-radius    : 5px;
	font-size        : 16px;
	font-weight      : 500;
	padding          : calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
	margin           : 0 15px;
}

.top-filter-section ul .onclick-title:nth-child(7) {
	margin-right : 0;
}

@media (max-width : 991px) {
	.top-filter-section ul .onclick-title {
		margin           : 30px 0 0;
		background-color : #ffffff;
		padding          : 0;
	}
	
	.top-filter-section ul .onclick-title:nth-child(3) {
		margin-top : 15px;
	}
	
	.top-filter-section ul .onclick-title + .onclick-title {
		margin-left : unset;
	}
}

.top-filter-section ul .onclick-title h6 {
	white-space    : nowrap;
	text-transform : capitalize;
	font-size      : 16px;
	text-align     : left;
	margin-bottom  : 0;
	padding        : 0 20px 0 0;
	position       : relative;
}

[dir="rtl"] .top-filter-section ul .onclick-title h6 {
	text-align : right;
	padding    : 0 0 0 20px;
}

@media (max-width : 991px) {
	.top-filter-section ul .onclick-title h6 {
		text-align  : left;
		font-weight : 500;
	}
}

.top-filter-section ul .onclick-title h6:before {
	font-family : "Font Awesome 5 Free";
	font-weight : 900;
	content     : "\f107";
	position    : absolute;
	right       : 0;
	opacity     : 0.2;
}

[dir="rtl"] .top-filter-section ul .onclick-title h6:before {
	right : unset;
	left  : 0;
}

@media (max-width : 991px) {
	.top-filter-section ul .onclick-title h6:before {
		content : "";
	}
}

.top-filter-section ul .onclick-title:nth-child(-n + 3) {
	border-left : none;
}

.top-filter-section ul .onclick-title .onclick-content {
	display            : none;
	position           : absolute;
	background-color   : #ffffff;
	padding            : 1rem;
	width              : 100%;
	left               : 0;
	top                : 40px;
	-webkit-box-shadow : 0px 5px 9px 3px rgba(33, 37, 41, 0.13);
	box-shadow         : 0px 5px 9px 3px rgba(33, 37, 41, 0.13);
	z-index            : 2;
}

@media (max-width : 991px) {
	.top-filter-section ul .onclick-title .onclick-content {
		display            : block;
		position           : relative;
		-webkit-box-shadow : none;
		box-shadow         : none;
		padding            : 0;
		top                : 10px;
		margin-top         : 10px;
	}
}

.top-filter-section ul .onclick-title .onclick-content li {
	display : block;
	cursor  : pointer;
}

.top-filter-section ul .onclick-title .onclick-content li + li {
	margin-top : 10px;
}

.top-filter-section ul .onclick-title .onclick-content .custom-control .form-check-label {
	text-transform : capitalize;
}

.top-filter-section ul .filter-title {
	width       : 100%;
	cursor      : pointer;
	position    : relative;
	border-left : 1px solid #e0e0e0;
	min-width   : 60px;
}

@media (max-width : 991px) {
	.top-filter-section ul .filter-title {
		margin-bottom : 10px;
	}
}

.top-filter-section ul .filter-title h6 {
	text-transform : capitalize;
	font-size      : 16px;
	margin-bottom  : 0;
	padding        : 0 20px 0 0;
	position       : relative;
	padding        : 0;
	font-weight    : 700;
}

.top-filter-section ul .filter-title h6:before {
	font-family : "Font Awesome 5 Free";
	font-weight : 900;
	content     : "\f107";
	position    : absolute;
	right       : 15px;
	opacity     : 0.2;
	display     : none;
}

.top-filter-section ul .filter-title:nth-child(-n + 3) {
	border-left : none;
}

.top-filter-section ul .filter-title .onclick-content {
	display            : none;
	position           : absolute;
	background-color   : white;
	z-index            : 1;
	padding            : 10px 20px;
	width              : 200px;
	left               : 30px;
	top                : 34px;
	-webkit-box-shadow : 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
	box-shadow         : 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
}

@media (max-width : 991px) {
	.top-filter-section ul .filter-title .onclick-content {
		display            : block;
		position           : relative;
		top                : 10px;
		-webkit-box-shadow : none;
		box-shadow         : none;
	}
}

.top-filter-section ul .filter-title .onclick-content .custom-control .form-check-label {
	text-transform : capitalize;
}

.top-filter-section ul .onclick-title.show .onclick-content {
	display : block;
}

.top-filter-section ul .filter-title.show .onclick-content {
	display : block;
}

.top-filter-section .form-check {
	text-transform : capitalize;
	text-overflow  : ellipsis;
	white-space    : nowrap;
}

.top-filter-section .form-check + .form-check {
	margin-top : 10px;
}

.top-filter-section .form-check .form-check-label {
	font-weight    : 400;
	display        : block;
	text-transform : capitalize;
	overflow       : hidden;
	text-overflow  : ellipsis;
	white-space    : nowrap;
}

.category-image {
	padding           : 10px 20px;
	border-radius     : 5px;
	background-color  : #eff2f7;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.category-image .elec-image {
	padding-right     : 30px;
	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;
	width             : 120px;
}

[dir="rtl"] .category-image .elec-image {
	padding-right : 0;
	padding-left  : 30px;
}

.category-image .elec-image img {
	width : 90%;
}

.category-image .category-contain {
	color : #212529;
	width : calc(100% - 150px);
}

.category-image .category-contain h3 {
	text-transform : capitalize;
	color          : #212529;
}

.category-image .category-contain .product-list {
	margin                : 5px 0;
	-webkit-padding-start : 15px;
	padding-inline-start  : 15px;
	list-style-type       : circle;
}

.category-image .category-contain .product-list li {
	display        : list-item;
	text-transform : capitalize;
}

.category-image .category-contain .product-list li a {
	font-size          : 14px;
	-webkit-line-clamp : 1;
	-webkit-box-orient : vertical;
	display            : -webkit-box;
	overflow           : hidden;
}

.fliter-menu button {
	font-weight   : 300;
	display       : inline-block;
	border        : none;
	padding       : 5px calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
	border-radius : 0;
	border        : 1px solid #dddddd;
	margin        : 5px;
}

.fliter-menu button .feather {
	width        : 16px;
	stroke-width : 1px;
}

.product-box .product-details .main-price p {
	display : none;
}

.product-box .product-details .main-price .listing-content {
	display : none;
}

.list-view.product-box {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.list-view.product-box .img-wrapper .back {
	opacity                     : 0;
	position                    : absolute;
	-webkit-backface-visibility : hidden;
	backface-visibility         : hidden;
	top                         : 0;
	left                        : 0;
	-webkit-transition          : all 0.3s ease;
	transition                  : all 0.3s ease;
	width                       : 100%;
}

.list-view.product-box .product-details .rating-details,
.list-view.product-box .product-details .main-price {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : justify;
	-ms-flex-pack     : justify;
	justify-content   : space-between;
}

@media (max-width : 575px) {
	.list-view.product-box .product-details .rating-details,
	.list-view.product-box .product-details .main-price {
		display    : block;
		text-align : left;
	}
	
	[dir="rtl"] .list-view.product-box .product-details .rating-details,
	[dir="rtl"] .list-view.product-box .product-details .main-price {
		text-align : right;
	}
}

.list-view.product-box .product-details .main-price {
	margin-top : 10px;
}

@media (max-width : 575px) {
	.list-view.product-box .product-details .main-price {
		margin-top : 5px;
	}
	
	.list-view.product-box .product-details .main-price h3 {
		margin-top : 5px;
	}
}

.list-view.product-box .cart-wrap ul li + li {
	margin-left : 0;
}

[dir="rtl"] .list-view.product-box .cart-wrap ul li + li {
	margin-left  : unset;
	margin-right : 0;
}

.list-view.product-box .cart-wrap a svg,
.list-view.product-box .cart-wrap button svg {
	width  : 14px;
	height : 14px;
}

@media (max-width : 575px) {
	.list-view.product-box .cart-wrap a svg,
	.list-view.product-box .cart-wrap button svg {
		width  : 13px;
		height : 13px;
	}
}

.list-view.product-box:hover .img-wrapper .back {
	opacity                     : 1;
	-webkit-backface-visibility : visible;
	backface-visibility         : visible;
	-webkit-transition          : all 0.3s ease;
	transition                  : all 0.3s ease;
}

@media (max-width : 1660px) {
	.list-view.slide-4 {
		padding : 0 30px;
	}
}

.list-view.slide-4 .slick-prev {
	left : -70px;
}

@media (max-width : 1660px) {
	.list-view.slide-4 .slick-prev {
		left : -20px;
	}
}

@media (max-width : 575px) {
	.list-view.slide-4 .slick-prev {
		left : -5px;
	}
}

.list-view.slide-4 .slick-next {
	right : -70px;
}

@media (max-width : 1660px) {
	.list-view.slide-4 .slick-next {
		right : -20px;
	}
}

@media (max-width : 575px) {
	.list-view.slide-4 .slick-next {
		right : -5px;
	}
}

.collection-grid-view {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	height            : 100%;
}

.collection-grid-view ul {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	height            : 100%;
}

.collection-grid-view ul li {
	height       : 100%;
	margin-right : 8px;
	border       : 2px solid #212529;
}

.collection-grid-view ul li button {
	padding : 5px;
}

.collection-grid-view ul li button img {
	height : 50%;
}

.range-slider {
	margin-top : 0;
}

.range-slider .irs--flat .irs-line {
	background-color : #eff2f7;
}

.range-slider .irs--flat .irs-max {
	background-color : #c7c7c5;
	color            : #212529;
}

.range-slider .irs--flat .irs-bar {
	background-color : var(--theme-color);
}

.range-slider .irs--flat .irs-handle i {
	position         : absolute;
	display          : block;
	top              : 0;
	left             : 50%;
	width            : 2px;
	height           : 100%;
	margin-left      : -1px;
	background-color : var(--theme-color);
}

.range-slider .irs--flat .irs-to {
	background-color : var(--theme-color);
}

.range-slider .irs--flat .irs-to:before {
	border-top-color : var(--theme-color);
}

.range-slider .irs--flat .irs-from {
	background-color : var(--theme-color);
}

.range-slider .irs--flat .irs-from:before {
	border-top-color : var(--theme-color);
}

.banner-deatils .banner-contain p {
	line-height : 1.8;
	font-size   : calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight : lighter;
	text-align  : justify;
}

.most-popular {
	margin : calc(35px + (50 - 35) * ((100vw - 320px) / (1920 - 320))) 0 0;
}

.most-popular .title {
	margin-bottom : 25px;
}

[dir="rtl"] .most-popular .title {
	text-align : left !important;
}

.most-popular .product-slider {
	padding-top : 20px;
	border-top  : 1px solid #eff2f7;
}

.most-popular .product-slider .slick-prev,
.most-popular .product-slider .slick-next {
	background-color  : #eff2f7;
	position          : absolute;
	top               : -35px;
	z-index           : 1;
	width             : 35px;
	height            : 35px;
	border-radius     : 5px;
	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;
}

.most-popular .product-slider .slick-prev {
	left  : unset;
	right : 50px;
}

.most-popular .product-slider .slick-prev::before {
	content     : "\f053";
	color       : #000000;
	font-family : "Font Awesome 5 Free";
	font-weight : 900;
	z-index     : 1;
	font-size   : 16px;
}

.most-popular .product-slider .slick-next {
	right : 0;
}

.most-popular .product-slider .slick-next::before {
	content     : "\f054";
	color       : #000000;
	font-family : "Font Awesome 5 Free";
	font-weight : 900;
	z-index     : 1;
	font-size   : 16px;
}

.list-style > div {
	width : 100%;
}

.list-style .product-box {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

@media (max-width : 767px) {
	.list-style .product-box {
		display       : block;
		border        : 1px solid rgba(0, 0, 0, 0.08);
		padding       : 15px calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
		border-radius : 5px;
	}
}

.list-style .product-box .img-wrapper {
	width : 25%;
}

@media (max-width : 767px) {
	.list-style .product-box .img-wrapper {
		width  : 30%;
		margin : 0 auto;
		float  : right;
	}
}

@media (max-width : 575px) {
	.list-style .product-box .img-wrapper {
		width : 30%;
		float : right;
	}
}

.list-style .product-box .cart-wrap {
	display : none;
}

.list-style .product-box .product-details {
	padding-left : 15px;
	margin-top   : 0;
	width        : calc(100% - 100px);
}

[dir="rtl"] .list-style .product-box .product-details {
	padding-left  : 0;
	padding-right : 15px;
}

@media (max-width : 767px) {
	.list-style .product-box .product-details {
		width      : 70%;
		float      : right;
		margin-top : 20px;
		padding    : 0;
	}
}

.list-style .product-box .product-details .rating {
	margin : 0;
}

.list-style .product-box .product-details h5 {
	font-weight : 500;
	margin      : calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320))) 0 0 0;
}

.list-style .product-box .product-details span {
	margin-top : 5px;
}

.list-style .product-box .product-details .rating-details {
	text-align : left !important;
}

.list-style .product-box .product-details .rating-details.rating-shop {
	text-align : left;
}

[dir="rtl"] .list-style .product-box .product-details .rating-details.rating-shop {
	text-align : right;
}

.list-style .product-box .product-details .rating-details.rating-shop h5 {
	margin-top : 5px;
}

.list-style .product-box .product-details .rating-details.rating-shop .size-box {
	margin : 5px 0;
}

.list-style .product-box .product-details .rating-details .grid-content {
	display : none;
}

.list-style .product-box .product-details .main-price .listing-content {
	display : block;
}

.list-style .product-box .product-details .main-price .listing-content.listing-shop {
	text-align : left;
}

[dir="rtl"] .list-style .product-box .product-details .main-price .listing-content.listing-shop {
	text-align : right;
}

.list-style .product-box .main-price {
	display    : block !important;
	margin-top : 0 !important;
}

.list-style .product-box .main-price h3 {
	padding : 0;
	margin  : 0 0 8px;
}

.list-style .product-box .main-price p {
	display            : block !important;
	margin             : 8px 0;
	display            : -webkit-box !important;
	-webkit-line-clamp : 3;
	-webkit-box-orient : vertical;
	overflow           : hidden;
	line-height        : 1.6;
}

.list-style .product-box .main-price button {
	position           : relative;
	padding            : calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))) calc(13px + (20 - 13) * ((100vw - 320px) / (1920 - 320)));
	font-weight        : 600;
	z-index            : 1;
	-webkit-transition : all 0.5s;
	transition         : all 0.5s;
	border-radius      : 0;
	font-weight        : bold;
	background         : var(--theme-color);
	font-size          : calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)));
	color              : #ffffff;
	border-radius      : 5px;
	margin-top         : 0;
}

.list-style .product-box .main-price button:hover {
	color            : #ffffff;
	background-color : var(--theme-color);
}

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

.filter-options .select-options {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.filter-options .select-options > div + div {
	margin-left : 12px;
}

[dir="rtl"] .filter-options .select-options > div + div {
	margin-left  : 0;
	margin-right : 12px;
}

.filter-options .grid-options {
	margin-left : auto;
}

[dir="rtl"] .filter-options .grid-options {
	margin-left  : unset;
	margin-right : auto;
}

.filter-options .grid-options.avtive li {
	background-color : var(--theme-color);
}

.filter-options .grid-options.avtive li a img {
	-webkit-filter : invert(1);
	filter         : invert(1);
}

.filter-options .grid-options li {
	width            : 36px;
	height           : 36px;
	border-radius    : 4px;
	background-color : #eff2f7;
	opacity          : 0.5;
}

.filter-options .grid-options li.active {
	opacity : 1;
}

.filter-options .grid-options li a {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	height            : 100%;
}

.filter-options .grid-options li + li {
	margin-left : 8px;
}

[dir="rtl"] .filter-options .grid-options li + li {
	margin-left  : 0;
	margin-right : 8px;
}

.category-side {
	-webkit-transition : .3s ease;
	transition         : .3s ease;
}

.category-side.show {
	-webkit-transition : .3s ease;
	transition         : .3s ease;
	width              : 0;
	opacity            : 0;
	padding            : 0;
	visibility         : hidden;
}

.category-side .category-option {
	background-color : #dddddd;
}

@media (max-width : 991px) {
	.category-side .category-option {
		background-color : #eff2f7;
	}
}

.category-side .category-option .custome-form-check .form-check-input {
	background-color : #ffffff;
}

.category-side .category-option .category-name .accordion-button {
	background-color : #ffffff;
	border           : none;
}

.category-side .category-option .category-name .accordion-item {
	background-color : #eff2f7;
	border           : none;
}

@media (max-width : 991px) {
	.category-side .category-option .category-name .accordion-item {
		padding : 20px 0;
	}
}

.category-side .category-option .category-name .accordion-item + .accordion-item {
	margin-top : 0px;
}

/**=====================
     Product Page CSS Start
==========================**/
.pro-popular .product-slider .slick-prev {
	background-color : #dddddd !important;
}

.pro-popular .product-slider .slick-next {
	background-color : #dddddd !important;
}

.rating .fa-star {
	padding-right : 1px !important;
	font-size     : 16px !important;
	color         : #c3c3c3 !important;
}

.rating .fa-star.theme-color {
	color : #ffa202 !important;
}

.product-title {
	color             : #212529;
	text-transform    : capitalize;
	font-weight       : 500;
	font-size         : 16px;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : justify;
	-ms-flex-pack     : justify;
	justify-content   : space-between;
	margin-bottom     : 14px;
}

.product-title-2 {
	margin-top : 18px;
}

.product-title.hurry-title {
	-webkit-box-pack : unset;
	-ms-flex-pack    : unset;
	justify-content  : unset;
	font-weight      : 400;
}

.product-title.hurry-title span {
	margin : 0 5px;
	color  : var(--theme-color);
}

.shipping-info {
	margin-top : 10px;
}

.shipping-info li {
	display        : block;
	font-size      : 16px;
	color          : #777777;
	line-height    : 1.5;
	padding-bottom : 5px;
}

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

.product-icon input {
	padding    : 10px;
	text-align : center !important;
}

@media (max-width : 767px) {
	.product-icon {
		-webkit-box-pack : center;
		-ms-flex-pack    : center;
		justify-content  : center;
	}
}

.product-icon .product-social {
	margin-top : 5px;
}

.product-icon .product-social li {
	padding-right : 30px;
}

.product-icon .product-social li:last-child {
	padding-right : 0;
}

[dir="rtl"] .product-icon .product-social li {
	padding-right : 0;
	padding-left  : 30px;
}

.product-icon .product-social li a {
	color              : #212529;
	-webkit-transition : all 0.3s ease;
	transition         : all 0.3s ease;
	font-size          : 16px;
}

.added-notification {
	width              : 180px;
	position           : fixed;
	top                : -100px;
	right              : 30px;
	display            : -webkit-box;
	display            : -ms-flexbox;
	display            : flex;
	-webkit-box-align  : center;
	-ms-flex-align     : center;
	align-items        : center;
	background-color   : transparent;
	border-radius      : 3px;
	padding            : 6px;
	overflow           : hidden;
	-webkit-box-shadow : 0 0 2px 1px #ced4da;
	box-shadow         : 0 0 2px 1px #ced4da;
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
	z-index            : 9;
	background-color   : #ffffff;
}

@media (max-width : 575px) {
	.added-notification {
		right : 12px;
	}
}

.added-notification.show {
	top                : 30px;
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
}

.added-notification img {
	width : 25%;
}

.added-notification h3 {
	color          : #212529;
	text-transform : capitalize;
	font-size      : 16px;
	margin         : 0 10px;
	font-weight    : 400;
	white-space    : nowrap;
}

.addeffect-section {
	padding-top    : 15px;
	padding-bottom : 20px;
	border-top     : 1px dashed #dddddd;
}

.addeffect-section.cartMove .error-message {
	display : block;
}

.addeffect-section.cartMove .size-box {
	-webkit-animation : buttons-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	animation         : buttons-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.addeffect-section .size-box {
	margin : 10px 0;
}

.addeffect-section .size-box ul li {
	height             : 35px;
	width              : 35px;
	border-radius      : 5px;
	margin-right       : 10px;
	cursor             : pointer;
	background-color   : #eff2f7;
	border             : 1px solid #eff2f7;
	text-align         : center;
	-webkit-transition : all 0.2s ease-in-out;
	transition         : all 0.2s ease-in-out;
}

[dir="rtl"] .addeffect-section .size-box ul li {
	margin-right : 0;
	margin-left  : 10px;
}

.addeffect-section .size-box ul li.active {
	background : #212529;
}

.addeffect-section .size-box ul li.active a {
	color : #ffffff;
}

.addeffect-section .size-box ul li a {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	height            : 100%;
	color             : #212529;
	font-weight       : 400;
}

.addeffect-section .error-message {
	display     : none;
	color       : var(--theme-color);
	font-weight : 500;
	margin      : 10px 0;
}

@media (max-width : 767px) {
	.addeffect-section .qty-box .input-group {
		-webkit-box-pack : center;
		-ms-flex-pack    : center;
		justify-content  : center;
	}
}

.addeffect-section .qty-box .input-group span button {
	border : 1px solid #ced4da;
	height : 100%;
}

.addeffect-section .qty-box .input-group .form-control {
	text-align       : center;
	width            : 80px;
	-webkit-box-flex : unset;
	-ms-flex         : unset;
	flex             : unset;
}

.addeffect-section .qty-box .input-group input {
	padding : 12px 10px;
}

.addeffect-section .qty-box .input-group button {
	background-color : transparent;
	border           : 0;
	color            : #212529;
	cursor           : pointer;
	font-size        : 12px;
	font-weight      : 900;
	line-height      : 1;
	padding          : 15px 20px;
}

.addeffect-section .qty-box .input-group button i {
	font-weight : 900;
	color       : #212529;
}

.addeffect-section .qty-box .input-group .icon {
	padding-right : 0;
}

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

@media (max-width : 767px) {
	.product-buttons {
		-webkit-box-pack : center;
		-ms-flex-pack    : center;
		justify-content  : center;
	}
}

@media (max-width : 575px) {
	.product-buttons {
		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;
	}
}

.product-buttons .btn-solid {
	background-color  : var(--theme-color);
	color             : #ffffff;
	padding           : 12px 45px;
	font-size         : 15px;
	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;
}

.product-buttons .btn-solid + .btn-solid {
	margin-left : 8px;
}

[dir="rtl"] .product-buttons .btn-solid + .btn-solid {
	margin-right : 8px;
	margin-left  : unset;
}

@media (max-width : 991px) {
	.product-buttons .btn-solid {
		padding : 12px 30px;
	}
}

@media (max-width : 575px) {
	.product-buttons .btn-solid {
		width : 100%;
	}
}

@media (max-width : 480px) {
	.product-buttons .btn-solid {
		padding   : 10px 20px;
		font-size : 14px;
	}
}

.product-buttons .btn-solid i {
	font-size    : 17px;
	margin-right : 5px;
}

[dir="rtl"] .product-buttons .btn-solid i {
	margin-right : unset;
	margin-left  : 5px;
}

.product-buttons .btn-solid span {
	font-weight : 500;
}

.product-buttons .btn-solid.btn-animation i {
	-webkit-animation : ring 4s 0.7s ease-in-out infinite;
	animation         : ring 4s 0.7s ease-in-out infinite;
}

.shipping-order li {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	text-align        : left;
}

@media (max-width : 767px) {
	.shipping-order li {
		-webkit-box-pack : center;
		-ms-flex-pack    : center;
		justify-content  : center;
	}
}

.shipping-order li img {
	margin-right : 18px;
}

.product-count {
	background-color : #eff2f7;
	padding          : 10px 12px !important;
	margin-bottom    : 20px;
	font-weight      : lighter;
}

.product-count img {
	margin-right : 6px;
}

[dir="rtl"] .product-count img {
	margin-right : 0;
	margin-left  : 6px;
}

.product-count ul {
	margin-bottom : -4px;
}

.product-count ul li {
	margin-bottom : 4px;
}

.product-count ul li:first-child {
	margin-right : 14px;
}

[dir="rtl"] .product-count ul li:first-child {
	margin-right : 0;
	margin-left  : 14px;
}

.rating-section {
	margin-bottom     : 15px;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

@media (max-width : 767px) {
	.rating-section {
		-webkit-box-pack : center;
		-ms-flex-pack    : center;
		justify-content  : center;
	}
}

.rating-section h6 {
	margin-bottom : 0;
	margin-left   : 10px;
	font-weight   : 500;
	font-size     : 15px;
}

[dir="rtl"] .rating-section h6 {
	margin-left  : 0;
	margin-right : 10px;
}

.color-variant {
	margin-bottom : 10px;
}

.color-variant li {
	height             : 30px;
	width              : 30px;
	cursor             : pointer;
	display            : inline-block;
	border-radius      : 100%;
	margin-right       : 5px;
	overflow           : hidden;
	-webkit-transition : all .3s ease;
	transition         : all .3s ease;
}

.color-variant li + li {
	margin-left : 0;
}

.color-variant li:nth-child(1) {
	background-color : #f1e7e6;
}

.color-variant li:nth-child(3) {
	background-color : #bfbfbf;
}

.color-variant li.active {
	position : relative;
}

.color-variant li.active:after {
	content           : "\f00c";
	font-family       : "Font Awesome 5 Free";
	font-weight       : 900;
	top               : 10px;
	height            : 100%;
	right             : 4px;
	height            : 15px;
	width             : 15px;
	background-size   : 70%;
	background-repeat : no-repeat;
	position          : absolute;
	opacity           : 0.8;
}

.price-detail {
	font-size   : 23px;
	color       : #212529;
	font-weight : 400;
	margin      : 15px 0;
}

.price-detail del {
	font-size   : 14px;
	color       : #aaaaaa;
	font-weight : 400;
}

.price-detail span {
	font-size    : 16px;
	color        : var(--theme-color);
	padding-left : 10px;
}

[dir="rtl"] .price-detail span {
	padding-left  : 0;
	padding-right : 10px;
}

.label-section {
	margin : 10px 0;
}

.label-section .badge-grey-color {
	padding    : 6px 11px;
	font-size  : 12px;
	background : #929292;
}

.label-section .badge-status-color {
	padding    : 6px 11px;
	font-size  : 12px;
	background : #303232;
}

.label-section .badge-danger-color {
	padding    : 6px 11px;
	font-size  : 12px;
	background : rgba(226, 36, 84, 1)
}

.label-section .label-text {
	text-transform : capitalize;
	padding-left   : 5px;
}

[dir="rtl"] .label-section .label-text {
	padding-left  : 0;
	padding-right : 5px;
}

.service-accorion {
	padding : 28px;
}

.service-accorion .accordion-collapse {
	margin-top : 0 !important;
}

.service-accorion .accordion-collapse .accordion-body .category-list li {
	margin : 0 !important;
}

.service-accorion .accordion-collapse .accordion-body .category-list li + li {
	margin-top : 30px !important;
}

.service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-icon svg {
	width        : 30px;
	height       : 30px;
	margin-right : 16px;
	fill         : var(--theme-color);
	stroke       : var(--theme-color);
	font-weight  : 300;
}

[dir="rtl"] .service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-icon svg {
	margin-right : 0;
	margin-left  : 16px;
}

@media (max-width : 767px) {
	.service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-icon svg {
		width  : 35px;
		height : 35px;
	}
}

.service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-content h3 {
	margin-top  : -1px;
	font-size   : 15px;
	font-weight : 400;
}

@media (max-width : 1199px) {
	.service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-content h3 {
		margin-bottom : 2px !important;
	}
}

.service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-content span {
	display       : block;
	margin-bottom : -3px;
}

@media (max-width : 991px) {
	.service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-content span {
		font-size : 13px;
	}
}

.details-items .color-image {
	margin            : 20px 0;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

@media (max-width : 767px) {
	.details-items .color-image {
		-webkit-box-pack : center;
		-ms-flex-pack    : center;
		justify-content  : center;
	}
}

.details-items .color-image .image-select {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.details-items .color-image .image-select h5 {
	white-space : nowrap;
}

.details-items .color-image .image-select .image-section {
	width             : calc(100% - 30px);
	margin-left       : 10px;
	-ms-flex-wrap     : nowrap;
	flex-wrap         : nowrap;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

[dir="rtl"] .details-items .color-image .image-select .image-section {
	margin-left  : 0;
	margin-right : 10px;
}

.details-items .color-image .image-select .image-section li {
	width              : 60px;
	height             : 60px;
	margin-right       : 10px;
	overflow           : hidden;
	border-radius      : 5px;
	-webkit-transition : all 0.5s ease-in-out;
	transition         : all 0.5s ease-in-out;
}

.details-items .color-image .image-select .image-section li.active {
	-webkit-box-shadow : 0 1px 6px rgba(0, 0, 0, 0.4);
	box-shadow         : 0 1px 6px rgba(0, 0, 0, 0.4);
}

.details-items .details-image {
	position : relative;
}

.details-items .details-image .product-image-tag {
	position : relative;
}

.details-items .details-image .product-image-tag img {
	border-radius : 5px;
	height        : 100%;
	position      : relative;
}

.details-items .details-image .product-image-tag .label-tag {
	position         : absolute;
	bottom           : 10px;
	right            : 0;
	border-radius    : 50px 0 0 50px;
	background-color : #ffffff;
	display          : none;
}

@media (max-width : 575px) {
	.details-items .details-image .product-image-tag .label-tag {
		display : block;
	}
}

.details-items .details-image .product-image-tag .label-tag h6 {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	padding           : 8px 10px;
	font-weight       : 500;
	font-size         : 12px;
}

.details-items .details-image .product-image-tag .label-tag h6 i {
	font-size : 10px;
	margin    : -1px 2px 0 0;
	color     : var(--theme-color);
}

.details-items .details-image .product-image-tag .label-tag h6 span {
	font-weight  : 400;
	border-left  : 1px solid #dddddd;
	padding-left : 6px;
	margin-left  : 6px;
}

.details-items .degree-section {
	position : relative;
}

.details-items .degree-section .image-360 {
	position       : absolute;
	top            : 20px;
	right          : 20px;
	-webkit-filter : brightness(0.5);
	filter         : brightness(0.5);
	z-index        : 1;
	cursor         : pointer;
}

.details-items .degree-section .image-360.videoplay-box {
	-webkit-filter : contrast(0.5);
	filter         : contrast(0.5);
}

.details-items .details-image-option .play-icon {
	position : relative;
}

.details-items .details-image-option .play-icon .fa-play {
	position          : absolute;
	top               : 50%;
	left              : 50%;
	-webkit-transform : translate(-50%, -50%);
	transform         : translate(-50%, -50%);
	color             : #212529;
	border            : 2px solid #212529;
	padding           : 15px;
	border-radius     : 50%;
	font-size         : 18px;
}

.details-items .cloth-details-size {
	position : sticky;
	top      : 10px;
}

@media (max-width : 767px) {
	.details-items .cloth-details-size {
		text-align : center;
	}
}

.details-items .cloth-details-size .details-image-concept {
	margin : 15px 0;
}

.details-items .cloth-details-size .details-image-concept h2 {
	text-transform : uppercase;
	font-size      : calc(18px + (25 - 20) * ((100vw - 320px) / (1920 - 320)));
	line-height    : 1.2em;
	color          : #212529;
}

.details-items .cloth-details-size .rating-number {
	display : inline-block;
	padding : 10px 0 0 0;
	color   : #212529;
}

.details-items .cloth-details-size .rating-number h5 {
	font-size     : 15px;
	margin        : 0;
	padding       : 10px;
	border-radius : 5px;
	border        : 1px solid rgba(0, 0, 0, 0.1);
}

.details-items .cloth-details-size .rating-number h5 .feather {
	width      : 15px;
	margin     : 0 2px;
	margin-top : -3px;
	fill       : #ffa202;
	color      : #ffa202;
}

.details-items .cloth-details-size .rating-number h5 span {
	font-weight : 300;
	color       : #212529;
}

.details-items .cloth-details-size .price-rating {
	padding       : 0;
	margin-bottom : 0;
}

.details-items .cloth-details-size .price-rating li {
	list-style      : none;
	display         : inline-block;
	margin-right    : 10px;
	color           : var(--theme-color);
	text-decoration : none;
	font-weight     : 600;
	font-size       : 20px;
}

.details-items .cloth-details-size .price-rating li:nth-child(2) {
	color           : #696969;
	text-decoration : line-through;
	font-weight     : 300;
	font-size       : 15px;
}

.details-items .cloth-details-size .price-rating li:nth-child(3) {
	color       : #009c00;
	font-weight : 600;
}

.details-items .cloth-details-size .border-product {
	padding    : 20px 0;
	border-top : 1px dashed #dddddd;
}

.details-items .cloth-details-size .border-product img {
	width     : 100%;
	max-width : 75%;
}

@media (max-width : 767px) {
	.details-items .cloth-details-size .border-product img {
		width     : 100%;
		max-width : 100%;
	}
}

.details-items .cloth-details-size .timer-5 {
	margin-top    : 10px;
	display       : -webkit-box;
	display       : -ms-flexbox;
	display       : flex;
	-ms-flex-wrap : wrap;
	flex-wrap     : wrap;
	margin        : 10px -5px 0;
}

.details-items .cloth-details-size .timer-5 h5 {
	display : inline-block;
	margin  : 5px;
}

.details-items .cloth-details-size .timer-5 .timer1 {
	padding : 0;
	width   : auto;
	display : inline-block;
}

.details-items .cloth-details-size .timer-5 .timer1 .counter {
	display : inline-block;
}

.details-items .cloth-details-size .timer-5 .timer1 .counter h5 {
	display : inline-block;
	color   : #212529;
}

.details-items .cloth-details-size .progress {
	background-color : #dddddd;
	height           : 5px;
	width            : 70%;
}

@media (max-width : 1199px) {
	.details-items .cloth-details-size .progress {
		width : 75%;
	}
}

@media (max-width : 767px) {
	.details-items .cloth-details-size .progress {
		width : 100%;
	}
}

.details-items .cloth-details-size .progress .progress-bar {
	background-color : var(--theme-color);
}

.details-items .cloth-details-size .image-bundle .bundle-img {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.details-items .cloth-details-size .image-bundle .bundle-img .image-contain a img {
	max-width          : 115px;
	-webkit-box-shadow : 0 0 8px rgba(33, 37, 41, 0.15);
	box-shadow         : 0 0 8px rgba(33, 37, 41, 0.15);
}

.details-items .cloth-details-size .image-bundle .bundle-img span {
	margin : 0 15px;
}

.details-items .cloth-details-size .image-bundle .checkbox-details {
	margin-top : 18px;
}

.details-items .cloth-details-size .image-bundle .checkbox-details .checkbox-list {
	display       : block;
	margin-bottom : 10px;
}

.details-items .cloth-details-size .cloth-size h5 {
	font-weight   : 600;
	font-size     : 22px;
	margin-bottom : 4px;
}

.details-items .cloth-details-size .cloth-size .choose-size {
	padding : 0;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	margin  : -10px;
}

.details-items .cloth-details-size .cloth-size .choose-size li {
	list-style        : none;
	border-radius     : 5px;
	font-size         : 15px;
	border            : 1px solid rgba(33, 37, 41, 0.2);
	margin            : 10px;
	width             : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
}

.details-items .cloth-details-size .cloth-size .choose-size li a {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	color             : #212529;
	text-decoration   : none;
	width             : 40px;
	height            : 40px;
	font-size         : 13px;
}

.details-items .cloth-details-size .cloth-size .choose-size li:hover a {
	font-weight : bold;
}

.details-items .cloth-details-size .cloth-timer {
	height            : 50px;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	color             : #212529;
	background-color  : #eaeaea;
}

.details-items .cloth-details-size .cloth-timer h4 {
	font-size : calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
}

.details-items .cloth-details-size .cloth-timer #time-date {
	border-right : 1px solid rgba(0, 0, 0, 0.2);
	bottom       : 0;
	right        : 0;
	font-size    : calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
	display      : inline-block;
	margin       : 0;
	font-weight  : 500;
}

.details-items .cloth-details-size .cloth-color .dropdown-color {
	border-radius    : 5px;
	padding          : 9px;
	border           : 1px solid rgba(0, 0, 0, 0.2);
	width            : 100%;
	height           : 100%;
	font-weight      : 400;
	background-color : white;
}

.details-items .cloth-details-size .cloth-color .dropdown-color:focus-visible {
	outline : none;
}

.details-items .cloth-details-size .cloth-color .dropdown-color option {
	color : #212529;
}

.details-items .cloth-details-size .cloth-color .counter-1 {
	width             : 100%;
	text-align        : center;
	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;
}

.details-items .cloth-details-size .cloth-color .counter-1 input {
	width              : 100px;
	height             : 40px;
	border             : 0;
	line-height        : 30px;
	font-size          : 20px;
	text-align         : center;
	background         : #ffffff;
	margin             : 0px 5px;
	color              : #212529;
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
	outline            : 0;
}

.details-items .cloth-details-size .cloth-color .counter-1 span {
	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;
	font-size           : 25px;
	width               : 40px;
	height              : 40px;
	cursor              : pointer;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
	background-color    : #696969;
	border-radius       : 5px;
}

.details-items .cloth-details-size .cloth-color .counter-1 span .feather {
	color        : #ffffff;
	width        : 20px;
	stroke-width : 2.5px;
}

.details-items .cloth-details-size .cloth-color .wise-list {
	width              : 40px;
	height             : 40px;
	border-radius      : 5px;
	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;
	margin-left        : auto;
	border             : 1px solid var(--theme-color);
	-webkit-transition : all 0.5s ease-in-out;
	transition         : all 0.5s ease-in-out;
}

.details-items .cloth-details-size .cloth-color .wise-list:hover {
	border           : 1px solid var(--theme-color);
	background-color : var(--theme-color);
}

.details-items .cloth-details-size .cloth-color .wise-list:hover .feather {
	fill         : var(--theme-color);
	color        : white;
	stroke-width : 3px;
}

.details-items .cloth-details-size .cloth-color .wise-list .feather {
	width              : 20px;
	-webkit-transition : all 0.5s ease-in-out;
	transition         : all 0.5s ease-in-out;
}

.details-items .cloth-details-size .cart-button .buy-cart {
	background-color : var(--theme-color);
	width            : 100%;
	height           : 100%;
	border-radius    : 5px;
	color            : #ffffff;
	font-weight      : bold;
	font-size        : calc(13px + (16 - 13) * ((100vw - 320px) / (1600 - 320)));
	border           : none;
	padding          : 0;
}

.details-items .cloth-details-size .cart-button .buy-cart .fa-shopping-cart {
	margin-top : -1px;
}

.details-items .cloth-details-size .cart-button .add-cart {
	background-color : #ffffff;
	width            : 100%;
	height           : calc(40px + (50 - 40) * ((100vw - 320px) / (1600 - 320)));
	border-radius    : 5px;
	border           : 1px solid rgba(0, 0, 0, 0.1);
	font-size        : calc(13px + (16 - 13) * ((100vw - 320px) / (1600 - 320)));
	padding          : 0;
}

.details-items .cloth-details-size .cart-button .add-cart h6 {
	font-weight : 400;
}

.details-items .cloth-details-size .pay-option {
	padding : 0;
	margin  : 0;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
}

.details-items .cloth-details-size .pay-option li {
	list-style        : none;
	width             : 60px;
	height            : 60px;
	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;
}

.details-items .cloth-details-size .pay-option li a {
	color             : gray;
	font-size         : 30px;
	margin            : 0;
	padding           : 0;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	text-decoration   : none;
}

.details-items .cloth-details-size .share-it {
	display            : -webkit-box;
	display            : -ms-flexbox;
	display            : flex;
	-ms-flex-line-pack : center;
	align-content      : center;
	position           : absolute;
	top                : 0;
	right              : 0;
}

.details-items .cloth-details-size .share-it button {
	display          : inline-block;
	color            : #c6c9cc;
	cursor           : pointer;
	background-color : #ececec;
	border           : none;
	padding          : 6px 12px;
	border-radius    : 4px;
}

.details-items .cloth-details-size .share-it button .feather {
	width : 18px;
	color : #212529;
}

.details-items .cloth-details-size .share-it .share-option {
	padding : 0;
}

.details-items .cloth-details-size .share-it .share-option li {
	list-style   : none;
	margin-right : 20px;
}

.details-items .cloth-details-size .share-it .share-option li a {
	color     : #212529;
	font-size : 20px;
}

.details-items .cloth-details-size .share-it .share-option li a:hover {
	color : #696969;
}

.cloth-review .nav-tabs {
	-ms-flex-wrap : initial;
	flex-wrap     : initial;
	overflow-x    : auto;
	overflow-y    : hidden;
	border-bottom : 1px solid #ced4da;
}

.cloth-review .nav-tabs .nav-link {
	color         : #212529;
	border-bottom : 4px solid transparent;
	padding       : 15px 20px;
	font-size     : 19px;
	font-weight   : 500;
	margin-right  : 20px;
	white-space   : nowrap;
}

[dir="rtl"] .cloth-review .nav-tabs .nav-link {
	margin-right : 0;
	margin-left  : 20px;
}

@media (max-width : 575px) {
	.cloth-review .nav-tabs .nav-link {
		margin-right : 0;
	}
}

.cloth-review .nav-tabs .nav-link:hover {
	border-top-color   : transparent;
	border-right-color : transparent;
	border-left-color  : transparent;
	border-bottom      : 4px solid var(--theme-color);
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
}

.cloth-review .nav-tabs .nav-link.active {
	border-top-color   : transparent;
	border-right-color : transparent;
	border-left-color  : transparent;
	border-bottom      : 4px solid var(--theme-color);
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
	color              : #212529;
	background-color   : #ffffff;
}

.cloth-review .shipping-chart {
	padding-bottom : 5px;
	padding        : 0;
}

.cloth-review .shipping-chart li {
	font-size  : 15px;
	list-style : none;
	color      : #696969;
	padding    : 0;
	margin     : 10px 0;
	display    : block;
}

.cloth-review .tab-pane {
	padding-top : 30px;
}

.cloth-review .tab-pane .customer-review-box h4 {
	margin-bottom : 0px;
}

.cloth-review .tab-pane .customer-review-box .customer-section {
	border-bottom     : 1px solid rgba(206, 212, 218, 0.7);
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : start;
	-ms-flex-align    : start;
	align-items       : flex-start;
	padding           : 30px 0;
}

.cloth-review .tab-pane .customer-review-box .customer-section .customer-profile {
	width         : 60px;
	height        : 60px;
	overflow      : hidden;
	border-radius : 50%;
	margin-right  : 28px;
}

[dir="rtl"] .cloth-review .tab-pane .customer-review-box .customer-section .customer-profile {
	margin-right : 0;
	margin-left  : 28px;
}

.cloth-review .tab-pane .customer-review-box .customer-section .customer-details {
	width : calc(100% - 30px);
}

.cloth-review .tab-pane .customer-review-box .customer-section .customer-details h5 {
	font-weight : 500;
}

.cloth-review .tab-pane .customer-review-box .customer-section .customer-details p {
	line-height : 1.4;
}

.cloth-review .tab-pane .customer-review-box .customer-section .customer-details .date-custo {
	margin-top : 15px;
	font-size  : 14px;
}

.cloth-review .tab-pane .customer-rating .rating-progess {
	margin-top : 21px;
}

.cloth-review .tab-pane .customer-rating .rating-progess li {
	width             : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	margin-bottom     : 20px;
}

.cloth-review .tab-pane .customer-rating .rating-progess li .progress {
	width         : 100%;
	border-radius : 8px;
	height        : 12px;
}

.cloth-review .tab-pane .customer-rating .rating-progess li .progress .progress-bar {
	background-color : #ffa202;
}

.cloth-review .tab-pane .customer-rating .rating-progess li h5 {
	margin      : 0;
	white-space : nowrap;
	color       : #212529;
	font-size   : 14px;
}

.cloth-review .tab-pane .table-pane tr.bg-color {
	background-color : #eff2f7;
}

.cloth-review .tab-pane .pro .table-part {
	margin-top : 25px;
}

.cloth-review .tab-pane .pro .table-part tr {
	color : #7e7e7e;
}

.cloth-review .tab-pane .pro .table-part tr th {
	border           : 1px solid #ced4da;
	background-color : #eff2f7;
	font-weight      : 500;
	padding          : 1.5rem !important;
	white-space      : nowrap;
}

.cloth-review .tab-pane .pro .table-part tr td {
	border      : 1px solid #ced4da;
	text-align  : left;
	padding     : 1.5rem !important;
	white-space : nowrap;
}

[dir="rtl"] .cloth-review .tab-pane .pro .table-part tr td {
	text-align : right;
}

.cloth-review .tab-pane .question-answer ul li {
	margin-bottom  : 26px;
	padding-bottom : 26px;
	border-bottom  : 1px solid #ced4da;
}

.cloth-review .tab-pane .question-answer ul li .que {
	font-weight       : 500;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : start;
	-ms-flex-align    : start;
	align-items       : flex-start;
	margin-bottom     : 0;
}

.cloth-review .tab-pane .question-answer ul li .que .fa-question {
	margin-right      : 15px;
	font-size         : 19px;
	color             : var(--theme-color);
	width             : 38px;
	height            : 38px;
	border-radius     : 100%;
	border            : 1px solid #ced4da;
	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;
}

[dir="rtl"] .cloth-review .tab-pane .question-answer ul li .que .fa-question {
	margin-right : 0;
	margin-left  : 15px;
}

.cloth-review .tab-pane .question-answer ul li .que .que-details {
	width : calc(100% - 30px);
}

.cloth-review .tab-pane .question-answer ul li .que .que-details h6 {
	font-weight    : 400;
	text-transform : capitalize;
	display        : block;
	width          : 100%;
	color          : #212529;
	font-size      : 16px;
	line-height    : 1.5;
}

.cloth-review .tab-pane .question-answer ul li .que .que-details p {
	margin-bottom : 0;
	line-height   : 1.6;
	font-size     : 14px;
	margin-top    : 15px;
	font-weight   : 300;
	color         : #7e7e7e;
}

.cloth-review .tab-pane .speci-list {
	display       : block;
	margin-bottom : 28px;
}

.cloth-review .tab-pane .speci-list h6 {
	font-weight : 500;
}

.cloth-review .tab-pane .speci-list h6 span {
	font-weight : 400;
}

.cloth-review .tab-pane p {
	margin-bottom : 0;
	color         : #222222;
	font-weight   : lighter;
	line-height   : 1.8;
	font-size     : 14px;
}

.cloth-review .tab-pane h2,
h3,
h4 {
	font-weight   : normal;
	font-size     : 18px;
	margin-bottom : 12px;
	margin-top    : 20px;
}

.cloth-review .tab-pane .submit-button {
	background-color : var(--theme-color);
	color            : #ffffff;
	font-weight      : bold;
}

.cloth-review .tab-pane table tbody tr th {
	padding     : 1.2rem 0.5rem !important;
	font-weight : 400;
	white-space : nowrap;
}

.cloth-review .tab-pane table tbody tr td {
	padding     : 1.2rem 0.5rem;
	white-space : nowrap;
	text-align  : center;
}

.cloth-review .review-box .form-control:focus {
	border-color       : #eff3f7 !important;
	-webkit-box-shadow : none;
	box-shadow         : none;
}

.part {
	margin-bottom : calc(0px + (20 - 0) * ((100vw - 320px) / (1920 - 320)));
}

.part .inner-title {
	font-weight    : 400;
	text-transform : capitalize;
	font-size      : 18px;
}

.custome-modal .modal-content {
	border-radius : 10px;
}

.custome-modal .modal-content .modal-header {
	padding : 0;
}

.custome-modal .modal-content .modal-header button {
	position : absolute;
	top      : 10px;
	right    : 10px;
	margin   : 0;
	z-index  : 1;
	opacity  : 1;
	color    : #ffffff;
	display  : -webkit-box;
	display  : -ms-flexbox;
	display  : flex;
}

.custome-modal .modal-content .modal-body {
	display            : -webkit-box;
	display            : -ms-flexbox;
	display            : flex;
	-ms-flex-line-pack : center;
	align-content      : center;
}

.custome-modal .modal-content .modal-body .share-it {
	padding : 0;
	margin  : 0;
}

.custome-modal .modal-content .modal-body .share-it li {
	list-style : none;
	display    : block;
}

.custome-modal .modal-content .modal-body .share-it li + li {
	margin-top : 30px;
}

.custome-modal .modal-content .modal-body .share-it li a {
	text-decoration    : none;
	color              : #212529;
	display            : -webkit-box;
	display            : -ms-flexbox;
	display            : flex;
	-ms-flex-line-pack : center;
	align-content      : center;
}

.custome-modal .modal-content .modal-body .share-it li a p {
	margin-bottom : 0;
}

.custome-modal .modal-content .modal-body .share-it li a i {
	margin-right       : 10px;
	stroke-width       : 1px;
	display            : -webkit-box;
	display            : -ms-flexbox;
	display            : flex;
	line-height        : 1.5;
	-ms-flex-line-pack : center;
	align-content      : center;
}

.recently-purchase {
	background         : #ffffff;
	max-width          : 400px;
	border             : 0;
	border-radius      : 0;
	bottom             : -200px;
	left               : 10px;
	padding            : 12px;
	position           : fixed;
	text-align         : left;
	width              : auto;
	z-index            : 7;
	-webkit-box-shadow : 0 0 4px 0 rgba(33, 37, 41, 0.2);
	box-shadow         : 0 0 4px 0 rgba(33, 37, 41, 0.2);
	padding            : 5px;
	display            : -webkit-box;
	display            : -ms-flexbox;
	display            : flex;
	-webkit-box-align  : center;
	-ms-flex-align     : center;
	align-items        : center;
	-webkit-transition : all 0.6s ease;
	transition         : all 0.6s ease;
}

[dir="rtl"] .recently-purchase {
	left  : unset;
	right : 10px;
}

@media (max-width : 360px) {
	.recently-purchase {
		left   : 0;
		margin : 0 13px;
	}
}

.recently-purchase.show {
	bottom             : 10px;
	-webkit-transition : all 0.6s ease;
	transition         : all 0.6s ease;
}

@media (max-width : 767px) {
	.recently-purchase.show {
		bottom : 80px;
	}
}

@media (max-width : 480px) {
	.recently-purchase.show {
		bottom : 64px;
	}
}

.recently-purchase img {
	width : 22%;
}

.recently-purchase .close-popup {
	position : absolute;
	right    : 7px;
	top      : 7px;
	opacity  : 0.5;
	color    : #212529;
}

[dir="rtl"] .recently-purchase .close-popup {
	right : unset;
	left  : 7px;
}

.recently-purchase .media-body {
	padding : 0 20px;
}

[dir="rtl"] .recently-purchase .media-body {
	text-align : right;
}

.recently-purchase .media-body h4 {
	font-size   : calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
	font-weight : 500;
}

.recently-purchase .media-body .title {
	font-weight : 600;
}

.recently-purchase .media-body .product-name {
	color     : var(--theme-color);
	font-size : 12px;
	display   : block;
	margin    : 2px 0;
}

.recently-purchase .media-body .timeAgo {
	display : block;
}

.stickyCart {
	padding-bottom : 94px;
}

@media (max-width : 575px) {
	.stickyCart {
		padding-bottom : 0;
	}
}

.stickyCart .sticky-bottom-cart {
	bottom             : 0;
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
}

.stickyCart .recently-purchase.show {
	bottom : 110px;
}

.stickyCart .tap-top {
	bottom : 110px;
}

.outline-button {
	padding        : 12px 45px;
	font-size      : 15px;
	text-transform : capitalize;
	font-weight    : 600;
}

@media (max-width : 767px) {
	.outline-button {
		padding : 12px;
	}
}

.sticky-bottom-cart {
	position           : fixed;
	bottom             : -160px;
	width              : 100vw;
	z-index            : 9;
	background-color   : #ffffff;
	padding            : 12px 0;
	-webkit-box-shadow : 0 0 3px 1px rgba(0, 0, 0, 0.16);
	box-shadow         : 0 0 3px 1px rgba(0, 0, 0, 0.16);
	-webkit-transition : all 0.5s ease;
	transition         : all 0.5s ease;
}

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

@media (max-width : 575px) {
	.sticky-bottom-cart .cart-content {
		display : block;
	}
}

.sticky-bottom-cart .product-image {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

@media (max-width : 575px) {
	.sticky-bottom-cart .product-image {
		display : none;
	}
}

.sticky-bottom-cart .product-image img {
	width              : 60px;
	height             : 60px;
	-o-object-fit      : cover;
	object-fit         : cover;
	-o-object-position : top;
	object-position    : top;
}

.sticky-bottom-cart .product-image .content {
	margin-left : 12px;
	color       : #212529;
	margin-top  : 0;
}

[dir="rtl"] .sticky-bottom-cart .product-image .content {
	margin-left  : 0;
	margin-right : 12px;
}

@media (max-width : 991px) {
	.sticky-bottom-cart .product-image .content {
		display : none;
	}
}

@media (max-width : 480px) {
	.sticky-bottom-cart .product-image .content {
		display : block;
	}
}

.sticky-bottom-cart .product-image .content h5,
.sticky-bottom-cart .product-image .content h6 {
	margin-bottom : 0;
}

.sticky-bottom-cart .product-image .content h5 {
	font-size      : 16px;
	font-weight    : 500;
	text-transform : capitalize;
}

.sticky-bottom-cart .product-image .content h6 {
	font-size  : 15px;
	margin-top : 3px;
}

.sticky-bottom-cart .product-image .content h6 del {
	margin-left : 7px;
}

.sticky-bottom-cart .product-image .content h6 span {
	color       : var(--theme-deafult);
	margin-left : 5px;
}

[dir="rtl"] .sticky-bottom-cart .product-image .content h6 span {
	margin-left  : 0;
	margin-right : 5px;
}

.sticky-bottom-cart .selection-section {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	margin            : 0 10px;
}

@media (max-width : 575px) {
	.sticky-bottom-cart .selection-section {
		display : none;
	}
}

.sticky-bottom-cart .selection-section .form-control {
	background-color : #eff2f7;
	border           : 1px solid #eff2f7;
	text-transform   : capitalize;
}

.sticky-bottom-cart .selection-section .form-control:focus {
	-webkit-box-shadow : none;
	box-shadow         : none;
}

.sticky-bottom-cart .selection-section .form-group {
	width        : 300px;
	margin-left  : 10px;
	margin-right : 10px;
}

@media (max-width : 1199px) {
	.sticky-bottom-cart .selection-section .form-group {
		width : 190px;
	}
}

@media (max-width : 767px) {
	.sticky-bottom-cart .selection-section .form-group {
		margin-right : 0;
		width        : unset;
	}
}

@media (max-width : 575px) {
	.sticky-bottom-cart .add-btn {
		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;
	}
}

@media (max-width : 575px) {
	.sticky-bottom-cart .add-btn a {
		width             : 100%;
		display           : -webkit-box;
		display           : -ms-flexbox;
		display           : flex;
		-webkit-box-align : center;
		-ms-flex-align    : center;
		align-items       : center;
		-webkit-box-pack  : center;
		-ms-flex-pack     : center;
		justify-content   : center;
	}
}

.sticky-bottom-cart .add-btn a.wishlist-btn {
	display          : none;
	background-color : #eff2f7;
	color            : #212529;
}

.sticky-bottom-cart .add-btn a.wishlist-btn:hover {
	background-color : var(--theme-color);
	border-color     : var(--theme-color);
	color            : #ffffff;
}

@media (max-width : 575px) {
	.sticky-bottom-cart .add-btn a.wishlist-btn {
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
}

@media (max-width : 575px) {
	.sticky-bottom-cart .add-btn a + a {
		margin-left : 8px;
	}
	
	[dir="rtl"] .sticky-bottom-cart .add-btn a + a {
		margin-right : 8px;
		margin-left  : unset;
	}
}

.sticky-bottom-cart .add-btn a i {
	margin-right : 7px;
}

[dir="rtl"] .sticky-bottom-cart .add-btn a i {
	margin-right : unset;
	margin-left  : 7px;
}

.product-image {
	border-radius     : 7px;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.product-image:hover .product-details .cart-wrap {
	opacity : 1;
}

.product-image:hover .product-details .cart-wrap ul li {
	opacity           : 1;
	-webkit-transform : translateY(0);
	transform         : translateY(0);
}

.product-image:hover .product-details .cart-wrap ul li:nth-child(2) {
	-webkit-transition-delay : 0.1s;
	transition-delay         : 0.1s;
}

.product-image:hover .product-details .cart-wrap ul li:nth-child(3) {
	-webkit-transition-delay : 0.2s;
	transition-delay         : 0.2s;
}

.product-image:hover .product-details .cart-wrap ul li:nth-child(4) {
	-webkit-transition-delay : 0.3s;
	transition-delay         : 0.3s;
}

.product-image:hover .product-details .cart-wrap ul li:nth-child(5) {
	-webkit-transition-delay : 0.4s;
	transition-delay         : 0.4s;
}

[dir="rtl"] .product-image {
	direction : rtl;
}

.product-image img {
	width         : 80px;
	height        : 90px;
	-o-object-fit : cover;
	object-fit    : cover;
}

.product-image .product-details {
	margin-left : 15px;
	overflow    : hidden;
	position    : relative;
}

.product-image .product-details .cart-wrap {
	position           : absolute;
	top                : 50%;
	-webkit-transform  : translateY(-50%);
	transform          : translateY(-50%);
	width              : 100%;
	height             : 100%;
	left               : 0;
	background-color   : #ffffff;
	display            : -webkit-box;
	display            : -ms-flexbox;
	display            : flex;
	-webkit-box-align  : center;
	-ms-flex-align     : center;
	align-items        : center;
	padding-left       : 20px;
	opacity            : 0;
	-webkit-transition : .4s ease;
	transition         : .4s ease;
}

[dir="rtl"] .product-image .product-details .cart-wrap {
	margin-left   : unset;
	padding-right : 20px;
}

.product-image .product-details .cart-wrap ul li {
	opacity            : 0;
	-webkit-transform  : translateY(40px);
	transform          : translateY(40px);
	-webkit-transition : .4s ease;
	transition         : .4s ease;
}

.product-image .product-details .cart-wrap ul li + li {
	margin-left : 10px;
}

[dir="rtl"] .product-image .product-details .cart-wrap ul li + li {
	margin-left  : unset;
	margin-right : 10px;
}

.product-image .product-details .cart-wrap ul li a .feather {
	width : 20px;
}

[dir="rtl"] .product-image .product-details {
	margin-left  : 0;
	margin-right : 15px;
}

.product-image .product-details a {
	color : #212529;
}

.product-image .product-details a h3 {
	font-size     : calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	overflow      : hidden;
	text-overflow : ellipsis;
	white-space   : nowrap;
	margin        : 4px 0 0;
}

.product-image .product-details h4 {
	font-size : calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.product-image .product-details h4 span {
	margin-left : 10px;
}

[dir="rtl"] .product-image .product-details h4 span {
	margin-left  : unset;
	margin-right : 10px;
}

.product-image + .product-image {
	margin-top : 30px;
}

.wrapper {
	text-align : center;
	color      : #696969;
	overflow   : hidden;
}

.wrapper #threesixty {
	margin              : 0 auto;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
}

.wrapper .buttons-wrapper {
	max-width        : 120px;
	width            : 100%;
	margin           : 0 auto;
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-pack : justify;
	-ms-flex-pack    : justify;
	justify-content  : space-between;
}

.wrapper .buttons-wrapper .button {
	position           : relative;
	border             : none;
	width              : 45px;
	cursor             : pointer;
	height             : 45px;
	-webkit-transition : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
}

.wrapper .buttons-wrapper .button:hover {
	background-color : #212529;
	color            : #ffffff;
}

.compare-table tbody tr th,
.compare-table tbody tr td {
	padding     : 12px 20px;
	font-weight : 400;
}

.compare-table tbody tr td p {
	font-size     : 14px;
	line-height   : 1.8;
	margin-bottom : 0;
}

.compare-table tbody tr td.table-image-section {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.compare-table tbody tr td.table-image-section img {
	width     : 100%;
	max-width : 250px;
}

.compare-table tbody tr td.table-image-section .image-details {
	margin-left : 20px;
	width       : 100%;
}

.compare-table tbody tr td.table-image-section .image-details h5 {
	margin : 8px 0;
}

.compare-table tbody tr td.table-image-section .image-details p {
	line-height   : 10px;
	margin-bottom : 0;
}

.compare-table tbody tr td.table-image-section .image-details .btn-solid {
	background-color : var(--theme-color);
	color            : #ffffff;
	padding          : 7px 25px;
}

.compare-table tbody tr td.product-description {
	width : 500px;
}

/**=====================
     responsive css start
==========================**/
@media (min-width : 1430px) {
	.container {
		max-width : 1400px;
	}
}

/**=====================
    RTL css start
==========================**/
[dir="rtl"] ol,
[dir="rtl"] ul {
	padding : 0;
}

[dir="rtl"] .slick-slider {
	direction : ltr;
}

[dir="rtl"] .slick-slide {
	float : left;
}

.noclick {
	pointer-events : none !important
}

..banner-home-img {
	padding : 10px
}

.banner-home-img img {
	width         : 100%;
	border-radius : 10px;
	max-width     : 660px
}

.title-1 h1 {
	font-size   : 25px;
	font-weight : normal
}

.faq-sec {
	margin-top     : 35px;
	margin-bottom  : 60px;
	padding-bottom : 75px
}

.faq-sec h1 {
	font-size : 22px
}

.font-danger {
	color : rgba(226, 36, 84, 1) !important;
}

@media (min-width : 775px) {
	.mobile-orders-list {
		display : none
	}
}

@media (max-width : 775px) {
	.mobile-orders-list {
		display : block;
	}
}

.order-success-mob {
	background-color : green !important
}

.order-failed-mob {
	background-color : rgba(226, 36, 84, 1) !important
}

.order-success-mob h6 {
	font-size : 10px
}

.order-failed-mob h6 {
	font-size : 10px
}

.title-order-details h2 {
	font-size : 20px !important
}

.shop-box {
	padding       : 15px;
	background    : #eff2f7;
	border-radius : 7px;
}

.shop-list {
	align-items : center;
	display     : flex;
}

@media (max-width : 775px) {
	.rating-details h3 {
		font-size : 15px;
	}
}

.xrelated h2 {
	font-size : 18px
}

.icon-mid {
	vertical-align : middle;
	margin-left    : 5px;
}

footer .footer-contact .social-icons-lists {
	text-align : center;
	margin-top : 20px;
}

footer .footer-contact .social-icons-lists li {
	margin-right : 10px;
	margin-left  : 10px
}

footer .footer-links .footer-namads li {
	display : inline-block !important
}

.load-more-btn-holder {
	text-align : center;
	margin     : 40px auto 0;
}

.load-more-btn-holder button {
	padding    : 14px;
	background : #1d2327;
	color      : #ffffff;
	border     : unset;
	font-size  : 13px;
	min-width  : 150px;
}

.wpcf7-form-control-wrap {
	width : 100% !important;
}

.wpcf7-form-control-wrap textarea {
	max-height : 130px;
}

.woocommerce-message.success {
	padding       : 10px;
	margin-top    : 10px;
	border-radius : 3px;
	color         : #ffffff;
}

.woocommerce-message.success a {
	color          : #ffffff;
	border-bottom  : 1px solid #cccccc !important;
	padding-bottom : 2px;
	margin-left    : 10px;
}

#reply-title,
#commentform .comment-notes,
#commentform .comment-form-cookies-consent {
	display : none;
}

.comment-form-rating {
	display         : flex;
	align-items     : center;
	justify-content : flex-start;
	margin-bottom   : 20px;
}

.comment-form-rating label {
	margin-left : 10px;
	display     : inline-block;
}

.comment-form-rating .stars {
	transform : translateY(10px);
}

#commentform label {
	display       : block;
	margin-bottom : 0.25rem !important;
}

#commentform input, #commentform textarea {
	display            : block;
	width              : 100%;
	padding            : 0.375rem 0.75rem;
	font-size          : 1rem;
	font-weight        : 400;
	line-height        : 1.5;
	color              : #212529;
	background-color   : #ffffff;
	background-clip    : padding-box;
	border             : 1px solid #ced4da;
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
	border-radius      : 0.25rem;
	transition         : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#commentform textarea {
	height : 120px;
}

#commentform p {
	margin-bottom : 18px;
}

#commentform .form-submit input[type="submit"] {
	background-color : var(--theme-color);
	color            : #ffffff;
	padding          : 12px 25px;
	max-width        : max-content;
	margin-top       : 24px;
	margin-bottom    : 35px;
}

.woocommerce-billing-fields__field-wrapper {
	display   : flex;
	flex-wrap : wrap;
}

.woocommerce-billing-fields__field-wrapper p label {
	display       : block;
	font-size     : 14px;
	color         : #232323;
	margin-bottom : 8px;
}

.woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper {
	width : 100%;
}

.woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper input {
	display            : block;
	width              : 100%;
	padding            : 0.375rem 0.75rem;
	font-size          : 1rem;
	font-weight        : 400;
	line-height        : 1.5;
	color              : #212529;
	background-color   : #ffffff;
	background-clip    : padding-box;
	border             : 1px solid #ced4da;
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
	border-radius      : 0.25rem;
	transition         : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.woocommerce-billing-fields__field-wrapper p {
	flex-basis : 50%;
	padding    : 0 12px;
	box-sizing : border-box;
}

#billing_address_1_field, #billing_country_field {
	flex-basis : 100%;
}

.woocommerce-shipping-fields,
.woocommerce-additional-fields h3 {
	/*display: none;*/
}

.woocommerce-additional-fields__field-wrapper {
	padding : 0 12px;
}

.woocommerce-additional-fields__field-wrapper #order_comments_field textarea {
	display            : block;
	width              : 100%;
	padding            : 0.375rem 0.75rem;
	font-size          : 1rem;
	font-weight        : 400;
	line-height        : 1.5;
	color              : #212529;
	background-color   : #ffffff;
	background-clip    : padding-box;
	border             : 1px solid #ced4da;
	-webkit-appearance : none;
	-moz-appearance    : none;
	height             : 110px;
	appearance         : none;
	border-radius      : 0.25rem;
	transition         : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.woocommerce-additional-fields__field-wrapper #order_comments_field .woocommerce-input-wrapper {
	width : 100%;
}

.woocommerce-additional-fields__field-wrapper #order_comments_field label {
	display       : block;
	font-size     : 14px;
	color         : #232323;
	margin-bottom : 8px;
}

.select2 .select2-selection {
	height : 38px;
}

.select2 .selection {
	width : 100%;
}

.select2-container.select2-container--default.select2-container--open {
	transform : translateY(-30px);
}

.woocommerce-privacy-policy-text {
	display : none;
}

.form-row.place-order button, .woocommerce-MyAccount-navigation-link--downloads {
	display : none;
}

.my-account-holder .woocommerce-notices-wrapper {
	position : absolute;
}

.edit-address-form {
	display   : flex;
	flex-wrap : wrap;
	width     : 100%;
}

.edit-address-form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
	display   : flex;
	flex-wrap : wrap;
	width     : 100%;
}

.edit-address-form p {
	flex-basis : 50% !important;
	padding    : 0 12px;
	box-sizing : border-box;
}

.edit-address-form p label {
	display       : block;
	font-size     : 14px;
	color         : #232323;
	margin-bottom : 8px;
}

.edit-address-form p .woocommerce-input-wrapper {
	width : 100%;
}

.edit-address-form p .woocommerce-input-wrapper input,
.edit-address-form p .woocommerce-input-wrapper select {
	display            : block;
	width              : 100%;
	padding            : 0.375rem 0.75rem;
	font-size          : 1rem;
	font-weight        : 400;
	line-height        : 1.5;
	color              : #212529;
	background-color   : #ffffff;
	background-clip    : padding-box;
	border             : 1px solid #ced4da;
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
	border-radius      : 0.25rem;
	transition         : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.edit-address-form button {
	background-color : var(--theme-color);
	color            : #ffffff;
	padding          : 12px 25px;
	max-width        : max-content;
	margin-top       : 24px;
	margin-bottom    : 35px;
}

#search-result-back {
	position   : absolute;
	top        : 100%;
	width      : 100%;
	background : #ffffff;
	max-width  : 100%;
	border     : 1px solid #cccccc42;
	z-index    : 999999;
}

#search-result-back .each-item-of-search {
	display : flex;
	width   : 100%;
}

#search-result-back .each-item-of-search a {
	display : flex;
	width   : 100%;
}

#search-result-back .each-item-of-search a .flex-of {
	display         : flex;
	align-items     : center;
	justify-content : flex-start;
	padding         : 10px;
	width           : 100%;
}

#search-result-back .each-item-of-search a .flex-of .img-holder {
	width         : 40px;
	height        : 40px;
	margin-left   : 10px;
	align-items   : center;
	border-radius : 3px;
	overflow      : hidden;
	border        : 1px solid #cccccc1f;
}

#search-result-back .each-item-of-search a .flex-of .img-holder img {
	object-fit  : cover;
	width       : 100%;
	height      : 100%;
	margin-left : 10px;
}

#search-result-back .each-item-of-search .searching {
	text-align : center;
	padding    : 10px;
	width      : 100%;
	margin     : auto;
}

#search-result-back .each-item-of-search #see-more-search {
	width      : 100%;
	border     : unset;
	padding    : 15px;
	font-size  : 14px;
	background : #cccccc24;
	cursor     : pointer;
}

.search-full {
	z-index : 999999 !important;
}

table.variations {
	width : 100%;
}

table.variations select {
	width               : 100%;
	background-color    : #ffffff;
	background-position : left 0.75rem center;
	background-size     : 16px 12px;
	border              : 1px solid #ced4da;
	border-radius       : 0.25rem;
	background-image    : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	appearance          : none;
	font-weight         : 400;
	line-height         : 1.5;
	color               : #212529;
	background-repeat   : no-repeat;
	padding             : calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
	margin-top          : 14px;
	margin-bottom       : 14px;
}

table.variations .options {
	display   : flex;
	flex-wrap : wrap;
	gap       : 0.5rem;
	padding   : 0.5rem 0;
}

table.variations .options input[type="radio"] {
	position : fixed;
	opacity  : 0;
}

table.variations .options input[type="radio"] + label {
	background-color : #ffffff;
	border           : 1px solid #ced4da;
	border-radius    : 0.25rem;
	line-height      : 1.5;
	color            : #212529;
	padding          : 0.25rem 0.75rem;
}

table.variations .options input[type="radio"]:checked + label {
	border-color : #212529;
}

.color-select-list {
	display         : flex;
	align-items     : center;
	justify-content : flex-start;
	margin-top      : 14px;
	margin-bottom   : 14px;
}

.color-select-list input {
	display : none;
}

.color-select-list label span {
	width           : 32px;
	height          : 32px;
	display         : flex;
	align-items     : center;
	justify-content : center;
	margin-left     : 10px;
	border-radius   : 5px;
	border          : 2px solid #eff2f7;
	cursor          : pointer;
}

.color-select-list input:checked + label span {
	border : 2px solid #0760f4;
}

.woocommerce-error li a {
	color         : #ffffff;
	border-bottom : 1px solid #ffffff;
}

.woocommerce-error li {
	padding : 10px;
	color   : #ffffff;
}

.woocommerce-error {
	margin-top : 10px;
}

.dis-non-for-selec select {
	display : none !important;
}

.auth-pages-holder {
	position        : fixed;
	top             : 0;
	right           : 0;
	width           : 100%;
	height          : 100%;
	background      : #f0f3f8;
	z-index         : 9999;
	display         : flex;
	align-items     : center;
	justify-content : center;
}

.auth-pages-holder .page-auth-login {
	width             : 100%;
	max-width         : 460px;
	top               : 0;
	left              : 0;
	-webkit-transform : translate(0);
	transform         : translate(0);
	padding           : 50px 24px;
	box-sizing        : border-box;
	border-radius     : 10px;
	background        : #ffffff;
	position          : relative;
}

.auth-pages-holder .page-auth-login::before {
	content           : "";
	position          : absolute;
	width             : 100%;
	height            : 30px;
	border-radius     : 10px;
	top               : -10px;
	background-color  : rgba(255, 255, 255, 0.6);
	left              : 0;
	-webkit-transform : scale(0.95);
	transform         : scale(0.95);
}

.auth-pages-holder .page-auth-login h2 {
	font-size     : calc(20px + (28 - 27) * ((100vw - 320px) / (1920 - 320)));
	margin-left   : calc(10px + (0 - 10) * ((100vw - 320px) / (1920 - 320)));
	margin-top    : -2px;
	color         : var(--theme-color);
	position      : relative;
	margin-bottom : 40px;
}

.auth-pages-holder .page-auth-login h2::after {
	content          : " ";
	width            : 4px;
	background-color : var(--theme-color);
	height           : 100%;
	display          : block;
	right            : -24px;
	top              : 0;
	position         : absolute;
}

.auth-pages-holder .page-auth-login input[name="digt_countrycode"] {
	display : none !important;
}

.auth-pages-holder .page-auth-login input#username {
	width         : 100%;
	border        : unset;
	border-bottom : 1px solid #dcdcdc;
	line-height   : 45px;
}

.auth-pages-holder .page-auth-login label {
	color          : #777777;
	font-size      : calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	font-weight    : 300;
	z-index        : 999;
	position       : absolute;
	pointer-events : none;
	right          : 32px;
	transform      : translateY(15px);
}

.auth-pages-holder .page-auth-login label.focus {
	transform : translateY(-6px);
}

.auth-pages-holder .page-auth-login label .required {
	display : none !important;
}

.auth-pages-holder .loginViaContainer button {
	width            : 100%;
	left             : 0%;
	background-color : var(--theme-color);
	border           : 1px solid var(--theme-color);
	font-weight      : lighter;
	font-size        : 17px;
	color            : #ffffff;
	padding          : calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
	border-radius    : 4px;
}

.auth-pages-holder .sign-category {
	width            : 100%;
	text-align       : center;
	color            : rgba(33, 37, 41, 0.4);
	font-size        : calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
	margin           : 10px auto;
	position         : relative;
	background-color : #ffffff;
	z-index          : 1;
	padding          : 12px;
}

.auth-pages-holder .page-auth-login .social-media {
	background-color : #4ed472;
	padding          : 12px calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
	border-radius    : 4px;
	color            : #ffffff;
	display          : flex;
	justify-content  : center;
	align-items      : center;
}

.auth-pages-holder .page-auth-login .social-media svg {
	margin-left : 10px;
	height      : 30px;
}

.auth-pages-holder .page-auth-login p.login-last {
	width         : 100%;
	float         : left;
	text-align    : center;
	color         : rgba(33, 37, 41, 0.4);
	font-size     : calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));
	margin-top    : calc(17px + (23 - 17) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom : 0;
}

.auth-pages-holder #dig_man_resend_otp_btn {
	float : unset !important;
}

.auth-pages-holder input#dig_wc_log_otp {
	width         : 100%;
	border-color  : #dcdcdc;
	line-height   : 45px;
	border        : 1px solid #dcdcdc;
	padding       : 0 10px;
	box-sizing    : border-box;
	border-radius : 4px;
}

.auth-pages-holder .page-auth-singup {
	display : none;
}

.auth-pages-holder .page-auth-singup {
	width             : 100%;
	max-width         : 460px;
	top               : 0;
	left              : 0;
	-webkit-transform : translate(0);
	transform         : translate(0);
	padding           : 50px 24px;
	box-sizing        : border-box;
	border-radius     : 10px;
	background        : #ffffff;
	position          : relative;
}

.auth-pages-holder .page-auth-singup::before {
	content           : "";
	position          : absolute;
	width             : 100%;
	height            : 30px;
	border-radius     : 10px;
	top               : -10px;
	background-color  : rgba(255, 255, 255, 0.6);
	left              : 0;
	-webkit-transform : scale(0.95);
	transform         : scale(0.95);
}

.auth-pages-holder .page-auth-singup h2 {
	font-size     : calc(20px + (28 - 27) * ((100vw - 320px) / (1920 - 320)));
	margin-left   : calc(10px + (0 - 10) * ((100vw - 320px) / (1920 - 320)));
	margin-top    : -2px;
	color         : var(--theme-color);
	position      : relative;
	margin-bottom : 40px;
}

.auth-pages-holder .page-auth-singup h2::after {
	content          : " ";
	width            : 4px;
	background-color : var(--theme-color);
	height           : 100%;
	display          : block;
	right            : -24px;
	top              : 0;
	position         : absolute;
}

.auth-pages-holder .page-auth-singup input[name="digfcountrycode"] {
	display : none !important;
}

.auth-pages-holder .page-auth-singup input#reg_email,
.auth-pages-holder .page-auth-singup input#reg_billing_otp {
	width         : 100%;
	border        : unset;
	border-bottom : 1px solid #dcdcdc;
	line-height   : 45px;
}

.auth-pages-holder .page-auth-singup label {
	color          : #777777;
	font-size      : calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	font-weight    : 300;
	z-index        : 999;
	position       : absolute;
	pointer-events : none;
	right          : 32px;
	transform      : translateY(15px);
}

.auth-pages-holder .page-auth-singup .aiowps-captcha label {
	position      : relative;
	right         : 0;
	margin-bottom : 10px;
	font-size     : 11px;
}

.auth-pages-holder .page-auth-singup label.focus {
	transform : translateY(-6px);
}

.auth-pages-holder .page-auth-singup label .required {
	display : none !important;
}

.auth-pages-holder button[name="register"] {
	width            : 100%;
	left             : 0%;
	background-color : var(--theme-color);
	border           : 1px solid var(--theme-color);
	font-weight      : lighter;
	font-size        : 17px;
	color            : #ffffff;
	padding          : calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
	border-radius    : 4px;
}

.auth-pages-holder .sign-category {
	width            : 100%;
	text-align       : center;
	color            : rgba(33, 37, 41, 0.4);
	font-size        : calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
	margin           : 10px auto;
	position         : relative;
	background-color : #ffffff;
	z-index          : 1;
	padding          : 12px;
}

.auth-pages-holder .page-auth-singup .social-media {
	background-color : #4ed472;
	padding          : 12px calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
	border-radius    : 4px;
	color            : #ffffff;
	display          : flex;
	justify-content  : center;
	align-items      : center;
}

.auth-pages-holder .page-auth-singup .social-media svg {
	margin-left : 10px;
	height      : 30px;
}

.auth-pages-holder .page-auth-singup p.login-last {
	width         : 100%;
	float         : left;
	text-align    : center;
	color         : rgba(33, 37, 41, 0.4);
	font-size     : calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));
	margin-top    : calc(17px + (23 - 17) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom : 0;
}

.auth-pages-holder #dig_man_resend_otp_btn {
	float : unset !important;
}

.auth-pages-holder input#dig_wc_log_otp {
	width         : 100%;
	border-color  : #dcdcdc;
	line-height   : 45px;
	border        : 1px solid #dcdcdc;
	padding       : 0 10px;
	box-sizing    : border-box;
	border-radius : 4px;
}

.my-account-holder input[name="digt_countrycode"] {
	display : none;
}

.my-account-holder input#username {
	font-size          : 14px;
	padding            : calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
	display            : block;
	width              : 100%;
	padding            : 0.375rem 0.75rem;
	font-size          : 1rem;
	font-weight        : 400;
	line-height        : 1.5;
	color              : #212529;
	background-color   : #ffffff;
	background-clip    : padding-box;
	border             : 1px solid #ced4da;
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
	border-radius      : 0.25rem;
	transition         : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	text-align         : right;
}

.my-account-holder p label {
	color         : #7e7e7e !important;
	margin-bottom : 8px;
}

.my-account-holder p label span {
	display : none;
}

#billing_email_field {
	display : none;
}

.my-account-holder .woocommerce-pagination a {
	display         : flex;
	align-items     : center;
	justify-content : center;
	padding         : 8px 10px;
	background      : #f2efef;
	margin          : 0 10px;
	border-radius   : 4px;
}

.my-account-holder .woocommerce-pagination {
	display         : flex;
	align-items     : center;
	justify-content : flex-end;
	padding         : 20px 60px;
}

.category-image {
	cursor : pointer;
}

.failed-order h4 {
	color : red !important
}

.check-failed svg {
	fill : red !important
}

.brands-desc h1 {
	font-size     : 25px;
	margin-bottom : 15px;
}

.brands-desc {
	text-align : justify
}

.specials-product-swiper {
	background-color : #303232;
	margin           : 60px 0;
	border-radius    : 12px;
}

.specials-product-swiper a {
	box-shadow : none !important;
}

.specials-product-swiper .specials-product-swiper-container {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : stretch;
	-ms-flex-align    : stretch;
	align-items       : stretch;
	-webkit-box-pack  : start;
	-ms-flex-pack     : start;
	justify-content   : flex-start;
	padding           : 35px 16px;
	background        : url(https://nikanadv.ir/demo/offer/wp-content/plugins/woocommerce-offer-nikan/assets/images/slider-bg.svg) 90% no-repeat;
	background-size   : auto 100%;
	max-height        : 500px;
}

.specials-product-swiper-title {
	margin                : 0 44px;
	display               : -webkit-box;
	display               : -ms-flexbox;
	display               : flex;
	-webkit-box-align     : start;
	-ms-flex-align        : start;
	align-items           : flex-start;
	-webkit-box-pack      : center;
	-ms-flex-pack         : center;
	justify-content       : center;
	-webkit-box-orient    : vertical;
	-webkit-box-direction : normal;
	-ms-flex-direction    : column;
	flex-direction        : column;
	-webkit-user-select   : none;
	-moz-user-select      : none;
	-ms-user-select       : none;
	user-select           : none;
	width                 : 170px;
}

.specials-product-swiper-title img {
	width            : 100%;
	max-height       : calc(100% - 41px);
	-o-object-fit    : contain;
	object-fit       : contain;
	-webkit-box-flex : 1;
	-ms-flex         : 1;
	flex             : 1;
}

.specials-product-swiper-btn {
	cursor              : pointer;
	-webkit-box-shadow  : none;
	box-shadow          : none;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
	display             : -webkit-inline-box;
	display             : -ms-inline-flexbox;
	display             : inline-flex;
	-webkit-box-align   : center;
	-ms-flex-align      : center;
	align-items         : center;
	-webkit-box-pack    : center;
	-ms-flex-pack       : center;
	justify-content     : center;
	border-radius       : 5px;
	background          : none;
	-webkit-transition  : all .3s ease-in-out;
	transition          : all .3s ease-in-out;
	padding             : 9px 16px;
	font-size           : 14px;
	line-height         : 1.571;
	font-weight         : 700;
	border              : 1px solid #ffffff;
	color               : #ffffff;
	width               : 100%;
}

.specials-product-swiper-btn:after {
	content      : "\f104";
	font-family  : 'Font Awesome 5 Free';
	font-size    : 10px;
	margin-right : 10px;
}

.specials-product-swiper-row {
	background-color   : #ffffff;
	border-radius      : 5px;
	margin             : 0;
	padding            : 0;
	-webkit-box-flex   : 0;
	-ms-flex           : 0 0 calc(100% - 258px);
	flex               : 0 0 calc(100% - 258px);
	width              : calc(100% - 258px);
	max-width          : calc(100% - 258px);
	-webkit-box-shadow : none;
	box-shadow         : none;
}

.specials-product-swiper-box {
	position : relative;
}

.specials-product-swiper-row, .specials-product-swiper-row .specials-product-swiper-box {
	background : transparent;
}

.specials-product-swiper-box .swiper-container {
	position    : unset;
	padding-top : 3px;
}

.specials-product-swiper-item-link {
	width      : 100%;
	height     : 100%;
	position   : absolute;
	background : transparent;
	z-index    : 2;
}

.specials-product-swiper-item {
	height                      : 100%;
	position                    : relative;
	-webkit-transition          : -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
	transition                  : -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
	transition                  : box-shadow .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1);
	transition                  : box-shadow .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
	-webkit-transition-duration : .1s;
	transition-duration         : .1s;
	padding                     : 5px 15px 25px;
	-webkit-box-sizing          : border-box;
	box-sizing                  : border-box;
	border                      : none;
	border-radius               : 5px;
	background-color            : #ffffff;
	text-align                  : center;
	display                     : -webkit-box;
	display                     : -ms-flexbox;
	display                     : flex;
	-webkit-box-orient          : vertical;
	-webkit-box-direction       : normal;
	-ms-flex-direction          : column;
	flex-direction              : column;
	-webkit-box-align           : center;
	-ms-flex-align              : center;
	align-items                 : center;
	margin                      : 0 5px;
	-webkit-box-pack            : start;
	-ms-flex-pack               : start;
	justify-content             : flex-start;
	min-height                  : 370px;
}

.specials-product-swiper-item-img {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	padding-top       : 10px;
	position          : relative;
	width             : 180px;
	height            : 180px;
	text-align        : center;
	-ms-flex-negative : 0;
	flex-shrink       : 0;
	max-width         : 100%;
}

.specials-product-swiper-item-img img {
	overflow      : hidden;
	max-width     : 100%;
	max-height    : 100%;
	-o-object-fit : contain;
	object-fit    : contain;
}

.specials-product-swiper-item-title {
	display     : block;
	overflow    : hidden;
	font-size   : 12px;
	line-height : 25px;
	text-align  : right;
	margin-top  : 14px;
	height      : 50px;
	max-width   : 90%;
	min-height  : 50px;
	color       : #535353;
	width       : 100%;
}

.specials-product-swiper-item-row {
	display               : -webkit-inline-box;
	display               : -ms-inline-flexbox;
	display               : inline-flex;
	-webkit-box-pack      : justify;
	-ms-flex-pack         : justify;
	justify-content       : space-between;
	-webkit-box-align     : center;
	-ms-flex-align        : center;
	align-items           : center;
	width                 : 100%;
	-webkit-box-orient    : horizontal;
	-webkit-box-direction : reverse;
	-ms-flex-direction    : row-reverse;
	flex-direction        : row-reverse;
}

.specials-product-swiper-item .specials-product-swiper-item-row-price {
	position      : relative;
	top           : 10px;
	margin-bottom : 10px;
	margin-top    : 13px;
	height        : 43px;
}

.specials-product-swiper-item-price {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
}

.specials-product-swiper-item-price-value {
	font-size        : 20px;
	line-height      : 35px;
	color            : #fb3449;
	letter-spacing   : .8px;
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-ms-flex-wrap    : wrap;
	flex-wrap        : wrap;
	-webkit-box-pack : end;
	-ms-flex-pack    : end;
	justify-content  : flex-start;
}

.specials-product-swiper-item-price-value del {
	font-size       : 16px;
	line-height     : 28px;
	display         : block;
	letter-spacing  : .5px;
	color           : #acacac;
	text-decoration : line-through;
}

.specials-product-swiper-item-price-discount {
	background-color  : #fb3449;
	font-weight       : 700;
	color             : #ffffff;
	border-radius     : 20px;
	padding           : 4px 6px 1px;
	letter-spacing    : 0;
	margin-bottom     : 3px;
	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;
	font-size         : 16px;
	line-height       : 1.375;
	margin-left       : 8px;
	min-width         : 43px;
	height            : 23px;
}

.specials-product-swiper-item-price-value-wrapper {
	width          : 100%;
	color          : #000000;
	letter-spacing : 0;
	font-weight    : 700;
	font-size      : 20px;
	line-height    : 1.1;
	text-align     : left;
}

.specials-product-swiper-item-price-currency {
	font-size   : 14px;
	font-weight : 400;
	line-height : 1.294;
	margin-left : 5px;
}

.specials-product-swiper-item-amazing, .specials-product-swiper-item-timer {
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	font-size         : 14px;
	line-height       : 1.571;
	color             : #737373;
}

.specials-product-swiper-item .specials-product-swiper-item-amazing {
	-webkit-box-orient    : horizontal;
	-webkit-box-direction : reverse;
	-ms-flex-direction    : row;
	flex-direction        : row;
	margin-top            : 4px;
	width                 : 100%;
	position              : relative;
	top                   : 20px;
	justify-content       : flex-start;
}

.specials-product-swiper-item-amazing:before {
	content      : "\f017";
	font-family  : 'Font Awesome 5 Free';
	font-size    : 15px;
	margin-right : 5px;
	position     : relative;
}

.specials-product-swiper-row .swiper-container .swiper-button-next, .specials-product-swiper-row .swiper-container .swiper-button-prev {
	width             : 49px;
	height            : 90px;
	position          : absolute;
	top               : 50%;
	-webkit-transform : translateY(-50%);
	transform         : translateY(-50%);
	background-color  : #ffffff;
	background-image  : unset;
	pointer-events    : all;
}

.specials-product-swiper-row .swiper-container .swiper-button-prev {
	color              : #a8a8a8;
	-webkit-box-shadow : -1.5px 0 4px 0 rgba(0, 0, 0, .15);
	box-shadow         : -1.5px 0 4px 0 rgba(0, 0, 0, .15);
	border-radius      : 5px 0 0 5px;
	margin-right       : -5px;
	-webkit-transform  : translateY(calc(-50% - 25px));
	transform          : translateY(calc(-50% - 25px));
}

.specials-product-swiper-row .swiper-container .swiper-button-next {
	color              : #a8a8a8;
	-webkit-box-shadow : 1.5px 0 4px 0 rgba(0, 0, 0, .15);
	box-shadow         : 1.5px 0 4px 0 rgba(0, 0, 0, .15);
	border-radius      : 0 5px 5px 0;
	margin-left        : -5px;
	-webkit-transform  : translateY(calc(-50% - 25px));
	transform          : translateY(calc(-50% - 25px));
}

.specials-product-swiper-row .swiper-container .swiper-button-next:before, .specials-product-swiper-row .swiper-container .swiper-button-prev:before {
	position    : absolute;
	top         : 40%;
	left        : 50%;
	margin      : -15px 0 0 -15px;
	font-size   : 30px;
	font-family : 'NikanOffer';
}

.specials-product-swiper-row .swiper-container .swiper-button-prev:before {
	content : "\e90b";
}

.specials-product-swiper-row .swiper-container .swiper-button-next:before {
	content : "\e905";
}

.nikan-offer-out-of-stock {
	left              : 0;
	right             : 0;
	bottom            : 0;
	top               : 30px;
	position          : relative;
	width             : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	margin-bottom     : 27px !important;
	border-bottom     : 1px solid #969696;
	z-index           : 2;
	height            : 27px;
}

.nikan-offer-out-of-stock-text {
	margin-top        : 25px;
	white-space       : nowrap;
	z-index           : 4;
	background-color  : #ffffff;
	padding           : 0 10px;
	position          : absolute;
	left              : 50%;
	-webkit-transform : translate(-50%, -50%);
	transform         : translate(-50%, -50%);
	top               : 20%;
	height            : 31px;
	color             : #ababab;
	font-size         : 15px;
	line-height       : 1.222;
	font-weight       : 400;
}

.swiper-container {
	margin     : 0 auto;
	position   : relative;
	overflow   : hidden;
	list-style : none;
	padding    : 0;
	z-index    : 1;
}

.swiper-wrapper {
	position                    : relative;
	width                       : 100%;
	height                      : 100%;
	z-index                     : 1;
	display                     : -webkit-box;
	display                     : -webkit-flex;
	display                     : -ms-flexbox;
	display                     : flex;
	-webkit-transition-property : -webkit-transform;
	transition-property         : -webkit-transform;
	-o-transition-property      : transform;
	transition-property         : transform;
	transition-property         : transform, -webkit-transform;
	-webkit-box-sizing          : content-box;
	box-sizing                  : content-box;
}

.swiper-wrapper {
	-webkit-transform : translate3d(0, 0, 0);
	transform         : translate3d(0, 0, 0);
}

.swiper-slide {
	-webkit-flex-shrink         : 0;
	-ms-flex-negative           : 0;
	flex-shrink                 : 0;
	width                       : 100%;
	height                      : 100%;
	position                    : relative;
	-webkit-transition-property : -webkit-transform;
	transition-property         : -webkit-transform;
	-o-transition-property      : transform;
	transition-property         : transform;
	transition-property         : transform, -webkit-transform;
}

.swiper-button-next, .swiper-button-prev {
	position            : absolute;
	top                 : 50%;
	width               : 27px;
	height              : 44px;
	margin-top          : -22px;
	z-index             : 10;
	cursor              : pointer;
	background-size     : 27px 44px;
	background-position : center;
	background-repeat   : no-repeat;
}

.swiper-button-prev.swiper-button-disabled {
	opacity        : .35;
	cursor         : auto;
	pointer-events : none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left             : 10px;
	right            : auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right            : 10px;
	left             : auto;
}

.swiper-container .swiper-notification {
	position       : absolute;
	left           : 0;
	top            : 0;
	pointer-events : none;
	opacity        : 0;
	z-index        : -1000;
}

.specials-product-swiper-row .slick-slide {
	position : relative;
}

.specials-product-swiper-row .slick-arrow {
	position        : absolute;
	z-index         : 1;
	background      : #ffffff;
	height          : 35%;
	width           : 70px;
	box-shadow      : 1.5px 0 4px 0 rgb(0 0 0 / 26%);
	border-radius   : 5px;
	opacity         : 1;
	display         : flex;
	align-items     : center;
	justify-content : center;
}

.specials-product-swiper-row .slick-arrow.slick-next {
	right : -10px;
}

.specials-product-swiper-row .slick-arrow.slick-prev {
	left : -10px;
}

.specials-product-swiper-row .slick-arrow.slick-prev::before {
	content             : "\f104";
	font-family         : 'Font Awesome 5 Free';
	font-size           : 29px;
	color               : #000000;
	z-index             : 999;
	position            : absolute;
	opacity             : 1;
	width               : 50px;
	display             : inline;
	height              : 50px;
	background-image    : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3C!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3E%3Cpath d='M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z'/%3E%3C/svg%3E");
	opacity             : 0.5;
	background-repeat   : no-repeat;
	display             : flex;
	align-items         : center;
	justify-content     : center;
	height              : 52px;
	width               : 50px;
	background-position : center;
}

.specials-product-swiper-row .slick-arrow.slick-next::before {
	content             : "\f105";
	font-family         : 'Font Awesome 5 Free';
	font-size           : 29px;
	color               : #000000;
	z-index             : 999;
	position            : absolute;
	background-image    : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3C!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E");
	opacity             : 0.5;
	background-repeat   : no-repeat;
	display             : flex;
	align-items         : center;
	justify-content     : center;
	height              : 52px;
	width               : 50px;
	background-position : center;
}

.specials-product-swiper-row .slick-arrow.slick-disabled {
	opacity : 0.8;
}

.nikan-offer-out-of-stock {
	left              : 0;
	right             : 0;
	bottom            : 0;
	top               : 30px;
	position          : relative;
	width             : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	margin-bottom     : 27px !important;
	border-bottom     : 1px solid #969696;
	z-index           : 2;
	height            : 27px;
}

.nikan-offer-out-of-stock-text {
	margin-top        : 25px;
	white-space       : nowrap;
	z-index           : 4;
	background-color  : #ffffff;
	padding           : 0 10px;
	position          : absolute;
	left              : 50%;
	-webkit-transform : translate(-50%, -50%);
	transform         : translate(-50%, -50%);
	top               : 20%;
	height            : 31px;
	color             : #ababab;
	font-size         : 15px;
	line-height       : 1.222;
	font-weight       : 400;
}

.submenu .according-menu {
	font-weight    : 500;
	font-size      : 14px;
	text-transform : uppercase;
	color          : #efefef;
	left           : 7px !important;
}

.submenu a .according-menu {
	display : none;
}

.dis-none {
	display : none;
}

@media screen and (max-width : 500px) {
	.specials-product-swiper .specials-product-swiper-container {
		flex-direction : column;
		max-height     : max-content;
	}
	
	.specials-product-swiper a {
		width  : 100%;
		margin : 0 0 20px;
	}
	
	.specials-product-swiper-row {
		width     : 90%;
		display   : block;
		max-width : unset;
		margin    : auto;
	}
	
	.specials-product-swiper-row .slick-arrow {
		height : 25%;
		width  : 50px;
	}
	
	.specials-product-swiper-row .slick-arrow.slick-next::before,
	.specials-product-swiper-row .slick-arrow.slick-prev::before {
		height         : 38px;
		pointer-events : none;
	}
	
	.specials-product-swiper-title img {
		display : none;
	}
	
	.dis-none {
		width         : 100%;
		display       : block;
		font-size     : 30px;
		color         : #ffffff;
		font-weight   : 900;
		text-align    : center;
		padding       : 0 25px;
		margin-bottom : 20px;
	}
}

#error-cart {
	position   : fixed;
	top        : 70px;
	right      : 20px;
	z-index    : 99999999;
	width      : max-content;
	max-width  : calc(100% - 40px);
	box-shadow : 1px 4px 5px #cccccc;
}

.cookie-bar-section .content .cookie-buttons a {
	padding        : 10px 25px;
	border-radius  : 50px;
	text-transform : capitalize;
}

.cookie-bar-section .content .cookie-buttons a:hover {
	color : #ffffff;
}

@media (max-width : 767px) {
	.cookie-bar-section .content .cookie-buttons a {
		border-radius : 5px;
	}
}

@media (max-width : 360px) {
	.cookie-bar-section .content .cookie-buttons a {
		width : 100%;
	}
}

.back-to-home {
	text-align : center;
	display    : block;
	margin-top : 30px;
}

.back-to-home a {
	display         : flex;
	align-items     : center;
	justify-content : center;
	width           : max-content;
	margin          : auto;
	background      : #303232;
	color           : #ffffff;
	font-weight     : lighter;
	padding         : 13px 20px;
}

.back-to-home a i {
	margin-left : 10px;
}

.auth-pages-holder .page-auth-login p.login-last, .auth-pages-holder .page-auth-singup p.login-last {
	float : unset;
}

.input-text.fsww-input.woocommerce-Input.woocommerce-Input--text.input-text,
.my-account-holder #send_money input,
.my-account-holder #send_money select {
	display            : block;
	width              : 100%;
	padding            : 0.375rem 0.75rem;
	font-size          : 1rem;
	font-weight        : 400;
	line-height        : 1.5;
	color              : #212529;
	background-color   : #ffffff;
	background-clip    : padding-box;
	border             : 1px solid #ced4da;
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
	border-radius      : 0.25rem;
	transition         : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	text-align         : right;
}

input[name="fsww_add_to_wallet"] {
	color      : #ffffff;
	border     : 1px solid var(--theme-color);
	background : var(--theme-color);
	padding    : 10px 40px;
}

.my-account-holder #send_money input[type="submit"] {
	color         : #ffffff;
	border        : 1px solid var(--theme-color);
	background    : var(--theme-color);
	padding       : 10px 40px;
	display       : block;
	width         : max-content;
	height        : max-content;
	border        : unset;
	border-radius : 0;
	font-size     : 13px;
}

.fsww-transactions,
.fsww-request-table {
	opacity : 0;
}

.ff-op-one {
	opacity    : 1 !important;
	margin-top : 10px;
}

.payment_method_irankish img {
	margin-bottom  : 10px;
	max-width      : 50px;
	float          : right;
	vertical-align : middle;
	margin-left    : 2px;
	margin-top     : -5px;
}

.payment_method_WC_ZPal img {
	margin-bottom : 10px;
	max-width     : 30px;
	float         : right;
	margin-left   : 10px;
	margin-top    : -5px;
}

.payment_method_fsww {
	margin-top : 10px;
}

.head-user svg {
	vertical-align : sub;
}

.woocommerce-message {
	display            : -webkit-box;
	display            : -ms-flexbox;
	margin-top         : 20px;
	margin-bottom      : 15px;
	margin-right       : auto;
	margin-left        : auto;
	text-align         : center;
	display            : flex;
	-webkit-box-align  : center;
	-ms-flex-align     : center;
	align-items        : center;
	-webkit-box-pack   : justify;
	-ms-flex-pack      : justify;
	justify-content    : space-between;
	background         : #f0f7f0 !important;
	padding            : 10px 15px;
	width              : -webkit-max-content;
	width              : -moz-max-content;
	width              : max-content;
	border-radius      : 50px;
	-webkit-box-shadow : 0 4px 7px rgb(33 37 41 / 15%);
	box-shadow         : 0 4px 7px rgb(33 37 41 / 15%);
	opacity            : 1;
	-webkit-transition : .5s ease;
	transition         : .5s ease;
}

.woocommerce-shipping-fields {
	display : block !important;
}

.woocommerce-shipping-fields h3 {
	display         : flex;
	align-items     : center;
	justify-content : flex-start;
	cursor          : pointer;
}

.woocommerce-shipping-fields h3 span {
	font-weight : normal;
	font-size   : 13px;
}

.shipping_address .woocommerce-shipping-fields__field-wrapper {
	display     : flex;
	align-items : center;
	flex-wrap   : wrap;
}

.shipping_address .woocommerce-shipping-fields__field-wrapper p {
	flex-basis : 50%;
	padding    : 0 12px;
	box-sizing : border-box;
}

.shipping_address .woocommerce-shipping-fields__field-wrapper p:nth-child(3),
.shipping_address .woocommerce-shipping-fields__field-wrapper p:nth-child(4) {
	flex-basis : 100%;
}

.woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p input {
	display            : block;
	width              : 100%;
	padding            : 0.375rem 0.75rem;
	font-size          : 1rem;
	font-weight        : 400;
	line-height        : 1.5;
	color              : #212529;
	background-color   : #ffffff;
	background-clip    : padding-box;
	border             : 1px solid #ced4da;
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
	border-radius      : 0.25rem;
	transition         : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper {
	width : 100%;
}

.woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p label {
	display       : block;
	font-size     : 14px;
	color         : #232323;
	margin-bottom : 8px;
}

.banner-top-mob {
	display : none;
}

@media (max-width : 775px) {
	.banner-top-mob {
		display       : block;
		margin-bottom : 5px;
	}
}

/*# sourceMappingURL=demo1.css.map */

.variation-product-loop-price {
	font-size : 13px;
}

.variation-product-loop-price .woocommerce-Price-currencySymbol {
	display : none !important;
}

.variation-product-loop-price .woocommerce-Price-amount.amount {
	text-decoration : none;
	font-size       : 12px;
}