@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;900&family=Work+Sans:wght@300;400;500;700&display=swap');

/* FONTAWESOME */
@font-face {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../fonts/fa-regular-400.eot);
	src: url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff"), url(../fonts/fa-regular-400.ttf) format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome) format("svg")
}

.far {
	font-family: "Font Awesome 5 Free";
	font-weight: 400
}

@font-face {
	font-family: "Font Awesome 5 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../fonts/fa-brands-400.eot);
	src: url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.woff) format("woff"), url(../fonts/fa-brands-400.ttf) format("truetype"), url(../fonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400
}

@font-face {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url(../fonts/fa-solid-900.eot);
	src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa, .fas {
	font-family: "Font Awesome 5 Free";
	font-weight: 900
}

:root {
	--primary-font: 'Work Sans', sans-serif;
	--secondary-font: 'Raleway', sans-serif;
	--font-light: 300;
	--font-normal: 400;
	--font-medium: 500;
	--font-semibold: 600;
	--font-bold: 700;
	--primary-color: #00943E;
	--secondary-color: #44753D;
	--tertiary-color: #efefef;
	--anchor-color: #68933F;
	--gray-color: #EEEEEE;
	--gray-mid-color: #F6F6F6;
	--dark-gray-color: #747474;
	--dark-color: #000000;
	--white-color: #FFFFFF;
	--primary-transition: all ease-in-out 0.35s;
}

* {
	scrollbar-color: var(--primary-color) var(--gray-color);
	scrollbar-width: thin;
}

/* width */
::-webkit-scrollbar {
	width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	background: var(--gray-color);
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--primary-color);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--primary-color);
}

body {
	font-family: var(--primary-font);
	font-weight: var(--font-normal);
	font-size: 1rem;
	line-height: 1.5;
	color: var(--dark-color);
	background: #fff;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

a {
	color: var(--anchor-color);
}

a:hover {
	color: var(--primary-color);
}

a, a:hover {
	text-decoration: none;
}

ul li, ol li {
	list-style: none;
}

img {
	max-width: 100%;
	width: auto;
	height:auto;
}

.btn:focus {
	outline: none;
	box-shadow: none
}

button:focus {
	outline: none;
}

.form-control:focus {
	box-shadow: none;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: none;
}

.dark-gray-color {
	color: var(--dark-gray-color);
}

/* HEADING */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--primary-font);
	font-weight: var(--font-bold);
}

.font-light {
	font-weight: var(--font-light);
}

.font-normal {
	font-weight: var(--font-normal);
}

.font-medium {
	font-weight: var(--font-medium);
}

.font-bold {
	font-weight: var(--font-bold);
}

/* SITE COLOR */
.primary-color {
	color: var(--primary-color) !important;
}

.secondary-color {
	color: var(--secondary-color) !important;
}

.primary-bg {
	background-color: var(--primary-color) !important;
}

.secondary-bg {
	background-color: var(--secondary-color) !important;
}

.tertiary-bg {
	background-color: var(--tertiary-color) !important;
}

.white-color {
	color: var(--white-color) !important;
}

.white-bg {
	background-color: var(--white-color) !important;
}

.dark-gray-color {
	color: var(--dark-gray-color) !important;
}

/* BTN */
.primary-btn {
	outline: none;
	text-decoration: none;
	position: relative;
	line-height: 1;
	color: var(--primary-color);
	display: inline-block;
	text-transform: uppercase;
	font-weight: var(--font-medium);
	overflow: hidden;
	letter-spacing: 1px;
	transition: var(--primary-transition);
	text-align: center;
}

.primary-btn.btn-border:hover {
	color: var(--white-color);
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

/* .primary-btn.btn-border::after {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	margin-top: -1px;
	right: 0;
	background: var(--secondary-color);
	transform: translate3d(-100%, 0, 0);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.primary-btn.btn-border:hover::after {
	transform: translate3d(100%, 0, 0);
}
.primary-btn.btn-border::before {
	content: attr(data-letters);
	position: absolute;
	z-index: 2;
	overflow: hidden;
	color: var(--secondary-color);;
	white-space: nowrap;
	width: 0%;
	transition: width 0.4s 0.3s;
	letter-spacing: 1px;
}
.primary-btn.btn-border:hover::before {
	width: 100%;
} */
.btn-border {
	background-color: var(--primary-color);
	padding: 12px 30px;
	color: var(--white-color);
}

.btn-bg {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 12px 20px;
	color: var(--white-color);
	cursor: pointer;
	outline: none;
	overflow: hidden;
	z-index: 1;
	min-width: 152px;
	text-align: center;
	background-color: var(--primary-color);
}

.grey-btn-bg {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 12px 20px;
	color: var(--primary-color);
	cursor: pointer;
	outline: none;
	overflow: hidden;
	min-width: 152px;
	text-align: center;
	background-color: #ededed;
}

.primary-btn.btn-bg:hover {
	color: var(--tertiary-color);
	background-color: var(--secondary-color);
}

.btn-bg.btn-white-bg,
.btn-bg.btn-white-bg:hover {
	color: var(--secondary-color);
}

.btn-bg.btn-white-bg {
	background-color: var(--white-color);
}

.btn-bg.btn-white-bg:hover {
	color: var(--white-color);
}

/* .btn-bg::before, .btn-bg::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: -1;
}
.btn-bg::before {
    content: '';
    background: var(--primary-color);
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}
.btn-bg.btn-white-bg::before {
    background: var(--white-color);
}
.btn-bg:hover::before {
    transform: scale3d(0.95, 0.8, 1);
}
.btn-bg::after {
    content: '';
    border: 1px solid var(--primary-color);
    transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
    border-radius: 0px;
    transform: scale3d(0.85, 0.65, 1);
}
.btn-bg.btn-white-bg::after {
    border-color: var(--white-color);
}
.btn-bg:hover::after {
    transform: scale3d(1,1,1);
} */
.sec-pt {
	padding-top: clamp(40px, 5vw, 90px);
}

.sec-pb {
	padding-bottom: clamp(40px, 5vw, 90px);
}

.sec-ptb {
	padding-top: clamp(40px, 5vw, 90px);
	padding-bottom: clamp(40px, 5vw, 90px);
}

/* SLIDER ARROW */
.arrow-vhc {
	position: relative;
}

.arrow-vhc .slider-arrows .pd-arrow,
.home-banner .carousel-wrapper.arrow-vhc .slider-arrows .pd-arrow {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.arrow {
	--active: var(--primary-color);
	--border: rgba(0, 0, 0, .12);
	display: block;
	position: relative;
	width: 44px;
	height: 44px;
	cursor: pointer;
}

.arrow.animate {
	--active: var(--primary-color);
}

.arrow.left {
	transform: scaleX(-1);
}

.arrow i {
	display: block;
	position: absolute;
	margin: -10px 0 0 -10px;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
	z-index: 1;
}

.arrow i:before, .arrow i:after {
	content: "";
	width: 13px;
	height: 2px;
	border-radius: 1px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: var(--active);
	margin: -1px 0 0 -5px;
	display: block;
	transform-origin: 13px 50%;
}

.arrow i:before {
	transform: rotate(-40deg);
}

.arrow i:after {
	transform: rotate(40deg);
}

.arrow:before, .arrow:after {
	content: "";
	display: block;
	position: absolute;
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	border-radius: 50%;
	border: 2px solid transparent;
}

.home-banner .arrow:before, .home-banner .arrow:after {
	background-color: var(--white-color);
}

.arrow svg {
	width: 44px;
	height: 44px;
	display: block;
	position: relative;
	z-index: 1;
	color: var(--active);
	stroke-width: 2px;
	stroke-dashoffset: 126;
	stroke-dasharray: 126 126 0;
	transform: rotate(0deg);
}

.arrow.animate svg {
	-webkit-animation: stroke 1s ease forwards 0.3s;
	animation: stroke 1s ease forwards 0.3s;
}

.arrow.animate i {
	-webkit-animation: arrow 1.6s ease forwards;
	animation: arrow 1.6s ease forwards;
}

.arrow.animate i:before {
	-webkit-animation: arrowUp 1.6s ease forwards;
	animation: arrowUp 1.6s ease forwards;
}

.arrow.animate i:after {
	-webkit-animation: arrowDown 1.6s ease forwards;
	animation: arrowDown 1.6s ease forwards;
}

@-webkit-keyframes stroke {
	52% {
		transform: rotate(-180deg);
		stroke-dashoffset: 0;
	}

	52.1% {
		transform: rotate(-360deg);
		stroke-dashoffset: 0;
	}

	100% {
		transform: rotate(-180deg);
		stroke-dashoffset: 126;
	}
}

@keyframes stroke {
	52% {
		transform: rotate(-180deg);
		stroke-dashoffset: 0;
	}

	52.1% {
		transform: rotate(-360deg);
		stroke-dashoffset: 0;
	}

	100% {
		transform: rotate(-180deg);
		stroke-dashoffset: 126;
	}
}

@-webkit-keyframes arrow {
	0%, 100% {
		transform: translateX(0);
		opacity: 1;
	}

	23% {
		transform: translateX(17px);
		opacity: 1;
	}

	24%, 80% {
		transform: translateX(-22px);
		opacity: 0;
	}

	81% {
		opacity: 1;
		transform: translateX(-22px);
	}
}

@keyframes arrow {
	0%, 100% {
		transform: translateX(0);
		opacity: 1;
	}

	23% {
		transform: translateX(17px);
		opacity: 1;
	}

	24%, 80% {
		transform: translateX(-22px);
		opacity: 0;
	}

	81% {
		opacity: 1;
		transform: translateX(-22px);
	}
}

@-webkit-keyframes arrowUp {
	0%, 100% {
		transform: rotate(-40deg) scaleX(1);
	}

	20%, 80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}

@keyframes arrowUp {
	0%, 100% {
		transform: rotate(-40deg) scaleX(1);
	}

	20%, 80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}

@-webkit-keyframes arrowDown {
	0%, 100% {
		transform: rotate(40deg) scaleX(1);
	}

	20%, 80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}

@keyframes arrowDown {
	0%, 100% {
		transform: rotate(40deg) scaleX(1);
	}

	20%, 80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}

/* SLIDER DOTS */
.slick-dots {
	position: relative;
	bottom: 0;
}

.slick-dots {
	margin-top: 10px;
}

.slick-dots li,
.slick-dots li button {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.slick-dots li button {
	position: relative;
	background: transparent;
	border: 1px solid var(--dark-gray-color);
	border-radius: 50%;
	font-size: 0;
	padding: 0;
}

.slick-dots li button {
	margin: 0 auto;
}

.owl-carousel .owl-dots button {
	margin: 0 5px;
}

.slick-dots li button::before {
	content: '';
}

.slick-dots li button::before {
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: var(--dark-gray-color);
	opacity: 1;
	transition: var(--primary-transition);
	display: block
}

.slick-dots li.slick-active button::before {
	width: 10px;
	height: 10px;
	opacity: 1;
}

/* HEADING STYLE */
.heading-widget h5 {
	font-family: var(--primay-font);
	font-size: 1.25rem;
	text-transform: uppercase;
	color: #616161;
	margin-bottom: 0;
}

.heading-widget h5::before {
	content: '';
	width: 3px;
	height: 26px;
	background-color: #A7B739;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.heading-widget h1,
.heading-widget h2 {
	text-transform: uppercase;
}

[type=search], [type=search]:focus {
	outline: inherit;
	box-shadow: none;
}

/* default-page-sec */
.default-page-sec {
	position: relative;
	z-index: 2;
	padding-bottom: 105px;
}

.default-page-sec p {
	line-height: 1.7;
}

/* HEADER STYLE */
.main-header {
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.5);
	position: relative;
	z-index: 999;
}

.main-header .header-bottom {
	background-color: var(--gray-mid-color);
}

.top-search .search-open {
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 0;
	background: url(../images/search.svg) no-repeat center center;
	display: block;
	width: 24px;
	height: 24px;
}

/* Search Wrapper*/
.search-drop-wrapper {
	position: absolute;
	z-index: 1;
}

.search-drop-wrapper label {
	width: 100%;
	margin-bottom: 0;
}

.search-drop-wrapper [type=search] {
	outline-offset: -2px;
	-webkit-appearance: none;
	border-radius: 0px;
	background-color: var(--white-color);
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid var(--dark-gray-color);
	padding: 8px 0;
	width: 100%;
	color: var(--dark-gray-color);
}

.search-drop-wrapper [type=submit] {
	-webkit-appearance: button;
	background-color: var(--primary-color);
	color: var(--white-color);
	text-transform: uppercase;
	font-weight: 500;
	padding: 8px 10px;
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
	cursor: pointer;
	border: 0;
}

.search-drop-wrapper [type=submit]:hover {
	background-color: var(--secondary-color);
	color: var(--white-color);
}

/* Header Bottom*/
.main-header .header-bottom {
	position: relative;
}

.main-header .primary-btn:not(.dropdown-toggle) {
	width: 180px;
}

.main-header .primary-btn.btn-bg {
	border: 1px solid var(--primary-color);
}

.main-header .primary-btn.btn-bg:hover {
	border-color: var(--secondary-color);
}

.main-header .dropdown-toggle {
	min-width: inherit;
	border: 0;
}

.main-header .dropdown-toggle::after {
	margin-left: 0;
	vertical-align: 0.6em;
}

.main-header .cart-link {
	position: relative;
}

.main-header .cart-link .cart-contents-count {
	position: absolute;
	color: var(--primary-color);
	right: 10px;
	top: 10px;
	width: 23px;
	height: 16px;
	border-radius: 50%;
	font-size: 0.625rem;
	line-height: 16px;
	text-align: center;
	font-weight: 500;
}

.main-header .primary-btn.logbtn {
	width: inherit;
	min-width: inherit;
	padding: 12px 20px;
}

.main-header .dropdown .dropdown-menu {
	border-radius: 0;
	padding: 0;
}

.main-header .dropdown .dropdown-menu li:not(:last-child) {
	border-bottom: 1px solid var(--gray-color);
}

.main-header .dropdown .dropdown-menu a {
	padding: 5px 10px;
	display: block;
}

/* Shop Area*/
.main-header .header-bottom .shop-link {
	background-color: var(--primary-color);
	color: var(--white-color);
	text-transform: uppercase;
	font-weight: 500;
	padding: 8px 20px;
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
}

.main-header .header-bottom .shop-link:hover {
	background-color: var(--secondary-color);
}

.main-header .header-bottom .call-link {
	background: var(--dark-color) url(../images/telephone-call.svg) no-repeat center center;
	display: block;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	overflow: hidden;
	text-indent: 100px;
	transform: rotate(-85deg);
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
}

.main-header .header-bottom .call-link:hover {
	background-color: var(--secondary-color);

}

#mega-menu-wrap-megamenu {
	width: 100%;
}

#mega-menu-wrap-megamenu #mega-menu-megamenu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#mega-menu-wrap-megamenu #mega-menu-megamenu {
	padding: 15px 0px 15px 0px;
}

#mega-menu-wrap-megamenu #mega-menu-megamenu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-megamenu #mega-menu-megamenu>li.mega-menu-item>a.mega-menu-link:hover {
	font-weight: 400;
}

#mega-menu-wrap-megamenu #mega-menu-megamenu>li.mega-menu-item>a.mega-menu-link {
	text-transform: uppercase;
}

#mega-menu-wrap-megamenu #mega-menu-megamenu>li.mega-menu-item>a.mega-menu-link {
	height: auto;
	line-height: normal;
	font-size: 0.875rem;
	padding: 0 4px;
}

/* HOME BANNER STYLE */
.home-banner {
	position: relative;
}

/* .home-banner .banner-slider .slick-list {
	clip-path: ellipse(99% 59% at 50% 40%);
} */
.banner-shape-bottom {
	z-index: 2;
	pointer-events: none;
	bottom: -1px;
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
}

.banner-shape-bottom svg {
	width: calc(243% + 1.3px);
	height: 108px;
	display: block;
	width: calc(105% + 1.3px);
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.banner-shape-bottom svg path {
	fill: var(--white-color);
}

.home-banner .slick-dots {
	position: absolute;
	bottom: -40px;
}

.home-banner .breadcrumbs-elem {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

/* WELCOME */
.progress-item .progress-widget p {
	margin-bottom: 0;
}

/* FEATURED PRODUCTS */
.yt-pd {
	position: relative;
	z-index: 1;
	box-shadow: 0 10px 18px rgba(0, 0, 0, 0.04);
}

.yt-pd-info {
	padding: 14px 26px;
}

.yt-pd .badge {
	position: absolute;
	padding: 8px 12px;
	font-size: 0.875rem;
	font-weight: var(--font-medium);
	color: var(--white-color);
	border-radius: 0;
	top: 0;
	right: 0;
	z-index: 1;
}

.yt-pd .badge.color-one {
	background-color: var(--primary-color);
}

.yt-pd .badge.color-two {
	background-color: #A7B739;
}

.yt-pd .yt-pd-img {
	overflow: hidden;
}

.yt-pd .yt-pd-img img {
	width: 100%;
	max-height: 270px;
	object-fit: contain;
	/* -webkit-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s; */
}

/* .yt-pd:hover .yt-pd-img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
} */
.yt-pd .yt-pd-title {
	color: var(--dark-color);
}

.products-carousel .slick-list .slick-slide {
	padding-bottom: 20px;
	height: inherit;
}

.products-carousel .slick-list .slick-track {
	display: flex;
}

.products-carousel .slick-list .slick-track .yt-pd {
	height: 100%;
}

/* VIRTUAL TRY ON SAMPLE */
.after-before-sample-box {
	position: relative;
}

.after-before-sample-box .hair-sam {
	position: absolute;
	right: 0;
	top: 0;
	pointer-events: none;
}

.home .virtual-section .wrapper {
	border: none;
	box-shadow: none;
}

/* input:checked~.after-before-sample-box .hair,  */
#style1:checked~.after-before-sample-box .hair1,
#style2:checked~.after-before-sample-box .hair2,
#style3:checked~.after-before-sample-box .hair3,
#style4:checked~.after-before-sample-box .hair4,
#style5:checked~.after-before-sample-box .hair5 {
	opacity: 1;
}

.hair-sam {
	opacity: 0;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.color-sample-list ul li label {
	position: relative;
	cursor: pointer;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	z-index: 1;
}

.color-sample-list ul li label::before {
	content: '';
	position: absolute;
	width: 76px;
	height: 76px;
	left: -5px;
	top: -5px;
	border: 2px solid var(--secondary-color);
	border-radius: 50%;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: var(--primary-transition);
}

.color-sample-list ul li label:hover::before,
.color-sample-list ul li label.active::before {
	opacity: 1;
	visibility: visible;
}

/* VIDEO SECTION */
.video-section .backdrop {
	z-index: 1;
}

.video-section .backdrop::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: calc(100% - 151px);
	background-color: var(--gray-color);
	display: block;
}

.video-box {
	overflow: hidden;
	display: block;
}

.video-box .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.video-main {
	position: relative;
	display: inline-block;
}

.video {
	height: 72px;
	width: 72px;
	line-height: 72px;
	text-align: center;
	border-radius: 100%;
	background: transparent;
	display: inline-block;
	background: var(--white-color);
	z-index: 999;
}

.video-gallery .video {
	height: 52px;
	width: 52px;
	line-height: 52px;
}

.video-gallery .video svg {
	width: 12px;
}

.video-gallery .waves {
	width: 142px;
	height: 142px;
	right: -45px;
	bottom: -45px;
}

@keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}

	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}

.waves {
	position: absolute;
	width: 172px;
	height: 172px;
	background: rgba(255, 255, 255, 0.3);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100%;
	right: -50px;
	bottom: -50px;
	z-index: -1;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
}

.wave-1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.wave-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.wave-3 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

#videoModal .fancybox-button svg path {
	fill: #fff;
}

/* EFFORTS */
.section-efforts {
	position: relative;
	overflow: hidden;
}

.section-efforts img {
	object-fit: cover;
}

.section-efforts .container {
	top: 0;
	left: 0;
	right: 0;
}

.efforts-elm {
	position: relative;
	z-index: 1;
}

.efforts-elm::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 50%;
	background-color: var(--secondary-color);
	opacity: 0.88;
}

.inner-content {
	position: relative;
	z-index: 2;
}

/* FOOTER */
.main-footer {
	position: relative;
	z-index: 1;
}

.main-footer::before {
	content: '';
	width: 100%;
	height: 133px;
	display: block;
	position: absolute;
	top: -133px;
	background: url(../images/footer-bg.svg) no-repeat center;
	background-size: cover;
}

.main-footer .footer-top,
.main-footer .footer-bottom {
	background-color: #00A650;
}

.main-footer .footer-menu li:not(:last-child) {
	margin-bottom: 20px;
}

.main-footer a,
.main-footer p {
	font-size: 0.875rem;
	color: var(--white-color);
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
}

.main-footer .footer-menu li a:hover {
	color: var(--secondary-color);
}

.main-footer .footer-bottom ul li {
	margin-left: 15px;
}

.main-footer .footer-bottom ul li a {
	color: var(--white-color);
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
}

.main-footer .footer-bottom ul li a:hover {
	color: var(--secondary-color);
}

.main-footer ul.footer-social li {
	position: relative;
}

.main-footer ul.footer-social li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 22px;
}

.main-footer ul.footer-social li a::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid var(--white-color);
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.main-footer ul.footer-social li a::after {
	content: attr(title);
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--white-color);
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	font-size: 0.75rem;
	padding: 5px 18px;
	border-radius: 25px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.main-footer ul.footer-social li:hover a::before {
	opacity: 1;
	pointer-events: auto;
	top: -6px;
}

.main-footer ul.footer-social li:hover a::after {
	opacity: 1;
	pointer-events: auto;
	top: -30px;
	color: var(--dark-color);
}

/* SIDEBAR ACCORDION */
/* SIDEBAR ACCORDION STYLE */
.accordion .accordion-cont {
	padding: 15px 0 0 0;
	margin: 0;
}

.accordion .accordion-cont ul {
	padding: 0;
	margin: 0;
}

.accordion .accordion-title {
	position: relative;
	font-family: var(--secondary-font);
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: 15px 0;
	margin: 0;
	cursor: pointer;
	border-bottom: 1px solid #CBD3D9;
}

.accordion .accordion-title::after {
	content: '';
	display: block;
	position: absolute;
	width: 17px;
	height: 9px;
	right: 0px;
	top: 50%;
	background: url(../images/back.svg) no-repeat;
	-webkit-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.accordion .accordion-title.open::after {
	-webkit-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}

.accordion a:hover {
	text-decoration: underline;
}

/* CUSTOM CHECK */
.check-container {
	display: block;
	position: relative;
	padding-left: 22px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.check-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.check-container .checkmark {
	position: absolute;
	top: 3px;
	left: 0;
	height: 13px;
	width: 13px;
	background-color: #E2E2E2;
}

.check-container input:checked~.checkmark {
	background-color: var(--primary-color);
}

.check-container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.check-container input:checked~.checkmark:after {
	display: block;
}

.check-container .checkmark:after {
	left: 5px;
	top: 2px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 1px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* PRODUCT BOX */


.product-box .pd-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	height: 300px;
}

.product-box {
	position: relative;
	height: 100%;
	/* padding-bottom: 60px; */
}

.product-box .pd-img img {
	-webkit-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s;
	max-height: 100%;
	width: auto;
	object-fit: contain;
}

.product-box:hover .pd-img img {
	/* transform: scale(1.2); */
}

.product-box .pd-img .color-img,
.product-box:hover .pd-img .color-img+img {
	display: none;
}

.product-box .pd-img .color-img {
	width: 145px;
	height: 145px;
	border-radius: 50%;
	overflow: hidden;
}

.product-box:hover .pd-img .color-img {
	display: block;
}

.product-box .pd-info h6,
.product-box .pd-info h4,
.product-box .pd-info h5 {
	color: #8F8F8F;
}

.product-box .pd-info h6,
.product-box .pd-info h5 {
	font-size: 1rem;
}

.product-box .pd-info h6 {
	font-weight: var(--font-medium);
}

.product-box .pd-info h5 {
	font-weight: var(--font-normal);
}

.product-box .pd-info h3 {
	font-size: 1.125rem;
	font-weight: var(--font-medium);
	color: var(--dark-color);
}

.product-box .pd-info h3 a {
	color: var(--dark-color);
	transition: var(--primary-transition);
}

.product-box .pd-info h3:hover a {
	color: var(--primary-color);
}

.product-box .pd-info h4 {
	font-size: 1rem;
	font-weight: var(--font-medium);
}

.product-box .pd-info .price {
	margin: 5px 0 0 0;
	font-size: clamp(1.125rem, 3vw, 1.5rem);
	color: var(--secondary-color);
}

/* .product-box .btn-group {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
} */
.product-box .primary-btn {
	font-weight: var(--font-medium);
	min-width: 127px;
	padding: 12px 10px;
	letter-spacing: initial;
	font-size: 0.875rem;
	text-align: center;
	margin: 4px;
}

.product-box .primary-btn.primary-bg {
	color: var(--white-color);
}

.product-box .primary-btn.primary-bg:hover {
	background-color: var(--secondary-color) !important;
}

.product-box .primary-btn.grey-bg {
	background-color: #F7F7F7;
	color: #929292;
	font-weight: var(--font-medium);
}

.product-box .primary-btn.grey-bg:hover {
	background-color: var(--secondary-color);
	color: var(--white-color);
}

.stars {
	--percent: calc(var(--rating) / 5 * 100%);
	display: inline-block;
	font-size: 1.25rem;
	line-height: 1;
}

.stars::before {
	content: "★★★★★";
	letter-spacing: 3px;
	background: linear-gradient(90deg, var(--primary-color) var(--percent), var(--dark-gray-color) var(--percent));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pd-lst-top-meta ul li {
	position: relative;
	padding-left: 17px;
	margin-bottom: 10px;
}

.pd-lst-top-meta ul li::before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: var(--dark-color);
	border-radius: 50%;
	left: 0;
	top: 8px;
}

.filter-section .btn {
	background-color: #fff;
	border: 1px solid #DFDFDF;
	border-radius: 0;
	color: #A0A0A0;
	text-transform: uppercase;
	font-size: 0.875rem;
	font-weight: var(--font-medium);
	padding: 8px 20px;
}

.brand-col {
	padding-bottom: clamp(40px, 5vw, 90px);
}

.brand-col:not(:last-child) {
	border-bottom: 1px solid var(--gray-color);
	margin-bottom: clamp(40px, 3vw, 100px);
}

.brand-product-box .brand-top {
	background-color: #F7F7F7;
}

.brand-product-box .brand-top h6 {
	font-weight: var(--font-medium);
	color: #656565;
	min-height: 38px;
}

.brand-product-box .brand-top a {
	font-weight: var(--font-medium);
	color: #949494;
}

.brand-product-box .brand-top a:hover {
	color: var(--primary-color);
}

.brand-product-box .brand-bottom {
	height: 200px;
	box-shadow: 0 10px 16px rgba(0, 0, 0, 0.16);
}

/* Inner Page*/
.single-banner>.container {
	position: absolute;
	top: 70px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

.single-banner .container h1 {
	/* text-transform: uppercase; */
	color: var(--white-color);
}

.single-banner.white-banner .container h1 {
	color: var(--tertiary-color);
}

/* BREADCRAMB */
.single-banner+.breadcramb-section {
	margin-top: 20px;
}

.breadcrumbs {
	background-color: transparent;
	/* padding: 40px 0; */
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.breadcrumbs li+li::before {
	/* color: #6c757d; */
	color: var(--white-color);
	content: "/";
	margin: 0 5px;
}

.single-banner+.breadcramb-section .breadcrumbs li+li::before {
	color: var(--grey-color);
}

.breadcrumbs li {
	font-size: 14px;
	font-weight: 500;
	color: #487D4D;
}

.breadcrumbs li a,
.breadcrumbs a {
	color: #000000;
}

.breadcrumbs li a:hover,
.breadcrumbs a:hover {
	color: #487D4D;
}

/* Genteal Form */
.row-center {
	justify-content: center;
}

.form-center {
	text-align: center;
}

.form-panel .form-control,
.woocommerce #review_form #respond textarea {
	background-color: var(--white-color);
	border: 1px solid var(--dark-gray-color);
	padding: 8px 15px;
	width: 100%;
	color: var(--dark-gray-color);
}

.form-panel select.form-control {
	-webkit-appearance: none;
	-moz-appearance: window;
	background-image: url("../images/dropdown-arrow.png");
	background-repeat: no-repeat;
	background-position: right 14px center;
}
select.form-control:not([size]):not([multiple]) {
	height: auto;
}

.form-panel textarea.form-control {
	border-radius: 14px;
	height: 95px;
	resize: none;
}

.form-panel ::placeholder {
	color: var(--dark-gray-color);
	opacity: 1;
}

.form-panel :-ms-input-placeholder {
	color: var(--dark-gray-color);
}

.form-panel ::-ms-input-placeholder {
	color: var(--dark-gray-color);
}

.form-panel input[type="submit"] {
	border-radius: 10px;
	background-color: var(--primary-color);
	border: none;
	color: var(--white-color);
	text-transform: uppercase;
	padding: 6px 25px;
	cursor: pointer;
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
}

.form-panel input[type="submit"]:hover {
	background-color: var(--dark-color);
	color: var(--white-color);
}

.form-panel .form-group {
	margin-bottom: 20px;
	width: 100%;
}

.form-panel .wpcf7-spinner {
	position: absolute;
}

.form-panel .wpcf7-not-valid-tip {
	/* position: absolute;
    bottom: -26px;
    left: 16px; */
	text-align: left;
	margin-top: 8px;
}

/* Contact Page*/
.contact-section {}

/* .contact-section ul {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 22px;
} */
.contact-section ul li h4 {
	background: url(../images/location-pin-icon.svg) no-repeat;
	min-height: 29px;
	color: #7A7A7A;
	display: table;
	margin: 0 auto 12px;
	background-size: 15px;
	background-position: 0 4px;
}

.contact-section ul li p {
	color: #8F8F8F;
}

.contact-section ul li h4 {
	padding-left: 22px;
}

/* Form Panel */
.getInTouch-section ul li:not(:last-child) {
	margin-bottom: 35px;
}

.getInTouch-section ul li .icon {
	display: grid;
	grid-template-columns: 46px calc(100% - 46px);
}

.getInTouch-section ul li .con {
	padding-left: 46px;
}

.getInTouch-section ul li .con a {
	font-size: 1.125rem;
	color: #8F8F8F;
}
.getInTouch-section ul li .con.phone a:not(:last-child)::after {
	content: '/';
	margin: 0 8px;
}

.getInTouch-section h3 {
	text-transform: uppercase;
	font-size: 2.0rem;
	text-align: center;
}

.career-form {
	text-align: center;
}

.career-form .form-panel .form-control,
.getInTouch-section .form-panel .form-control,
.woocommerce #review_form #respond textarea {
	/* background-color: var(--primary-color);
	border: 1px solid var(--white-color);
	color: var(--white-color); */
	border-color: #DCDDDF;
	border-radius: 0;
}

.getInTouch-section .form-panel ::placeholder {
	color: #AEAEAE;
	opacity: 1;
}

.getInTouch-section .form-panel :-ms-input-placeholder {
	color: #AEAEAE;
}

.getInTouch-section .form-panel ::-ms-input-placeholder {
	color: #AEAEAE;
}

.getInTouch-section .form-panel input[type="submit"] {
	background-color: var(--primary-color);
	color: var(--white-color);
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
	border-radius: 0;
}

.getInTouch-section .form-panel input[type="submit"]:hover {
	background-color: var(--dark-color);
	color: var(--white-color);
}

/* store-section */

.store-container {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}

/* Blog Page Start */
.blog-banner-item {
	position: relative;
}

.blog-banner-item img {
	clip-path: ellipse(99% 59% at 50% 40%);
}

.blog-banner-cont {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-top: 60px;
	display: flex;
	align-items: flex-start;
}

.blog-banner-title,
.blog-banner-cont h1 {
	color: var(--white-color);
	margin: 0 0 10px;
}

.blog-banner-title {
	margin: 0
}

.blog-banner-desk {
	color: var(--white-color);
	max-width: 430px;
}

.single-banner.blog-banner .container h1 {
	color: var(--white-color);
}

.blog-sec {
	padding-top: 60px;
}

.blog-box {
	position: relative;
	box-shadow: 0 10px 16px rgb(0 0 0 / 8%);
	padding-bottom: 45px;
}

.blog-box .date {
	position: absolute;
	right: 27px;
	top: 0;
	z-index: 1;
	background: var(--dark-gray-color);
	color: var(--white-color);
	font-weight: 800;
	text-align: center;
	padding: 16px 8px
}

.blog-box .date .month {
	font-size: 14px;
	line-height: 16px;
	display: block;
	margin-bottom: 1px;
}

.blog-box .date .year {
	font-size: 18px;
	line-height: 18px;
	display: block;
}

.blog-box .blog-img {
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	/*	border: 1px solid #ddd;*/
}

body.single .blog-box .blog-img {
	margin-bottom: 13px;
}

.blog-box .blog-img img {
	max-height: 244px;
	min-height: 244px;
	object-fit: cover;
	width: 100%;
	transition: 0.5s;
}

.blog-box.award-box .blog-img img {
	max-height: 274px;
	min-height: 274px;
	object-fit: cover;
	object-position: top;
}

.award-box .icon {
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: var(--white-color);
	z-index: 1;
	padding: 10px 12px;
}

body:not(.single) .blog-box:hover .blog-img img {
	transform: scale(1.1);
}

body.single .blog-box .blog-img img {
	width: 100%;
	max-height: 350px;
	min-height: 350px;
	object-fit: cover;
}

body.single .blog-box .auth-cat {
	margin-bottom: 5px;
}

body.single .blog-box .auth-cat .blog-author-info::after {
	content: '\002f';
	color: #727272;
	margin: 0 6px
}

.blog-box .cat-name, .blog-box .blog-author-info {
	font-size: 14px;
}

.blog-box .blog-img .cat-name {
	position: absolute;
	top: 0;
	right: 0;
	color: #ffffff;
	display: block;
	padding: 2px 15px;
	background: #A7B739;
	font-weight: 500;
}

body.single .blog-box {
	margin-bottom: 0;
}

.date-b {
	color: #00A650;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
}

.blog-box h5,
.award-box h5 {
	margin: 10px 0;
	font-weight: 500;
	font-size: 1.125rem;
	min-height: 43px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-box h5 a {
	color: var(--dark-color);
}

.blog-box h5 a:hover {
	color: var(--primary-color);
}

.blog-box .blog-author {
	margin-bottom: 15px;
}

.blog-box .blog-author-img {
	margin: 0 10px 0 0;
}

.blog-box .blog-author-img img {
	width: 32px;
	height: 32px;
	border-radius: 100%;
}

.blog-box .blog-content {
	padding: 0 17px;
}

.blog-box .blog-content h4 a {
	color: var(--dark-color)
}

.blog-box .blog-content h4 a:hover {
	color: var(--anchor-color)
}

.blog-box .blog-content p {
	line-height: 1.2;
	color: #505050;
}

.blog-box .read-more {
	position: absolute;
	left: 17px;
	bottom: 17px;
}

.blog-box .brdr-btn {
	padding: 0;
	color: #00943E;
	text-transform: uppercase;
	font-weight: 500;
}

.blog-section .blog-box .primary-btn {
	font-size: 0.8125rem;
}

.pb-150 {
	padding-bottom: 150px;
}

.blog-sec .blog-left-panel ul {
	margin-bottom: 15px;
	padding: 0;
}

.blog-sec .blog-left-panel ul li {
	position: relative;
	margin: 0;
	line-height: 1.5;
	padding: 0 0 15px 18px;
}

.blog-sec .blog-left-panel ul li::before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	left: 0;
	top: 8px;
	background: var(--dark-color);
}

.blog-right-panel .sidebar .widget {
	background: var(--tertiary-color);
}

.blog-right-panel .sidebar .widget_search {
	background: var(--white-color);
}

.blog-right-panel [type=search] {
	border: 1px solid rgb(112 112 112 / 20%);
	color: var(--primary-color);
	height: 48px;
}

.blog-right-panel form button {
	background: var(--primary-color);
	color: var(--white-color);
	width: 64px;
	margin: 0;
	border: 1px solid var(--primary-color);
}

.blog-right-panel [type=search]:focus {
	border-color: var(--primary-color);
}

.blog-right-panel form .wp-block-search__inside-wrapper {
	border: 1px solid rgb(112 112 112 / 20%);
	padding: 25px 20px;
}

.blog-sec .blog-left-panel #comments {
	margin: 0;
	padding: 0 0px;
}

.blog-details-cont h1 {
	font-weight: var(--font-semibold);
}

.default-page-sec .blog-details-cont p {
	color: var(--dark-color);
}


.blog-sec .blog-right-panel {
	margin: 0;
}

.blog-right-panel #sidebar h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
}

.blog-right-panel #sidebar .widget ul li {
	position: relative;
	margin: 0;
	line-height: 1.2;
	font-size: 16px;
	padding: 9px 0 9px 18px;
}

.blog-right-panel #sidebar .widget nav ul li:not(:last-child) {
	border-bottom: 1px dashed #b5b5b5;
}

.blog-right-panel #sidebar .widget nav ul li::before {
	content: '';
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	border: 2px solid #94C23D;
	left: 0;
	top: 15px
}

.blog-right-panel #sidebar .widget ul li a {
	display: block;
	color: #000000;
}

.blog-right-panel #sidebar .widget ul li a:hover {
	color: #D20A11;
}

.blog-right-panel #sidebar .widget select {
	margin: 0 0 0px;
	padding: 0 15px;
	width: 100%;
	border: 1px solid #ccc;
	background: #fff url(../images/accordion-down-arrow.png) no-repeat right 15px center;
	height: 44px;
	line-height: 42px;
	color: #777777;
	font-size: 14px;
}

.blog-right-panel #sidebar #recent-comments-2 ul li {
	position: relative;
	line-height: 1.5;
	font-size: 16px;
}

.blog-right-panel #sidebar #recent-comments-2 ul li a {
	display: block;
	color: #393939;
}

.blog-right-panel #sidebar #recent-comments-2 ul li a:hover {
	color: #00507e;
}

.blog-right-panel #sidebar .tagcloud ul li {
	margin: 0 0 5px;
	padding: 0;
	display: inline-block;
}

.blog-right-panel #sidebar .tagcloud ul li:before {
	display: none;
}

.blog-right-panel #sidebar .tagcloud ul li a {
	padding: 5px 10px;
	display: inline-block;
	font-size: 14px !important;
	border: 1px solid #ddd;
}

.blog-right-panel #sidebar .tagcloud ul li a:hover {
	background: #f9f9f9;
}

.search-sec .search-form label {
	display: none;
}

.search-sec .search-form input[type="search"] {
	margin: 0;
	padding: 0 15px;
	float: left;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border: 0;
	font-size: 16px;
	background: #f6f6f6;
	color: #292929;
}

.search-sec .search-form input[type="submit"] {
	margin: 0;
	padding: 0;
	float: left;
	width: 60px;
	height: 60px;
	border: 0;
	position: absolute;
	right: 0px;
	background: #D20A11 url(../images/search-icon-3.png) no-repeat center center;
	color: #fff;
	cursor: pointer;
	font-size: 0;
}

/* Blog Sidebar*/
.blog-right-panel .widget-title {
	font-size: 1.75rem;
	margin: 0 0 5px;
	padding: 0;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight: bold;
	color: var(--dark-color);
	padding: 40px 30px 0;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
	list-style: none;
	padding-left: 0;
}

.blog-right-panel .sidebar .widget ul {
	padding: 0 0 30px;
	margin: 0;
}

.blog-right-panel .sidebar .widget ul li {
	margin: 0;
	line-height: 1.2;
	color: var(--dark-color);
	list-style-type: none;
	padding: 20px 30px;
	margin: 0;
	border-top: 1px solid rgb(112 112 112 / 20%);
}

.blog-right-panel .sidebar .widget ul li:first-child {
	border: 0 none
}

.blog-right-panel .sidebar .widget ul li a {
	display: block;
	color: var(--dark-color);
	position: relative;
	padding: 0 0 0 20px;
}

.blog-right-panel .sidebar .widget ul li a::before {
	display: block;
	content: "";
	width: 12px;
	height: 12px;
	background: var(--primary-color);
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 4px;
}

.blog-right-panel .sidebar .widget ul li a:hover {
	color: var(--primary-color);
}

.blog-top-info p {
	margin: 0;
	color: var(--dark-color);
	font-weight: 600;
	font-size: 1.125rem;
}

.blog-top-info .date-b {
	margin: 0 10px;
}

.blog-top-info {
	margin-bottom: 20px;
}

.catename .cat-name {
	color: var(--white-color);
	padding: 2px 15px;
	background: #A7B739;
	font-weight: 500;
	font-size: 14px;
	margin-left: 5px;
}

.catename {
	position: relative;
}

/*.catename::before {*/
/*	display: inline-block;*/
/*	content: "|";*/
/*	color: #a9a9a9;*/
/*	font-weight: normal;*/
/*	margin-right: 10px;*/
/*}*/

/* Globar Form */
.global-form {
	max-width: 520px;
	margin: 0 auto;
}

/* Product Page */

section.product_slider {
	padding: 5rem 0;
	background: #efeff0;
}

.gallery_product_images .slick-arrow::before {
	content: '';
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.937' height='23.497' viewBox='0 0 12.937 23.497'%3E%3Cg id='back' transform='translate(12.937 23.497) rotate(180)'%3E%3Cpath id='Chevron_Right' d='M.343,12.587,10.91,23.15a1.186,1.186,0,1,0,1.68-1.676L2.861,11.749l9.727-9.725A1.187,1.187,0,0,0,10.909.347L.342,10.91A1.2,1.2,0,0,0,.343,12.587Z'/%3E%3C/g%3E%3C/svg%3E%0A");
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	top: calc(50% - 32.5px);
	border: 1px solid #000;
	border-radius: 50%;
	background-color: #fff;
	left: 0;
	background-size: 8px;
	padding: 10px
}

section.product_slider .slick-slide {
	margin: 0 30px;
}

.gallery_product_images .slick-arrow.slick-prev::before {
	transform: rotate(180deg);
}

.gallery_product_images button.slick-arrow {
	width: 40px;
	height: 40px;
	z-index: 1;
}

.gallery_product_images .slick-arrow:hover::before {
	opacity: .5;
}

.gallery_product_images .slick-dots {
	bottom: -30px;
}

.gallery_product_images .slick-dots li button::before {
	width: 14px;
	height: 14px;
	content: "";
	opacity: .5;
	background: #000;
	border-radius: 100%;
	border: 4px solid #efeff0;
}

.gallery_product_images .slick-dots li.slick-active button::before {
	background: #efeff0;
	border: 4px solid #44753D;
	opacity: 1;
}

.details-slider {
	display: grid;
	grid-template-columns: 100px calc(100% - 100px);
}

.details-slider .left-grid {
	padding-right: 15px;
}

.zooma-main {
	overflow: hidden;
	position: relative;
	max-width: 500px;
	max-height: 500px;
}

.zooma-main img {
	pointer-events: none;
	display: block;
	width: 100%;
	height: auto;
	cursor: zoom-in;
	opacity: 0;
	top: 0;
	left: 0;
}

.zooma-main img.is-loaded {
	position: absolute;
}

.zooma-main img.is-active {
	opacity: 1;
	pointer-events: initial;
}

.zooma-main img.is-zoomed-in {
	cursor: zoom-out;
	width: initial;
}

.zooma-thumbnail img {
	display: block;
	width: 80px;
	height: auto;
	opacity: 0.5;
	padding: 10px;
}

.zooma-thumbnail img.is-active {
	opacity: 1;
	outline: 1px solid;
}



.product-galley figure {
	/* display: flex;
	justify-content: center;
	align-items: center; */
	/* height: 500px; */
}

.product-galley figure img {
	/* height: 100%;
	object-fit: cover; */
}

.product_content {
	padding: 3.125rem 0;
	background: #e2fdde;
}

.product_content .product_header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product_content h2 {
	font-size: 2.75rem;
	color: var(--primary-color);
	flex: 1;
}

.product_content .buy_button_link {
	text-align: right;
}

.product_content .buy_button_link .buy_button {
	background: var(--primary-color) url(../images/buy-now-iocn.svg) no-repeat left 20px center;
	display: inline-block;
	color: var(--white-color);
	text-transform: uppercase;
	font-weight: 500;
	padding: 12px 20px 12px 58px;
	border-radius: 50px;
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
}

.product_content .buy_button_link .buy_button:hover {
	background-color: var(--secondary-color);

}

.product_sh_content {
	line-height: 1.5;
}

.product_benefits,
.product_benefits .left-grid {
	position: relative;
}

.product_benefits .left-grid .left-grid-content {
	display: flex;
	align-items: center;
}

.product_benefits .left-grid h3 {
	font-weight: 700;
	color: var(--secondary-color);
}

.product_benefits .right-grid ul {
	padding-left: 0;
	margin-bottom: 0;
}

.product_benefits .right-grid ul li {
	position: relative;
}

.product_benefits .right-grid ul li::before {
	background: var(--secondary-color);
	border-radius: 10px;
	display: block;
	width: 8px;
	height: 8px;
	content: '';
	position: absolute;
	left: 0;
	top: 20px;
}

.product_available {
	padding: 5rem 0;
	text-align: center;
	background: #ededed;
}

.product_available h3 {
	color: var(--primary-color);
	margin-bottom: 9px;
}

.product_available ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	justify-content: center;
	margin-left: -15px;
	margin-right: -15px;
}

.product_available ul li {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 15px;
}

.product_available ul li span {
	display: block;
	margin-top: 10px;
	font-weight: bold;
}

.product_size {
	padding: 5rem 0;
	text-align: center;
	background: #fff;
}

.product_size h3 {
	color: var(--primary-color);
	margin-bottom: 1.5rem;
	;
}

.product_size ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	padding: 0;
}

.product_size ul li {
	position: relative;
	text-align: left;
	width: 33.33%;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 10px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.product_size ul li::before {
	display: block;
	content: '';
	background: transparent url(../images/product_size.svg) no-repeat left center;
	width: 34px;
	height: 43px;
}

.product_size ul li p {
	margin: 0;
	padding-left: 15px;
	width: calc(100% - 47px);
}

.product_size ul li strong {
	display: inline-block;
	font-weight: bold;
}

.product_uses {
	background: #F8FFDE url(../images/howto-bg.svg) no-repeat right 20px bottom 20px;
	padding: 5rem 0;
}

.product_uses h3 {
	color: var(--primary-color);
	margin-bottom: 1.5rem;
	;
}

.product_uses ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

.product_uses ul li {
	width: 50%;
	padding: 10px 0 10px 25px;
	position: relative;
}

.product_uses ul li::before {
	background: var(--secondary-color);
	border-radius: 10px;
	display: block;
	width: 8px;
	height: 8px;
	content: '';
	position: absolute;
	left: 0;
	top: 16px;
}

.product_related h2 {
	text-transform: uppercase;
	text-align: center;
}

.product_related .slick-list .slick-slide {
	margin-left: 20px;
	margin-right: 20px;
}

.product_related figure {
	background: #F6F6F6;
	border-radius: 6px;
	padding: 25px;
	overflow: hidden;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product_related figure img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.product_related .slick-slide img {
	display: block;
	margin: 0 auto;
	-webkit-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s;
}

.product_related .products_item:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.product_related .slick-slide p {
	margin: 0 0 10px 0;
}

.product_related .slick-slide h5 {
	color: var(--dark-color);
	line-height: 1.5;
}

.product_related .slick-slide a:hover h5 {
	color: var(--anchor-color);
}

.product_related .slick-prev,
.product_related .slick-next {
	top: 37%;
	z-index: 1;
}

.product_related .slick-prev,
.product_related .slick-next {
	display: none !important;
}

.extra-image-section::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--gray-mid-color);
}

.extra-desc-widget .nav-link {
	color: var(--dark-color);
	border-radius: 0;
	padding: 15px 20px;
	border-bottom: 1px solid var(--gray-color);
	font-size: 1.125rem;
}

.extra-desc-widget .nav-link.active {
	background-color: var(--tertiary-color);
	font-weight: var(--font-semibold);
	color: var(--secondary-color);
	border-bottom-color: var(--tertiary-color);
}

.extra-desc-widget .nav-link svg {
	width: 40px;
	height: 40px;
	border: 1px solid #8b8b8b;
	border-radius: 50%;
	padding: 6px;
}

.extra-desc-widget .nav-link.active svg {
	border-color: var(--secondary-color);
}

.extra-desc-widget .nav-link.active svg path {
	stroke: var(--secondary-color);
}

/* About Page */
.about-section {
	padding: clamp(40px, 5vw, 60px) 0;
}

.about-section:first-child {
	padding-top: 0;
}

.about-section:nth-child(even) {
	background: #F2F2F2;
}

.about-section:nth-child(even) .row {
	flex-direction: row-reverse;
}

.about-section h2 {
	color: #44753D;
	font-size: 1.5rem;
	text-transform: capitalize;
}

/* Carrerr page*/
.career-area {
	margin: 0 0 30px 0;
	padding: 15px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 16%);
	-moz-box-shadow: 0 0 10px rgb(0 0 0 / 16%);
	box-shadow: 0 0 10px rgb(0 0 0 / 16%);
}

.career-area h5 {
	text-align: center;
	margin-top: 20px;
	color: #44753D;
}

/* Buy Now Poupup*/
.buynow_pop_up {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(10px);
	padding-top: 30px;
	transition: var(--primary-transition);
}

.buynow_pop_up.show_pop_up {
	visibility: visible;
	opacity: 1;
	z-index: 999;
}

.buynow_pop_up .buy-now-body {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

.buynow_pop_up .buy-now-content {
	position: relative;
	background: #fff;
	margin: 0 auto;
	border: 2px solid var(--white-color);
	padding: 25px;
	max-height: 600px;
	height: 550px;
	width: 990px;
}

.buynow_pop_up .buy-now-content .buy-now-content-inner {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}

.buynow_pop_up .buy-now-content .close {
	position: absolute;
	right: -18px;
	background: var(--primary-color);
	opacity: 1;
	text-shadow: none;
	color: #fff;
	width: 32px;
	height: 31px;
	top: -17px;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
}

/* Woocommarce Extra */
.products-realted .product-box .btn-bg {
	border: 1px solid var(--primary-color);
}

.products-realted .product-box .btn-border {
	color: #929292;
	border-color: #929292;
}

.products-realted .product-box .primary-btn:hover {
	color: var(--white-color);
	border-color: var(--secondary-color);
}

.pdt-dtls-images {
	background-color: #F7F7F7;
	/* padding: 50px; */
	/* max-width: 500px; */
}

.products-realted .slick-track {
	display: -webkit-flex;
	display: flex;
}

.products-realted .slick-track .product-box {
	height: inherit;
}

.products-realted .slick-track .product-box .primary-btn {
	min-width: 122px;
	padding: 12px 7px;
}

.virtual-try-btn {
	background-color: #F2F2F2;
	border: 1px solid #D5D5D5;
	padding: 14px 30px;
	display: block;
	font-weight: var(--font-medium);
	color: #7A7A7A;
}

.virtual-try-btn::before {
	content: '';
	background: url(../images/virtual-icon.svg) no-repeat;
	width: 38px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 19px;
}

#btn_vt_upload,
#startBtn {
	width: 237px;
	height: 70px;
	padding: 14px 30px;
	display: block;
	font-weight: var(--font-medium);
	border: 1px solid #D5D5D5;
}

#btn_vt_upload {
	background-color: #F2F2F2;
	color: #7A7A7A;
}

#startBtn {
	background-color: #767F34;
	color: var(--white-color);
}

#btn_vt_upload::before {
	content: '';
	background: url(../images/upload-icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 19px;
}

#startBtn::before {
	content: '';
	background: url(../images/camera-icon.svg) no-repeat;
	width: 30px;
	height: 26px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 19px;
}

.virtual-tryon h2 {
	font-size: 2.5rem;
}

.woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-color {
	text-indent: 0 !important;
}

.single-product .main-header {
	box-shadow: 0 0 10px rgb(0 0 0 / 16%);
}

.single-product .site-main {
	padding: 25px 0 0 0;
}

.woocommerce .woocommerce-breadcrumb {
	color: #487D4D;
	margin: 0 0 25px;
	font-weight: 500;
}

.woocommerce .product-details .woocommerce-breadcrumb {
	margin: 0 0 10px;
}

.woocommerce .woocommerce-breadcrumb a {
	color: #000000;
}

.woocommerce .woocommerce-breadcrumb a:hover {
	color: var(--secondary-color)
}

.product-details .product_title {
	color: var(--dark-gray-color);
	font-weight: var(--font-bold);
}

.product-details .amount {
	color: var(--dark-gray-color);
	font-size: 1.375rem;
	font-weight: var(--font-bold);
	display: block;
	margin: 0 15px 5px 0;
}

.product-details .stock-info {
	position: relative;
	color: var(--dark-color);
	font-size: 1rem;
	margin-bottom: 5px;
}

.product-details .stock-info::before {
	content: '';
	background-color: var(--primary-color);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 6px;
}

.product-details .btn-group .primary-btn {
	margin: 4px 8px 4px 0;
}

.product_meta span.sku_wrapper {
	display: block;
	margin-bottom: 25px;
	font-weight: 700;
}

.product_meta span.sku_wrapper .sku {
	font-weight: normal;
	display: inline-block;
	margin-left: 58px;
}

.product_meta span.posted_in {
	position: relative;
	display: block;
	font-weight: 700;
	padding-left: 100px;
}

.product_meta span.posted_in .label {
	position: absolute;
	left: 0;
}

.product_meta span.posted_in a {
	font-weight: normal;
	display: inline-block;
}

.woocommerce div.product form.cart div.quantity {
	/* display: -webkit-box;
	display: -webkit-flex;
	display: flex; */
	float: none;
}

.woocommerce div.product form.cart div.quantity::before {
	content: 'Quantity';
	font-weight: 700;
	position: relative;
	display: block;
	width: 100px;
	margin-bottom: 12px;
}

.woocommerce div.product form.cart .button {
	background: var(--primary-color);
	display: inline-block;
	color: var(--white-color);
	text-transform: uppercase;
	font-weight: 500;
	padding: 12px 35px;
	/* margin: 25px 0 0 100px; */
	margin: 25px 0 0 0;
	border-radius: 0;
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
	min-width: 152px;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
}

.woocommerce div.product form.cart .button:hover {
	background: var(--secondary-color);
}

.woocommerce .quantity .qty {
	text-align: center;
	border: 1px solid #ddd;
	padding: 5px 6px;
}

.color-panel {
	position: relative;
}

.color-panel h5 {
	font-size: 0.875rem;
	font-weight: var(--font-bold);
	color: var(--dark-gray-color);
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 1px solid var(--gray-color);
}

.color-panel .color-box {
	position: relative;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	border: 2px solid transparent;
	transition: all ease-in-out 0.35s;
}

.color-panel .color-box:hover,
.color-panel .slick-current .color-box,
.color-panel .color-box.active {
	border-color: #44753D;
}

.color-panel .color-box img {
	position: absolute;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: block;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.color-panel .color-box+span {
	display: block;
	text-align: center;
	margin-top: 12px;
	font-size: 0.875rem;
}

.woocommerce.single-product form.cart.variations_form .variation-select-label+.tawcvs-swatches {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin: 0;
}

.woocommerce.single-product form.cart.variations_form .variation-select-label+.tawcvs-swatches .swatch-item-wrapper {
	margin: 0 !important;
}

.woocommerce.single-product form.cart.variations_form .variation-select-label+.tawcvs-swatches .swatch-item-wrapper .swatch {
	padding: 8px 5px;
}

.woocommerce.single-product form.cart.variations_form .variation-select-label+.tawcvs-swatches .swatch-item-wrapper .swatch.selected {
	background: #d4f1e1;
}

.woocommerce.single-product form.cart.variations_form .variation-select-label+.tawcvs-swatches .swatch-item-wrapper .swatch,
.woocommerce.single-product form.cart.variations_form .variation-select-label+.tawcvs-swatches .swatch-item-wrapper .swatch .text {
	display: block;
	white-space: inherit;
	min-width: inherit;
	margin: 0;
	height: auto;
	line-height: 1.5;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
	font-size: 33px;
	color: var(--dark-gray-color);
	font-weight: var(--font-bold);
}

.woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-item-wrapper,
.woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-item-wrapper {
	margin-bottom: 0 !important;
}

.woocommerce-variation.single_variation {
	/* margin-left: 100px; */
	margin-bottom: 25px;
}

.pswp__caption__center {
	text-align: center;
	font-size: 16px;
	color: var(--white-color)
}

.woocommerce div.product form.cart .variations {
	margin-bottom: 0;
}

.woocommerce div.product form.cart .variations .item-pa_color .swatch.swatch-shape-edge:before {
	display: none !important;
}

.woocommerce div.product form.cart .variations .item-pa_color .swatch {
	padding: 25px !important;
}

.woocommerce div.product form.cart.variations_form .tawcvs-swatches,
.woocommerce.single-product form.cart.variations_form .tawcvs-swatches {
	margin-bottom: 0 !important;
}

.single_variation_wrap {
	margin-top: 15px;
}

.woocommerce div.product form.cart .variations tr:nth-child(2) .value {
	padding-left: 4px;
}

.woocommerce div.product form.cart .reset_variations {
	outline: none;
	text-decoration: none;
	position: relative;
	line-height: 1;
	color: var(--primary-color);
	display: inline-block;
	text-transform: uppercase;
	font-family: var(--secondary-font);
	font-weight: 900;
	overflow: hidden;
	letter-spacing: 2px;
	width: 53px;
	margin-top: 20px;
}

.woocommerce div.product form.cart .reset_variations:hover {
	color: var(--dark-gray-color);
}

.woocommerce div.product form.cart .reset_variations::after {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	margin-top: -1px;
	right: 0;
	background: var(--secondary-color);
	transform: translate3d(-100%, 0, 0);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.woocommerce div.product form.cart .reset_variations:hover::after {
	transform: translate3d(100%, 0, 0);
}

.woocommerce div.product form.cart .reset_variations::before {
	content: attr(data-letters);
	position: absolute;
	z-index: 2;
	overflow: hidden;
	color: var(--secondary-color);
	;
	white-space: nowrap;
	width: 0%;
	transition: width 0.4s 0.3s;
	letter-spacing: 2px;
}

.woocommerce div.product form.cart .reset_variations:hover::before {
	width: 100%;
}

.woocommerce-product-gallery .flex-viewport {
	height: 352px !important;
	margin-bottom: 25px;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper>div,
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper>div a {
	height: 100% !important;
	background: #efeff1;
	padding-top: 15px;
}

.woocommerce-product-gallery .flex-viewport img {
	height: 100% !important;
	object-fit: contain;
}

#pd-single-dtls .card {
	border: none;
	border-bottom: 1px solid var(--gray-color);
}

#pd-single-dtls .card .card-body {
	text-align: justify;
}

#pd-single-dtls .card .card-header {
	position: relative;
	background-color: var(--white-color);
	border: 0;
	cursor: pointer;
}

#pd-single-dtls .card .card-header .accicon {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	transition: all ease-in-out 0.35s;
}

#pd-single-dtls .card .card-header .accicon {
	transform: rotate(-180deg);
}

#pd-single-dtls .card .card-header.collapsed .accicon {
	transform: rotate(0deg);
}

#pd-single-dtls .card ul {
	padding: 0;
	list-style: none;
}

#pd-single-dtls .card ul li {
	position: relative;
	padding-left: 20px;
}

#pd-single-dtls .card ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--primary-color);
}

#pd-single-dtls .card ul li:not(:last-child) {
	margin-bottom: 10px;
}

.pd-stripe {
	background-color: #AE9F1E;
}

.pd-video-sec {
	padding-top: clamp(50px, 5vw, 90px);
}

.pd-video-sec::before {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: clamp(50px, 5vw, 90px);
	background-color: var(--white-color);
	display: block;
}

/* PRODUCT DETAILS */
.woocommerce-page .product-details .summary.entry-summary {
	width: 100%;
	float: none;
}

.woocommerce-page .product-details .summary.entry-summary .product_meta {
	display: none;
}

.woocommerce-page .product-details .summary.entry-summary table.variations tr {
	border-top: 1px solid var(--gray-color);
}

.woocommerce-page .product-details .summary.entry-summary table.variations tr,
.woocommerce-page .product-details .summary.entry-summary table.variations td {
	display: block;
}

.color-items .slick-list {
	margin: 0 -8px;
}

.color-items .slick-list .slick-track {
	margin: 0
}

.color-items .slick-list .slick-track .slick-slide {
	padding: 0 8px;
}

.color-items .slick-arrow.slick-prev {
	left: -20px;
}

.color-items .slick-arrow.slick-next {
	right: -20px;
}

.color-items .slick-prev:not(.slick-disabled):before,
.color-items .slick-next:not(.slick-disabled)::before {
	opacity: 1;
}

.color-items .slick-arrow.slick-prev::before,
.color-items .slick-arrow.slick-next::before {
	width: 8px;
	height: 15px;
	display: block;
	font-size: 0;
	margin: auto;
}

.color-items .slick-arrow.slick-prev::before {
	background: url(../images/arrow-prev.svg) center no-repeat;
}

.color-items .slick-arrow.slick-next::before {
	background: url(../images/arrow-next.svg) center no-repeat;
}

.single-product .product-details .content-area .site-main {
	padding-top: 0;
}

.single-product .product-details .content-area .site-main .container {
	padding: 0;
}

.details-product-img {
	position: relative;
	background-color: var(--gray-color);
}

.try-on-btn {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.colorshade-items .colorshade-item button {
	width: 70px;
	height: 70px;
	padding: 0;
	border: 2px solid var(--dark-gray-color);
	overflow: hidden;
	border-radius: 50%;
	cursor: pointer;
}

.colorshade-item button img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
}

.virtual-inner-wrap {
	width: 1000px;
}

#custom-upload-button {
	padding: 10px 20px;
	color: var(--white-color);
	background-color: var(--secondary-color);
	border: none;
	border-radius: 25px;
	cursor: pointer;
}

#custom-upload-button:hover {
	background-color: var(--primary-color);
}

.map-widget {
	position: relative;
}

.map-widget .pointer,
.map-widget .pointer label {
	position: absolute;
}

.map-widget .pointer .flag {
	position: relative;
	/* animation: .8s infinite beatHeart; */
	cursor: pointer;
	display: block;
	width: 30px;
	height: 40px;
	z-index: 1;
}

.map-widget .pointer .flag::before {
	content: '';
	position: absolute;
	cursor: pointer;
	background: url(../images/location-icon.svg) no-repeat;
	width: 30px;
	height: 40px;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	z-index: 1;
}

.map-widget .pointer .flag img {
	position: absolute;
	width: 18px;
	height: 18px;
	left: 6px;
	top: 6px;
	border-radius: 50%;
	display: block;
	object-fit: cover;
	z-index: -1;
}

.map-widget .pointer:hover .flag {
	animation-name: inherit;
}

@keyframes beatHeart {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.1);
	}

	40% {
		transform: scale(1);
	}

	60% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.map-widget .pointer label {
	white-space: nowrap;
	background-color: var(--primary-color);
	color: var(--white-color);
	padding: 6px 14px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
	top: -100%;
	left: 50%;
	border-radius: 25px;
	transform: translate(-50%, -25px);
	transition: all ease-in-out 0.35s;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
}

.map-widget .pointer label::after {
	content: '\25bc';
	color: var(--primary-color);
	position: absolute;
	bottom: -13px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.75rem;
}

.map-widget .pointer span:hover~label {
	transform: translate(-50%, -5px);
	opacity: 1;
	visibility: visible;
}

.banner-slider .content-banner {
	position: absolute;
	top: 130px;
	width: 550px;
	left: 19%;
	color: var(--white-color);
}

.dropdown-menu {
	max-height: 400px;
	overflow: auto;
}

.cat-top-des ul {
	padding-left: 0;
}

/* Custom Pagination*/
.nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 auto;
}

.custom_pagination {
	margin-left: 12px;
}

.custom_pagination .pagination {
	margin: 30px 0 0 0;
	justify-content: center;
}

.custom_pagination .pagination li {
	display: flex;
	align-items: center;
}

.custom_pagination .pagination li a {
	padding: 3px 0 0 0;
	color: var(--dark-gray-color);
	display: block;
	/* line-height: 35px;
	height: 35px; 
	font-weight:bold;*/
}

.custom_pagination .pagination li.current_page:not(.total-pages) a::after {
	content: '/';
}

.custom_pagination .pagination .current_page:hover,
.custom_pagination .pagination .page-numbers.current,
.custom_pagination .pagination li a:hover {
	/* color:#68933f; */
	display: block;
	margin: 0
}

.custom_pagination .pagination .page-numbers.prev,
.custom_pagination .pagination .page-numbers.next,
.search-results .pagination a.prev,
.search-results .pagination a.next {
	margin: 0;
	border: 1px solid #44a85b;
	width: 35px;
	height: 35px;
	display: block;
	padding: 9px;
}

.custom_pagination .pagination .page-numbers .fa-angle-left {
	background-image: url(../images/angel-prev-green.png);
}

.custom_pagination .pagination .page-numbers .fa-angle-right {
	background-image: url(../images/angel-next-green.png);
}

.search-results .pagination a.prev .fa-angle-left {
	background-image: url(../images/angel-prev-white.png);
}

.custom_pagination .pagination .page-numbers.next:not(.disabled) .fa-angle-right,
.search-results .pagination a.next .fa-angle-right {
	background-image: url(../images/angel-next-white.png);
}

.custom_pagination .pagination .page-numbers.next:not(.disabled),
.search-results .pagination a.prev,
.search-results .pagination a.next {
	background-color: #44a85b;
	color: var(--white-color);
}

/* .custom_pagination .pagination .page-numbers.prev:hover,
.custom_pagination .pagination .page-numbers.next:hover {
	background:#c4d933;
} */
.custom_pagination .pagination .page-numbers.prev {
	margin: 0 0 0 15px;
}

.custom_pagination .pagination .page-numbers .fa-angle-left,
.custom_pagination .pagination .page-numbers .fa-angle-right,
.search-results .pagination a .fa-angle-left,
.search-results .pagination a .fa-angle-right {
	width: 16px;
	height: 14px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
}

/* a.page-numbers.next.disabled,
a.page-numbers.prev.disabled{
	opacity: 0.5;
} */
/* Search Results */
.search-results .main-header {
	box-shadow: 0 0 10px rgb(0 0 0 / 16%);
}

.search-results .page-header {
	margin-top: 40px;
}

.serach-result {
	margin: 40px 0px;
}

.search-results .pagination {
	margin: 30px 0;
}

.search-results .pagination a {
	padding: 0px 15px;
	color: #000;
	display: inline-block;
	line-height: 35px;
	height: 35px;
	font-weight: bold;
	border-radius: 0;
	border-color: #44a85b;
}

.search-results .pagination a:hover,
.search-results .pagination .page-numbers.current {
	color: #68933f;
	display: inline-block;
	margin: 0;
	font-weight: bold;
}

/* Add to Cart*/
.woocommerce-cart table.cart td.actions .coupon .input-text {
	float: none;
	box-sizing: initial;
	padding: 6px 25px;
	border-radius: 0;
	width: 125px;
}

.woocommerce-cart-form button.button {
	border-radius: 28px;
}

.woocommerce-cart-form .coupon button.button,
.woocommerce-cart-form button.button:disabled[disabled],
.woocommerce-cart-form button.button:disabled[disabled]:hover,
.woocommerce-cart-form .cart .button,
.woocommerce form .form-row .button {
	background-color: var(--primary-color);
	color: var(--white-color);
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 0;
	padding: 10px 20px;
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
}

.woocommerce-cart-form .coupon button.button:hover,
.woocommerce-cart-form .cart .button:hover,
.woocommerce form .form-row .button:hover {
	background-color: var(--secondary-color);
	color: var(--white-color);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	background-color: var(--primary-color);
	color: var(--white-color);
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 0px;
	padding: 18px 20px;
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background-color: var(--secondary-color);
	color: var(--white-color);
}

/* Checkout Page */
.woocommerce-checkout #payment div.form-row {
	padding: 25px;
	background-color: var(--dark-gray-color);
	color: var(--white-color);
}

.woocommerce form .form-row a {
	color: var(--white-color);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
	background-color: var(--primary-color);
	color: var(--white-color);
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 0;
	padding: 8px 20px;
	-webkit-transition: var(--primary-transition);
	transition: var(--primary-transition);
}

.woocommerce .woocommerce-customer-details address {
	border: none;
	padding-left: 0;
	padding-right: 0;
}

.woocommerce .return-to-shop {
	margin-top: 20px;
	text-align: center;
}

.woocommerce a.button:hover,
.woocommerce a.button:hover,
.woocommerce a.button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
	background-color: var(--secondary-color);
	color: var(--white-color);
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background-color: var(--gray-color);
	border-radius: 0;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
	border-radius: 26px;
}

span.woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

.woocommerce-billing-fields h3 {
	margin: 0 0 25px;
}

.woocommerce form .form-row {
	padding: 0;
	margin: 0 0 18px;
	display: block;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: table;
}

.woocommerce-form-login-toggle {
	margin-bottom: 15px;
}

.woocommerce-info {
	border-top-color: var(--primary-color);
}

.woocommerce-info::before {
	color: var(--primary-color);
}

.woocommerce form .form-row input.input-text,
.select2-container--default .select2-selection--single {
	border-radius: 0;
	background-color: var(--white-color);
	border: 1px solid #DCDDDF;
	padding: 8px 15px;
	width: 100%;
	color: var(--dark-gray-color);
}

.select2-container--default .select2-selection--single {
	height: 43px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 7px;
	right: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #b9b9b9;
}

.woocommerce form .form-row textarea {
	height: 120px;
	resize: none;
	border-radius: 0;
	background-color: var(--white-color);
	border: 1px solid #DCDDDF;
	padding: 8px 15px;
	width: 100%;
	color: var(--dark-gray-color);
}

.woocommerce form.checkout_coupon {
	background-color: var(--gray-color);
	margin: 1px 0 0 0;
	border-radius: 6px;
}

.woocommerce-info {
	border-radius: 6px;
	background-color: var(--gray-color);
	margin: 0;
}

.checkout-billing {
	margin-top: 25px;
}

.woocommerce ul.order_details {
	margin: 0 0 25px;
	background: var(--gray-color);
	padding: 25px;
}

.yith_magnifier_mousetrap {
	display: none !important
}

.single-banner .container h1 {
	margin-bottom: 0;
}

.nav-links .next,
.nav-links .prev {
	width: 30px;
	height: 30px;
	border: 1px solid var(--dark-gray-color);
	border-radius: 50%;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	font-size: 0.75rem;
	transition: var(--primary-transition);
}

.nav-links .next:hover,
.nav-links .prev:hover {
	border-color: var(--primary-color);
}

.woocommerce table.shop_table td ul.wc-item-meta {
	padding-left: 0;
}

.woocommerce-order-details .order_details thead th:last-child,
.woocommerce-order-details .order_details tfoot th,
.woocommerce-order-details .order_details tfoot td,
.woocommerce-order-details .order_details tbody td:last-child {
	text-align: right;
}

.woocommerce div.product form.cart.variations_form .tawcvs-swatches.item-pa_color .swatch.selected::after {
	content: '' !important;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	border: 2px solid var(--dark-color);
}

.woocommerce.single-product form.cart.variations_form .tawcvs-swatches.item-pa_size .swatch.selected:before {
	border-color: var(--primary-color);
}

.brand-col h2 {
	font-size: clamp(2rem, 5vw, 2.5rem);
	color: var(--primary-color);
}



/*career*/
.carrer-item {
	box-shadow: 0 10px 16px rgba(0, 0, 0, 0.08);
	margin-bottom: 35px;
	padding: 30px 35px;
	background: var(--white-color);
	justify-content: space-between;
	align-items: center;
}

.carrer-item>div:first-child {
	max-width: 800px;
}

.career-short-desk {
	color: var(--dark-color);
}
.career-short-desk ol li,
.career-short-desk ul li {
    margin-bottom:10px;
}
.career-short-desk ol,
.career-short-desk ul {
    padding-left:0;
}
.single-careers .career-short-desk ol,
.single-careers .career-short-desk ul {
    padding-left:22px;
}
.single-careers .career-short-desk ol li {
    list-style: decimal;
}
.single-careers .career-short-desk ul li {
   list-style:disc;
}

.el-sec {
	display: flex;
	margin-bottom: 10px;
}

.el-sec p {
	margin: 0 20px 0 0;
	display: flex;
	align-items: center;
}

.el-sec img {
	display: inline-block;
	margin-right: 5px;
}

.fancybox-content .hide-in-details {
	display: none;
}

.fancybox-content .col-full-detail [class*="col-"] {
	flex: 0 0 100%;
	max-width: 100%;
}

.form-panel .row p,
.applyform p {
	margin: 0;
}

.career-form .form-panel input[type="submit"],
.applyform input[type="submit"], .applyform textarea.form-control, .applyform .form-control {
	border-radius: 0;
}

/*end career*/
.gallery-item {
	padding: 0 15px;
}

.gallery-item a {
	padding: 0 15px;
}

.videos-section .row [class*="col-"]:first-child {
	max-width: 73%;
	flex: 0 0 73%;
}

.videos-section .row .wrap [class*="col-"], .videos-section .row .wrap [class*="col-"]:first-child {
	max-width: 100%;
	flex: 0 0 100%;
}

.videos-section .row.wrap {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 676px;
}

.v-title,
.related_title {
	display: none;
}

.wrap [class*="col-"]:first-child .related_title {
	display: block;
	font-weight: 500
}

.wrap [class*="col-"] .v-title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 10px 0 20px;
	color: #000000
}

.row.wrap {
	margin: 0;
	display: block;
}

.row.wrap [class*="col-"] {
	padding: 0 0 0 10px;
}

.wrap .video {
	width: 42px;
	height: 42px;
}

.wrap .video svg {
	width: 10px;
}

.wrap .waves {
	width: 80px;
	height: 80px;
	right: -18px;
	bottom: -18px;
}

.gallery-section .primary-btn {
	z-index: 1;
}

/* end media	*/
.tips-box h5 {
	font-size: 1.125rem;
}

.tips-box h5 a {
	color: var(--dark-color);
}

/* BREADCRAMB */

/* .single-banner img {
	clip-path: ellipse(99% 59% at 50% 40%);
} */
/* .single-banner .breadcramb-section {
	background-color: #ECECEC;
	margin-top: -60px;
	padding-top: 50px;
} */

.flipbookkk {
	border: 5px solid #d7d7d7;
}

.flipbookkk iframe {
	display: block;
}

/* SITEMAP */
.sitemap {
	/* width: 942px; */
	display: table;
	margin: 0 auto;
}

.sitemap .first {}

.sitemap ul {
	width: inherit !important;
	left: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.sitemap a {
	color: #000;
	text-decoration: none;
	display: inline-block;
	margin: 0 5px;
	border-radius: 7px;
	text-align: center;
	position: relative;
}

.sitemap .mega-menu-wrap>ul {
	overflow: hidden;
}

.sitemap .mega-menu-wrap>ul>li a {
	background: #cbcccb;
	font-size: 0.875rem;
	font-weight: 500;
	min-height: 32px;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all ease-in-out 0.35s;
	padding: 5px 10px;
}

.sitemap .mega-menu-wrap>ul>li a:before {
	content: "";
	position: absolute;
	border: 1px solid #9e9f9e;
	border-left: none;
	border-bottom: none;
	height: 9px;
	top: -10px;
	left: -91px;
	width: 190px;
}

.sitemap .mega-menu-wrap>ul>li li:first-child a:before {
	border-top: none;
}

.sitemap .mega-menu-wrap>ul>li ul {
	margin-left: 20px;
}

.sitemap .mega-menu-wrap>ul>li>ul {
	padding-top: 10px;
}

.sitemap .mega-menu-wrap>ul>li ul a {
	background: #e4e4e3;
	margin-bottom: 10px;
	z-index: 5;
	font-size: 0.75rem;
}

.sitemap .mega-menu-wrap ul ul ul li {
	position: relative;
}

.sitemap .mega-menu-wrap ul ul ul li:not(:last-child):before {
	content: '';
	border-left: 1px solid #9e9f9e;
	border-right: none;
	border-top: none;
	height: 100%;
	top: 0px;
	left: -3px;
	width: 7px;
	position: absolute;
}

.sitemap .mega-menu-wrap>ul>li ul a:before {
	border: 1px solid #9e9f9e;
	border-right: none;
	border-top: none;
	height: calc(100% - 20%);
	top: -10px;
	left: -8px;
	width: 7px;
}

.sitemap .mega-menu-wrap>ul>li>a {
	background: var(--primary-color);
	color: var(--white-color);
}

.sitemap .mega-menu-wrap>ul>li>ul>li>ul>li>a {
	background: var(--tertiary-color);
	color: var(--secondary-color);
}

/* .sitemap .mega-menu-wrap>ul>li a:hover {
	background: #5B91CC;
	color: #fff;
} */
.buy_now_links {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.buy_now_links a {
	display: block;
	margin: 10px;
	padding: 24px 5px;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 0;
	color: transparent;
	/*border: 2px solid transparent;*/
	-webkit-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s;
}

/* .buy_now_links a:hover {border-color: var(--primary-color);} */
.buy_now_links a.amazon_link {
	background-image: url(../images/amazon_logo.jpg);
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: center;
}

.buy_now_links a.flipkart_link {
	background-image: url(../images/flipkart-logo.jpg);
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: center;
}

.buy_now_links a.meesho_link {
	background-image: url(../images/meesho-logo.jpg);
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: center;
}

.buy_now_links a.myntra_link {
	background-image: url(../images/myntra-logo.jpg);
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: center;
}

.buy_now_links a.netmeds_link {
	background-image: url(../images/netmeds-logo.jpg);
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: center;
}
.buy_now_links a.firstcry {
	background-image: url(../images/firstcry.webp);
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: center;
}
.buy_now_links a.pharmeasy {
	background-image: url(../images/pharmeasy.webp);
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: center;
}
.buy_now_links a.healthmug {
	background-image: url(../images/healthmug.webp);
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: center;
}

.other-information li {
	font-size: 0.875rem;
}

.other-information li strong {
	font-weight: 500;
	min-width: 170px;
}

/* MY ACCOUNT */
.woocommerce-account .woocommerce {
	display: flex;
	flex-wrap: wrap;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
	padding: 0;
	margin: 0;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:not(:last-child) {
	margin-bottom: 1px;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
	padding: 10px;
	background-color: var(--secondary-color);
	display: block;
	color: var(--white-color);
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
	background-color: var(--gray-mid-color);
	padding: 15px;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .addresses .title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .addresses .title h3 {
	font-size: 1.25rem;
	margin: 5px 12px 5px 0;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .addresses .title .edit {
	margin: 5px 0;
	background-color: var(--primary-color);
	color: var(--white-color);
	padding: 1px 10px;
	font-size: 0.875rem;
}

.section-review {
	background-color: var(--gray-color);
}

.woocommerce #review_form #respond .form-submit input {
	background-color: var(--primary-color);
	color: var(--white-color);
	border-radius: 0;
}

.woocommerce .star-rating {
	color: var(--primary-color);
}

.press-carousel .slick-slide {
	padding: 20px 12px;
}

.press-carousel .blog-box .blog-content p {
	overflow: hidden;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
}














/*PDP zoom alone */
.pdp-image-gallery-block {
	display: grid;
	grid-template-columns: 100px calc(100% - 100px);
	align-items: start;
}

div#gallery_pdp .wrapper {
	border: 0;
}

div#gallery_pdp a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px;
	background-color: #f7f7f7;
	border: 2px solid transparent;
	max-width: 86px;
	max-height: 86px;
	margin-bottom: 5px;
}

div#gallery_pdp a.active {
	border-color: var(--primary-color);
}

div#gallery_pdp a img {
	max-height: 70px;
	display: block;
	object-fit: contain;
}

.gallery-viewer {
	max-width: 500px;
	background-color: #f7f7f7;
	padding: 20px;
}

.gallery-viewer {
	max-height: 500px;
}

.gallery-viewer img {
	max-height: 460px;
}

.zoomLens {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.zoomContainer .zoomLens {
	background: url("../images/zoom-icon.png");
	background-repeat: no-repeat;
}

.zoomContainer {
	cursor: url("../images/zoom-icon.png"), auto
}

.magnifylens {
	cursor: url("../images/zoom-icon.png"), auto !important;
}

.demagnifylens {
	cursor: url("../images/zoom-in-icon.png"), auto !important;
}

#enlarge_gallery_pdp {
	display: none;
}


/*fancybox*/

.pdp_enl_opt .fancybox-nav span {
	visibility: visible !important;
}

.pdp_enl_opt .fancybox-skin {
	background: transparent
}

.pdp_enl_opt .fancybox-opened .fancybox-skin {
	box-shadow: none;
}

.pdp_enl_opt .fancybox-nav, .pdp_enl_opt .fancybox-close {
	display: none;
}

.enl_fclose {
	background-position: center;
	background: url(../images/fclose.png) no-repeat center;
	right: 2%;
	top: 5%;
	box-shadow: none;
	border: none;
	width: 30px;
	height: 30px;
	background-size: contain;
	position: fixed;
	z-index: 111;
}

.enl_fright {
	background-position: center;
	background: url(../images/fright.png) no-repeat;
	top: 50%;
	right: 2%;
	box-shadow: none;
	border: none;
	width: 40px;
	height: 40px;
	background-size: contain;
	position: fixed;
	z-index: 111;
}

.enl_fleft {
	background: url(../images/fleft.png) no-repeat;
	top: 50%;
	left: 2%;
	box-shadow: none;
	border: none;
	width: 40px;
	height: 40px;
	background-size: contain;
	position: fixed;
	z-index: 111;
}

.fancybox-inner .enl_butt {
	z-index: 10000;
}

.pdp_enl_opt .fancybox-skin, .pdp_enl_opt .fancybox-wrap {
	background: transparent !important;
	box-shadow: none !important;
}

a.enl_but:hover {
	transform: scale(1.10) !important;
	transition: transform .25s !important;
}

.pdp_enl_opt .fancybox-image {
	max-width: 95% !important;
	margin: 0 auto;
}

img.fancybox-image {
	cursor: url("../images/zoom-icon.png"), auto;
}

#panic {
	cursor: url("../images/zoom-in-icon.png"), auto;
}


/* PDP Zoom End */


/* panning css */

.img-pan-container, .img-pan-container img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.img-pan-container {
	position: fixed;
	overflow: hidden;
	cursor: crosshair;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.img-pan-container img {
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	position: absolute;
	top: 0;
	left: 0;
}

.mega_enl img {
	opacity: 0;
	transition: opacity .6s linear .85s;
}

.mega_enl img.loaded {
	opacity: 1;
}

/*mega enlarge */
.mega_enl {
	display: none
}

.mega_enl {
	position: relative;
	margin: 3%;
	width: 40%;
	height: 60%;
	box-shadow: 0 0 60px rgba(0, 0, 0, .4);
	background: #000;
}

/* version 2.1*/
.owl-item img {
	width: 100%;
}

#fancy_gall .owl-next, #fancy_gall .owl-prev {
	display: none;
}

a#ui-carousel-prev,
a#ui-carousel-next {
	width: 20px;
	height: 20px;
	position: absolute;
	margin-left: -6px;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--white-color);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

a#ui-carousel-next {
	bottom: -13px;
	background-image: url(../images/down.png);
	background-repeat: no-repeat;
	background-position: center;
}

a#ui-carousel-prev {
	top: -13px;
	background-image: url(../images/up.png);
	background-repeat: no-repeat;
	background-position: center;
}

.gallery_pdp_container {
	position: relative;
}

.zoomWindowContainer>div {
	border: 1px solid #d7d7d7 !important;
}

.pdp-image-gallery-block+.virtual-try-btn {
	left: 50px;
	position: relative;
}

.awards-carousel .slick-list .slick-slide {
	padding-left: 15px;
	padding-right: 15px;
}

.awards-carousel .slick-list .slick-slide a {
	display: block;
	padding: 20px;
	border: 1px solid #d7d7d7;
}

.awards-carousel .slick-list .slick-slide a img {
	height: 330px;
	margin: 0 auto;
	object-fit: contain;
}

.mega-sub-menu a.mega-menu-link[href="#"] {
	cursor: text !important;
}

.mega-sub-menu a.mega-menu-link[href="#"]:hover {
	color: #000 !important;
}

.map-element ul li {
	position: absolute;
}
.map-element ul li[data-title="Mumbai"] {
	position: absolute;
}
.search-drop form {
	display: flex;
}
.main-container {
	position: relative;
	z-index: 2;
}
.getInTouch-section form .wpcf7-spinner {
	left: 0;
}
.color-items {
	visibility: hidden;
}
.color-items .slick-track {
	display: flex;
}
.color-items .slick-track .slick-slide {
	display: inline-block !important;
}

#preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

/*.loader {*/
/*  width: 50px;*/
/*  height: 50px;*/
/*  border: 5px solid #ccc;*/
/*  border-top: 5px solid #000;*/
/*  border-radius: 50%;*/
/*  animation: spin 1s linear infinite;*/
/*}*/

/*@keyframes spin {*/
/*  0% {*/
/*    transform: rotate(0deg);*/
/*  }*/
/*  100% {*/
/*    transform: rotate(360deg);*/
/*  }*/
/*}*/

.custom_pagination .pagination .page-numbers .fa-angle-left::before,
.custom_pagination .pagination .page-numbers .fa-angle-right::before,
.custom_pagination .pagination .page-numbers.next:not(.disabled) .fa-angle-right::before,
#pd-single-dtls .fa-angle-down:before {
    display: none;
}
.sb_instagram_header {
    display:none
}
#banner-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}

.loader span {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.banner-slider {
      opacity: 0;
      transition: opacity 0.5s ease; /* fade in the slider smoothly */
    }
.banner-slider.slick-initialized {
    opacity: 1;
}
.banner-slider .slick-prev {
    left: 25px;
    z-index: 1;
    transform: scaleX(-1);
}
.banner-slider .slick-next {
    right: 25px;
}
.banner-slider .slick-prev:before, .banner-slider .slick-next:before {
    font-size: 0;
}
.banner-slider .slick-arrow {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.banner-slider .slick-arrow:before, .banner-slider .slick-arrow:after {
    content: "";
    width: 13px;
    height: 2px;
    border-radius: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: var(--primary-color);
    margin: -1px 0 0 -5px;
    display: block;
    transform-origin: 13px 50%;
}
.banner-slider .slick-arrow:before {
    transform: rotate(-40deg);
}
.banner-slider .slick-arrow:after {
    transform: rotate(40deg);
}