@import url("https://fonts.googleapis.com/css2?family=Bungee&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&");

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

:root {
	--bodyColor: #303030;
	--bodyBg: #fff;
	--whiteColor: #ffffff;
	--whiteColor2: #f6f6f6;
	--blackColor: #000000;
	--blackColor2: #333333;
	--contentColor: #303030;
	--headingColor: #1f1f25;
	--primaryColor: #0a85d1;
	--secondaryColor: #f34f3f;
	--borderColor: #eeeeee;
	--greyColor: #ebebeb;
	--greyColor2: #333333;
	--yellow: #eab73e;
	--yellow2: #c29958;
	--red: #d3122a;
	--greywhite: #f69679;
	--green: #0b9d8a;
	--borderColor2: #ccc;
	--greyColor1: #f6f6f6;
	--greyColor3: #717171;
	--greyColor4: #f5f5f5;
	--deepblue: #1e1345;
	--darkgrey: #f6f6f6;
	--darkgrey2: #f1f1f1;
	--darkgrey3: #5a5a5a;
	--pink: #ce126e;
	--borderRadius: 5px;
	--borderRadius2: 10px;
	--borderRadius3: 15px;
	--borderRadius4: 100px;
	--transition: .3s;
	--transition2: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1) 0s, box-shadow 0.65s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
	--bodyFont: "Poppins", sans-serif;
	--headingFont: "Futura Std", sans-serif;
	--gradientColor: linear-gradient(90deg, rgba(255, 192, 41, 1) 9.5%, rgba(130, 99, 255, 1) 74.49%)
  --gradientColor2 : linear-gradient(3.98deg, rgba(0, 0, 0, 0) 3.24%, var(--blackColor) 93.62%);
}

.is_dark {
	--bodyColor: #ffffff;
	--bodyBg: #1a1a1a;
	--whiteColor: #1a1a1a;
	--whiteColor2: #1a1a1a;
	--blackColor2: #fff;
	--contentColor: #fff;
	--headingColor: #fff;
	--greyColor: #333333;
	--blackColor: #fff;
}

.layout__2 {
	--bodyFont: "Nunito", sans-serif;
	--headingFont: "Nunito", sans-serif;
	--primaryColor: #eab73e;
}

.layout__3 {
	--bodyFont: "Work Sans", sans-serif;
	--headingFont: "Work Sans", sans-serif;
	--primaryColor: #d3122a;
}

.layout__4 {
	--bodyFont: "Lora", sans-serif;
	--headingFont: "Lora", sans-serif;
	--primaryColor: #f69679;
}

.layout__5 {
	--bodyFont: "Lato", sans-serif;
	--headingFont: "Lato", sans-serif;
	--primaryColor: #c29958;
}

.layout__6 {
	--bodyFont: "Nunito Sans", sans-serif;
	--headingFont: "Nunito Sans", sans-serif;
	--primaryColor: #0b9d8a;
}

.layout__7 {
	--bodyFont: "Inter", sans-serif;
	--headingFont: "Inter", sans-serif;
	--primaryColor: #02a9f7;
}

.layout__8 {
	--bodyFont: "Lato", sans-serif;
	--headingFont: "Playfair Display", serif;
	--primaryColor: #ff3654;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: var(--bodyFont);
	background-color: var(--bodyBg);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	position: relative;
	color: var(--bodyColor);
}

p {
	font-size: 16px;
	margin-bottom: 15px;
	color: var(--contentColor);
}

a {
	text-decoration: none;
	transition: var(--transition);
}

p,
a,
.btn,
button,
p,
input,
select,
textarea,
li,
img {
	-webkit-transition: all var(--transition) ease-out 0s;
	-moz-transition: all var(--transition) ease-out 0s;
	-ms-transition: all var(--transition) ease-out 0s;
	-o-transition: all var(--transition) ease-out 0s;
	transition: all var(--transition) ease-out 0s;
}

svg {
	width: 25px;
	transition: var(--transition);
}

a {
	color: var(--contentColor);
}

a:hover {
	color: var(--primaryColor);
}

input:focus-visible {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--headingColor);
	font-family: var(--headingFont);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	margin-bottom: 15px;
}

.common__row {
	align-items: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	list-style: none;
	display: inline-block;
}

.row {
	--bs-gutter-x: 1.875rem;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: 1.875rem;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
}

@media (min-width: 1500px) and (max-width: 1920px) {
	.container {
		max-width: 1200px;
	}
}

.container-fluid.hero__fullwidth__spacing {
	padding-left: 195px;
	padding-right: 195px;
}

@media (min-width: 1366px) and (max-width: 1499px) {
	.container-fluid.hero__fullwidth__spacing {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (min-width: 992px) and (max-width: 1365px) {
	.container-fluid.hero__fullwidth__spacing {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container-fluid.hero__fullwidth__spacing {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 767px) {
	.container-fluid.hero__fullwidth__spacing {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 1500px) and (max-width: 1920px) {
	.container__width .container {
		max-width: 1320px;
	}
}

@media (min-width: 1500px) and (max-width: 1920px) {
	.layout__7 .container {
		max-width: 1320px;
	}
}

.grid__coustom__wrapper {
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	padding-right: calc(var(--bs-gutter-x) * 0.5);
}

.column__custom__class {
	padding-left: 15px;
	padding-right: 15px;
}

.custom__col__padding {
	padding-left: 5px;
	padding-right: 5px;
}

.custom__row__margin {
	margin-left: -5px;
	margin-right: -5px;
}

.column__custom__class__2 {
	padding: 0 7px;
}

.row__custom__class {
	margin-left: -15px;
	margin-right: -15px;
	padding: 0;
}

.sp_100 {
	padding: 100px 0;
}

.sp_90 {
	padding: 90px 0;
}

.sp_80 {
	padding: 80px 0;
}

.sp_70 {
	padding: 70px 0;
}

.sp_60 {
	padding: 60px 0;
}

.sp_50 {
	padding: 50px 0;
}

.sp_40 {
	padding: 40px 0;
}

.sp_30 {
	padding: 30px 0;
}

.sp_20 {
	padding: 20px 0;
}

.sp_top_120 {
	padding-top: 120px;
}

.sp_top_100 {
	padding-top: 100px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.sp_top_100 {
		padding-top: 80px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_top_100 {
		padding-top: 50px;
	}
}

@media (max-width: 767px) {
	.sp_top_100 {
		padding-top: 30px;
	}
}

.sp_top_90 {
	padding-top: 90px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.sp_top_90 {
		padding-top: 70px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_top_90 {
		padding-top: 50px;
	}
}

@media (max-width: 767px) {
	.sp_top_90 {
		padding-top: 30px;
	}
}

.sp_top_80 {
	padding-top: 80px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.sp_top_80 {
		padding-top: 60px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_top_80 {
		padding-top: 50px;
	}
}

@media (max-width: 767px) {
	.sp_top_80 {
		padding-top: 50px;
	}
}

.sp_top_70 {
	padding-top: 70px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_top_70 {
		padding-top: 50px;
	}
}

@media (max-width: 767px) {
	.sp_top_70 {
		padding-top: 30px;
	}
}

.sp_top_60 {
	padding-top: 60px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.sp_top_60 {
		padding-top: 40px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_top_60 {
		padding-top: 30px;
	}
}

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

.sp_top_50 {
	padding-top: 50px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.sp_top_50 {
		padding-top: 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_top_50 {
		padding-top: 20px;
	}
}

@media (max-width: 767px) {
	.sp_top_50 {
		padding-top: 10px;
	}
}

.sp_top_40 {
	padding-top: 40px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.sp_top_40 {
		padding-top: 15px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_top_40 {
		padding-top: 10px;
	}
}

@media (max-width: 767px) {
	.sp_top_40 {
		padding-top: 10px;
	}
}

.sp_top_30 {
	padding-top: 30px;
}

.sp_top_20 {
	padding-top: 20px;
}

.sp_bottom_110 {
	padding-bottom: 110px;
}

.sp_bottom_120 {
	padding-bottom: 120px;
}

.sp_bottom_100 {
	padding-bottom: 100px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_bottom_100 {
		padding-bottom: 50px;
	}
}

@media (max-width: 767px) {
	.sp_bottom_100 {
		padding-bottom: 30px;
	}
}

.sp_bottom_90 {
	padding-bottom: 90px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_bottom_90 {
		padding-bottom: 50px;
	}
}

@media (max-width: 767px) {
	.sp_bottom_90 {
		padding-bottom: 30px;
	}
}

.sp_bottom_80 {
	padding-bottom: 80px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.sp_bottom_80 {
		padding-bottom: 60px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_bottom_80 {
		padding-bottom: 50px;
	}
}

@media (max-width: 767px) {
	.sp_bottom_80 {
		padding-bottom: 30px;
	}
}

.sp_bottom_70 {
	padding-bottom: 70px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_bottom_70 {
		padding-bottom: 50px;
	}
}

@media (max-width: 767px) {
	.sp_bottom_70 {
		padding-bottom: 30px;
	}
}

.sp_bottom_60 {
	padding-bottom: 60px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_bottom_60 {
		padding-bottom: 40px;
	}
}

@media (max-width: 767px) {
	.sp_bottom_60 {
		padding-bottom: 30px;
	}
}

.sp_bottom_50 {
	padding-bottom: 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp_bottom_50 {
		padding-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.sp_bottom_50 {
		padding-bottom: 10px;
	}
}

.sp_bottom_40 {
	padding-bottom: 40px;
}

.sp_bottom_30 {
	padding-bottom: 30px;
}

.sp_bottom_20 {
	padding-bottom: 20px;
}

.col--30 {
	padding-left: 30px;
	padding-right: 30px;
}

#scrollUp {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: var(--whiteColor);
	color: var(--primaryColor);
	right: 20px;
	bottom: 60px;
	text-align: center;
	overflow: hidden;
	border-radius: 50px;
	z-index: 9811 !important;
	position: fixed;
	display: block;
	box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.15);
}

#scrollUp i {
	display: block;
	line-height: 50px;
	font-size: 20px;
	transition: 0.5s;
}

#scrollUp:hover i {
	background: var(--primaryColor);
	color: var(--whiteColor);
}

@keyframes dot-anim {
	0% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes dot-anim-2 {
	0% {
		transform: translateX(20px);
	}

	100% {
		transform: translateX(0px);
	}
}

@keyframes up-do-anim {
	0%, 25%, 50%, 75%, 100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-30px);
	}

	60% {
		transform: translateY(-15px);
	}
}

@keyframes cir-anim {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes move5 {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.dot__color {
	color: var(--primaryColor);
}

.overflow__hidden {
	overflow: hidden;
}

.default__button {
	background: #ffe10b;
	color: #000;
	border: 1px solid #ffe10b;
	border-radius: 5px;
	padding: 12px 30px;
	text-transform: unset;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	font-family: var(--headingFont);
	display: inline-block;
	position: relative;
	line-height: 1;
	z-index: 1;
	text-align: center;
}

@media (min-width: 1366px) and (max-width: 1499px) {
	.default__button {
		padding: 12px 30px;
	}
}

@media (min-width: 992px) and (max-width: 1365px) {
	.default__button {
		padding: 10px 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.default__button {
		padding: 7px 25px;
	}
}

@media (max-width: 767px) {
	.default__button {
		padding: 10px 15px;
		font-size: 15px;
	}
}

.default__button:hover {
	background-color: var(--whiteColor);
	color: var(--blackColor);
	border: 1px solid var(--blackColor);
}

.default__button__2 {
	padding: 15px 50px;
	border: 1px solid var(--borderColor);
	background: transparent;
	display: inline-block;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.default__button__2 {
		padding: 10px 40px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.default__button__2 {
		padding: 10px 40px;
	}
}

@media (max-width: 767px) {
	.default__button__2 {
		padding: 10px 40px;
	}
}

.default__button.btn__black {
	background: transparent;
	border: 1px solid var(--blackColor);
	color: var(--blackColor);
}

.default__button.btn__black:hover {
	background: var(--primaryColor);
	color: var(--blackColor);
	border-color: var(--blackColor);
}

.default__button.btn__yellow {
	background: var(--yellow);
	border: 1px solid var(--yellow);
	color: var(--whiteColor);
}

.default__button.btn__yellow:hover {
	background: var(--whiteColor);
	color: var(--yellow);
	border-color: var(--yellow);
}

.default__button.btn__pink {
	background: var(--greywhite);
	border: 1px solid var(--greywhite);
	color: var(--whiteColor);
}

.default__button.btn__pink:hover {
	background: var(--whiteColor);
	color: var(--greywhite);
	border-color: var(--greywhite);
}

.default__button.btn__yellow__2 {
	background: var(--yellow2);
	border: 1px solid var(--yellow2);
	color: var(--whiteColor);
}

.default__button.btn__yellow__2:hover {
	background: var(--whiteColor);
	color: var(--yellow2);
	border-color: var(--yellow2);
}

.default__button.green__button {
	background: var(--green);
	border: 1px solid var(--green);
	color: var(--whiteColor);
}

.default__button.green__button:hover {
	background: var(--whiteColor);
	color: var(--green);
	border-color: var(--green);
}

.default__button.red__button {
	background: var(--red);
	border: 1px solid var(--red);
	color: var(--whiteColor);
}

.default__button.red__button:hover {
	background: var(--whiteColor);
	color: var(--red);
	border-color: var(--red);
}

.default__button::after {
	content: "";
	position: absolute;
	z-index: -1;
	transition: all 0.3s;
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--whiteColor);
	border-radius: 5px;
}

.default__button:hover::after {
	width: 100%;
}

.red__color {
	color: var(--red);
}

.primary__color {
	color: var(--primaryColor);
}

.section__padding {
	padding: 0 150px;
}

.custom__column__padding.row,
.custom__column__padding.row * {
	--bs-gutter-x: 5px;
}

@media (min-width: 1500px) and (max-width: 1920px) {
	.custom__column__5 {
		width: 20%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.paginationwrap {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.paginationwrap {
		margin-bottom: 30px;
	}
}

.paginationwrap__list li a {
	height: 50px;
	width: 50px;
	line-height: 50px;
	border: 1px solid var(--borderColor);
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	font-size: 16px;
}

@media (max-width: 767px) {
	.paginationwrap__list li a {
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 14px;
	}
}

.paginationwrap__list li a:hover {
	background: var(--primaryColor);
	color: var(--whiteColor);
}

.paginationwrap__list li a.active {
	background: var(--primaryColor);
	color: var(--whiteColor);
}


.slider__default__arrow .slick-arrow {
	position: absolute;
	left: 15px;
	border: 1px solid var(--borderColor);
	z-index: 99;
	height: 50px;
	width: 50px;
	border-radius: 5px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	top: 50%;
	transform: translatey(-50%);
	margin-top: -15px;
	opacity: 0;
	transition: 0.3s;
}

@media (max-width: 767px) {
	.slider__default__arrow .slick-arrow {
		top: 40%;
		height: 40px;
		width: 40px;
		line-height: 40px;
	}
}

.slider__default__arrow .slick-arrow:hover {
	background-color: var(--primaryColor);
	color: var(--whiteColor);
}

.slider__default__arrow .slick-arrow.next_class {
	left: auto;
	right: 20px;
}

.slider__default__arrow:hover .slick-arrow {
	left: -50px;
	visibility: visible;
	opacity: 1;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.slider__default__arrow:hover .slick-arrow {
		left: 0;
	}
}

@media (max-width: 767px) {
	.slider__default__arrow:hover .slick-arrow {
		left: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.slider__default__arrow:hover .slick-arrow {
		left: 0px;
	}
}

.slider__default__arrow:hover .slick-arrow.next_class {
	left: auto;
	right: -50px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.slider__default__arrow:hover .slick-arrow.next_class {
		right: 0;
	}
}

@media (max-width: 767px) {
	.slider__default__arrow:hover .slick-arrow.next_class {
		right: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.slider__default__arrow:hover .slick-arrow.next_class {
		right: 0px;
	}
}

.slider__default__arrow--2 .slick-arrow {
	background: var(--borderColor);
}

.slider__default__arrow--2:hover .slick-arrow {
	left: 70px;
}

.slider__default__arrow--2:hover .slick-arrow.next_class {
	left: auto;
	right: 70px;
}



.testimonial__2 .testimonial__slider__active.slider__default__arrow .slick-arrow {
	background: var(--whiteColor);
}

.testimonial__2 .testimonial__slider__active.slider__default__arrow .slick-arrow:hover {
	background: var(--yellow);
	color: var(--whiteColor);
}

.slider__default__dot .slick-dots {
	position: absolute;
	bottom: -50px;
	width: 100%;
	margin: 0;
	text-align: center;
	left: 0;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.slider__default__dot .slick-dots {
		bottom: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.slider__default__dot .slick-dots {
		bottom: -20px;
	}
}

@media (max-width: 767px) {
	.slider__default__dot .slick-dots {
		bottom: 0;
	}
}

.slider__default__dot .slick-dots li {
	list-style: none;
	display: inline-block;
	font-size: 0;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	margin: 0 10px;
	background-color: var(--borderColor2);
	cursor: pointer;
	margin-top: 0;
}

.slider__default__dot .slick-dots li.slick-active {
	background-color: var(--primaryColor);
}

.slider__default__dot .slick-dots li button {
	display: none;
}



.slider__default__dot--2 .slick-dots {
	bottom: 20px;
}

.testimonial .slider__default__dot .slick-dots {
	bottom: inherit;
}

.testimonial .slider__default__dot--2 .slick-dots {
	bottom: 20px;
}

.small__product .slider__default__dot .slick-dots {
	bottom: -20px;
}

.section__title {
	padding-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.section__title {
		padding-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.section__title {
		padding-bottom: 10px;
	}
}

.section__title h2 {
	font-size: 35px;
	margin-bottom: 0;
	line-height: 1.2;
}

@media (max-width: 767px) {
	.section__title h2 {
		font-size: 24px;
		line-height: 35px;
	}
}

@media (min-width: 992px) and (max-width: 1365px) {
	.section__title h2 {
		font-size: 32px;
		line-height: 45px;
	}
}

.section__title p {
	margin-bottom: 0;
}

.layout__2 .section__title h2 {
	font-weight: 700;
}

.layout__4 .section__title h2 {
	font-weight: 700;
}



.breadcrumb {
	background: var(--greyColor);
	padding-top: 25px;
	padding-bottom: 25px;
	margin: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
	.breadcrumb {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media (max-width: 767px) {
	.breadcrumb {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.breadcrumb__title {
	text-align: center;
}

.breadcrumb__title h1 {
	font-size: 36px;
	margin: 0;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.breadcrumb__title h1 {
		font-size: 26px;
	}
}

.breadcrumb__title ul li {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin-right: 18px;
	position: relative;
}

.breadcrumb__title ul li.color__blue {
	color: var(--primaryColor);
}

.breadcrumb__title ul li::before {
	position: absolute;
	width: 18px;
	height: 1px;
	background-color: #1f2226;
	content: "";
	right: -21px;
	top: 12px;
	z-index: 99;
	-webkit-transform: rotate(115deg);
	-ms-transform: rotate(115deg);
	transform: rotate(115deg);
}

.breadcrumb__title ul li:last-child::before {
	display: none;
}

.pagination__wraper ul li a {
	height: 50px;
	width: 50px;
	line-height: 50px;
	border: 2px solid var(--greyColor);
	text-align: center;
	display: block;
	font-weight: 700;
	border-radius: 5px;
}

.pagination__wraper ul li a:hover {
	background: var(--primaryColor);
	color: var(--whiteColor);
}

.pagination__wraper ul li a.active {
	background: var(--primaryColor);
	color: var(--whiteColor);
}

.body__overlay {
	position: relative;
}

.body__overlay::after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	background-color: var(--blackColor);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition);
}

.body__overlay.opened::after {
	opacity: 0.5;
	visibility: visible;
}

.mode_switcher.my_switcher {
	position: fixed;
	right: -50px;
	top: 100px;
	z-index: 9999999;
	transition: 0.3s;
}

.mode_switcher.my_switcher:hover {
	right: 0;
}

@media (min-width: 1500px) and (max-width: 1920px) {
	.mode_switcher.my_switcher {
		top: 300px;
	}
}

.mode_switcher.my_switcher button {
	display: flex;
	font-size: 20px;
	color: var(--whiteColor);
	background: var(--primaryColor);
	padding: 10px;
	line-height: 20px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 90px;
	box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.15);
	border: none;
}

.mode_switcher.my_switcher button svg {
	width: 20px;
	margin-right: 10px;
}

.mode_switcher.my_switcher button span {
	font-size: 16px;
}

.light__mode {
	display: none;
}

.is_dark .light__mode {
	display: block;
}

.is_dark .dark__mode {
	display: none;
}

.headerarea.headerarea__2 {
	border-bottom: 1px solid var(--greyColor);
}

.headerarea.headerarea__2 {
	border-top: 1px solid rgba(31, 34, 38, 0.1);
}

@media (min-width: 768px) and (max-width: 991px) {
	.headerarea.headerarea__2 {
		display: none;
	}
}

@media (max-width: 767px) {
	.headerarea.headerarea__2 {
		display: none;
	}
}

.headerarea.headerarea__2 .headerarea__main__menu {
	text-align: start;
}

.headerarea.sticky {
	position: fixed;
	top: 0;
	background: var(--whiteColor);
	z-index: 9999;
	right: 0;
	left: 0;
	width: 100%;
	transition: 0.4s;
	-webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	margin-top: 0;
}

.headerarea__left {
	display: flex;
	height: 100%;
	align-items: center;
}

.headerarea__main__menu {
	text-align: center;
}

.headerarea__main__menu.headerarea__main__menu__3 nav ul li:first-child {
	margin-left: 0;
}

.headerarea__main__menu nav ul > li {
	position: relative;
}

.headerarea__main__menu nav ul > li > a {
	display: block;
	font-size: 16px;
	padding: 10px 20px;
	font-weight: 600;
	position: relative;
	color: var(--blackColor);
	line-height: 60px;
	font-family: var(--headingFont);
}

@media (min-width: 992px) and (max-width: 1365px) {
	.headerarea__main__menu nav ul > li > a {
		line-height: 50px;
		font-size: 15px;
		padding: 10px 15px;
	}
}

.headerarea__main__menu nav ul > li > a.headerarea__has__dropdown__2 {
	color: var(--blackColor);
}

.headerarea__main__menu nav ul > li:hover > a {
	color: var(--primaryColor);
}

.headerarea__main__menu nav ul > li .headerarea__submenu {
	position: absolute;
	clip: rect(0px, 200vw, 0, 0px);
	transition: opacity 0.4s linear, clip 0.6s linear, visibility 0s 0.4s;
	transform: translateZ(0);
	background-color: var(--whiteColor);
	min-width: 200px;
	transition: 0.3s;
	top: 100%;
	left: 0;
	padding: 14px 0;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	box-shadow: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
	border-radius: 15px;
}

.headerarea__main__menu nav ul > li .headerarea__submenu li {
	display: block;
	margin: 0;
}

.headerarea__main__menu nav ul > li .headerarea__submenu li:hover > a {
	color: var(--primaryColor);
}

.headerarea__main__menu nav ul > li .headerarea__submenu li a {
	padding: 8px 15px;
	text-align: left;
	display: block;
	color: var(--blackColor);
	line-height: 30px;
	font-family: var(--bodyFont);
	font-weight: normal;
}

.headerarea__main__menu nav ul > li .headerarea__submenu.headerarea__submenu__2 li a {
	color: var(--blackColor);
}

.headerarea__main__menu nav ul > li .headerarea__submenu.headerarea__megamenu {
	padding: 20px;
	padding-bottom: 30px;
}

.headerarea__main__menu nav ul > li .headerarea__submenu.headerarea__megamenu ul li a {
	padding: 8px 0;
	display: inline-block;
}

.headerarea__main__menu nav ul > li:hover .headerarea__submenu {
	visibility: visible;
	opacity: 1;
	clip: rect(0px, 100vw, 200vh, -30px);
	transition: clip 0.6s linear, opacity 0.4s linear;
}

.headerarea__megamenu {
	width: 100%;
	left: 0;
	background: var(--whiteColor);
	padding: 23px 30px 30px 0;
	box-shadow: 10px 25px 80px rgba(150, 150, 150, 0.15);
}

.headerarea__megamenu .mega__menu__li {
	display: inline-block;
	float: left;
	padding: 0 15px;
	width: 25%;
	text-align: left;
}

.headerarea__megamenu .mega__menu__li.mega__menu__image {
	padding: 15px 25px;
}

.headerarea__megamenu .mega__menu__li .menu__title {
	letter-spacing: 0.2px;
	display: block;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 18px;
	font-weight: 600;
	padding: 8px 0;
}

.headerarea__megamenu .mega__menu__li ul {
	margin-top: 15px;
}

.headerarea__megamenu .mega__menu__li ul li {
	margin-bottom: 0;
	text-align: left;
	width: 100%;
}

.headerarea__megamenu .mega__menu__li ul li a {
	font-weight: 400;
}

.headerarea__right {
	text-align: right;
	display: flex;
	justify-content: flex-end;
	height: 100%;
	align-items: center;
}

.headerarea__right ul li {
	margin-right: 15px;
}

@media (min-width: 1366px) and (max-width: 1499px) {
	.headerarea__right ul li {
		margin-right: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1365px) {
	.headerarea__right ul li {
		margin-right: 5px;
	}
}

.headerarea__right ul li:last-child {
	margin-right: 0;
}

.headerarea__contact__info a {
	display: flex;
	align-items: center;
	justify-content: end;
	height: 100%;
	font-size: 20px;
}

.headerarea__contact__info a:hover svg {
	fill: var(--primaryColor);
}

.headerarea__contact__info a svg {
	width: 30px;
	fill: var(--blackColor);
	transition: 0.3s;
	margin-right: 10px;
}

.sticky .headerarea__main__menu nav ul > li a {
	color: var(--blackColor);
}

.sticky .headerarea__main__menu nav ul > li:hover > a {
	color: var(--primaryColor);
}

.mega__menu__image li img {
	border-radius: 15px;
}

.header__label {
	position: absolute;
	right: 13px;
	font-size: 10px;
	background-color: var(--secondaryColor);
	display: inline-block;
	color: var(--whiteColor);
	line-height: 1;
	padding: 3px 10px;
	border-radius: 3px;
	top: 12px;
	font-weight: normal;
}

.header__label.hot__color {
	background: var(--primaryColor);
}

.headerarea__megamenu .header__label {
	top: -3px;
	right: 0;
}

.transparent__header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9;
}

.headerarea__8 {
	margin-top: 40px;
}

.minicart.info-opened {
	visibility: visible;
	opacity: 1;
}

.minicart.info-opened .minicart__inner {
	right: -20px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.minicart.info-opened .minicart__inner {
		right: 0px;
	}
}

@media (max-width: 767px) {
	.minicart.info-opened .minicart__inner {
		right: 0px;
	}
}

.header__feature__item {
	display: flex;
	align-items: center;
}

.header__feature__item .header__feature__icon {
	margin-right: 15px;
	font-size: 25px;
	line-height: 1;
}

.header__feature__item .header__feature__icon svg {
	width: 30px;
}

.header__feature__item .header__feature__info h6 {
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	margin: 0;
	margin-bottom: 10px;
}

.header__feature__item .header__feature__info p {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}

.headerarea__middle {
	padding: 20px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
	.headerarea__middle {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

@media (max-width: 767px) {
	.headerarea__middle {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

.headerarea__middle .headerarea__logo {
	text-align: center;
}

.headerarea__middle__6 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.minicart__inner {
	position: fixed;
	right: -604px;
	top: 0;
	padding: 20px;
	width: 400px;
	height: 100%;
	background: var(--whiteColor);
	overflow-y: scroll;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
	box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
	z-index: 99999999999;
	padding: 28px 30px 20px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

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

@media (min-width: 576px) and (max-width: 767px) {
	.minicart__inner {
		width: 60%;
	}
}

.minicart__single {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--borderColor);
	padding-bottom: 20px;
}

.minicart__single:last-child {
	margin: 0;
	padding: 0;
	border: none;
}

.minicart__single .minicart__single__img {
	margin-right: 20px;
	position: relative;
}

.minicart__single .minicart__single__img img {
	width: 80px;
	border-radius: var(--borderRadius);
}

.minicart__single .minicart__single__img .minicart__single__close button {
	position: absolute;
	top: -5px;
	left: -5px;
	transition: 0.3s;
	border: none;
	background: var(--whiteColor);
	height: 20px;
	width: 20px;
	line-height: 1;
	font-size: 14px;
	border-radius: 20px;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

.minicart__single .minicart__single__img .minicart__single__close button:hover {
	background-color: var(--primaryColor);
	color: var(--whiteColor);
}

.minicart__single .minicart__single__content h4 {
	font-size: 16px;
	margin: 0;
	font-weight: 300;
	letter-spacing: 0.2px;
	line-height: 22px;
}

.minicart__single .minicart__single__content h4 a {
	color: var(--blackColor);
	font-weight: 600;
}

.minicart__single .minicart__single__content h4 a:hover {
	color: var(--primaryColor);
}

.minicart__single .minicart__single__content span {
	font-size: 16px;
	letter-spacing: 0.2px;
}

.minicart__close__icon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--borderColor);
}

.minicart__close__btn {
	display: inline-block;
	font-size: 20px;
	border: none;
	background: none;
}

.minicart__close__btn:hover {
	color: var(--primaryColor);
}

.minicart__search {
	margin-bottom: 25px;
	position: relative;
}

.minicart__inner__wraper {
	text-align: center;
}

.minicart__subtotal {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0 15px;
	margin: 30px 0 25px;
	border-top: 1px solid var(--borderColor);
	border-bottom: 1px solid var(--borderColor);
}

.minicart__subtotal span {
	font-size: 20px;
	font-family: var(--headingFont);
	font-weight: 600;
}

.minicart__subtotal .subtotal__amount {
	color: var(--primaryColor);
}

.minicart__button {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}

.minicart__button .default__button {
	width: 100%;
}

.cart__note__text {
	margin-top: 20px;
}

.cart__note__text p {
	font-size: 14px;
}

.setting__wrap__list {
	padding: 20px;
	background: var(--whiteColor);
	box-shadow: 10px 25px 80px rgba(150, 150, 150, 0.2);
	width: 300px;
	opacity: 0;
	position: fixed;
	right: 200px;
	transition: 0.3s;
	z-index: 99;
	visibility: hidden;
}

.setting__wrap__list {
	right: 280px;
	top: 120px;
}

@media (min-width: 1366px) and (max-width: 1499px) {
	.setting__wrap__list {
		right: 90px;
	}
}

@media (min-width: 992px) and (max-width: 1365px) {
	.setting__wrap__list {
		right: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.setting__wrap__list {
		right: 10px;
		top: 80px;
	}
}

@media (max-width: 767px) {
	.setting__wrap__list {
		right: 20px;
		top: 60px;
	}
}

.setting__wrap__list.show {
	visibility: visible;
	opacity: 1;
}

.header__layout__2 .setting__wrap__list.show {
	top: 80px;
}

@media (max-width: 767px) {
	.header__layout__2 .setting__wrap__list.show {
		top: 60px;
	}
}

.header__layout__8 .setting__wrap__list.show {
	top: 100px;
}

@media (max-width: 767px) {
	.header__layout__8 .setting__wrap__list.show {
		top: 60px;
	}
}

.header__layout__4 .setting__wrap__list.show {
	right: 50px;
	top: 100px;
}

@media (min-width: 1366px) and (max-width: 1499px) {
	.header__layout__4 .setting__wrap__list.show {
		right: 50px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.header__layout__4 .setting__wrap__list.show {
		right: 10px;
		top: 80px;
	}
}

@media (max-width: 767px) {
	.header__layout__4 .setting__wrap__list.show {
		right: 10px;
		top: 80px;
	}
}

.setting__wrap__close {
	border: none;
	background: none;
	position: absolute;
	top: 10px;
	right: 10px;
}

.setting__wrap__heading h6 {
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	font-size: 18px;
}

.setting__wrap__heading h6 a {
	color: var(--blackColor);
}

.setting__wrap__list__inner {
	margin-bottom: 10px;
}

.setting__wrap__list__inner ul li {
	display: block;
	padding-bottom: 10px;
}

.setting__wrap__list__inner ul li:last-child {
	padding-bottom: 0;
}

.setting__wrap__list__inner ul li a {
	letter-spacing: 0.2px;
	color: var(--blackColor);
}

.setting__wrap__list__inner ul li a:hover {
	color: var(--primaryColor);
}

.disclosure__button {
	position: relative;
	font-family: var(--headingFont);
}

.disclosure__button .disclosure__button__language {
	font-size: 14px;
}

.disclosure__button:hover .disclosure__button__language__inner {
	opacity: 1;
	visibility: visible;
	top: 40px;
}

.disclosure__button__language__inner {
	position: absolute;
	z-index: 999;
	background: var(--whiteColor);
	padding: 5px;
	left: -30px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1019607843);
	transition: 0.3s;
	top: 50px;
	opacity: 0;
	visibility: hidden;
	text-align: left;
	padding-left: 10px;
	min-width: 200px;
	max-height: 300px;
	overflow-x: auto;
	border-top: 1px solid #ececec;
	top: 130%;
}

.disclosure__button__language__inner ul li {
	display: block;
	padding: 5px 10px;
}

.disclosure__button__language__inner ul li a {
	font-weight: 300;
}

.headersearch__active {
	background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
	color: var(--blackColor);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 32px 46px 39px;
	position: fixed;
	-webkit-transform: translateX(110%);
	-ms-transform: translateX(110%);
	transform: translateX(110%);
	transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s;
	z-index: 9999;
	opacity: 0;
	right: auto;
	width: 70%;
	left: 50%;
	top: 50%;
	min-height: 50vh;
	border-radius: var(--borderRadius2);
}

.headersearch__active.inside {
	-webkit-transform: translateX(-50%) translatey(-50%);
	-ms-transform: translateX(-50%) translatey(-50%);
	transform: translateX(-50%) translatey(-50%);
	opacity: 1;
}

@media (max-width: 767px) {
	.headersearch__active {
		width: 90%;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.headersearch__active {
		width: 80%;
	}
}

.headersearch__active__icon {
	display: block;
	overflow: hidden;
	position: absolute;
	right: 50%;
	top: 50px;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}

.headersearch__active__input {
	padding: 200px 0 100px;
}

.headersearch__active__input input {
	background-color: transparent;
	border-color: var(--borderColor);
	border-style: solid;
	border-width: 0 0 1px;
	color: var(--whiteColor);
	display: block;
	font-size: 20px;
	height: 50px;
	line-height: 62px;
	padding: 0;
	width: 770px;
	font-family: Poppins, sans-serif;
	letter-spacing: 2px;
	padding: 0 55px 0 0;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.headersearch__active__input input {
		width: 600px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.headersearch__active__input input {
		width: 400px;
	}
}

@media (max-width: 767px) {
	.headersearch__active__input input {
		width: 200px;
	}
}

.headersearch__active__input button {
	background-color: transparent;
	border: medium none;
	color: var(--whiteColor);
	cursor: pointer;
	font-size: 14px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 20px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.headersearch__active__input button:hover {
	color: var(--primaryColor);
}

.headersearch__active__results {
	z-index: 8889;
	list-style-type: none;
	width: 190px;
	margin: 0;
	padding: 0;
	background: var(--whiteColor);
	border: 1px solid var(--borderColor);
	border-radius: 0px;
	-webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.headersearch__active__close {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: var(--whiteColor);
	cursor: pointer;
	font-size: 35px;
	line-height: 1;
	padding: 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.headersearch__active__close:hover {
	color: var(--primaryColor);
}

.info__toggle__button__wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
}

.info__toggle__button__wrapper .info__toggle__img {
	height: 24px;
	width: 24px;
	position: relative;
	margin-right: 60px;
}

.info__toggle__button__wrapper .info__toggle__img:hover .language__dropdown {
	opacity: 1;
	visibility: visible;
	top: 100%;
}

.info__toggle__button__wrapper .info__toggle__img a {
	display: flex;
	color: var(--headingColor);
	align-items: center;
}

.info__toggle__button__wrapper .info__toggle__img a img {
	border-radius: 100%;
	width: 100%;
	margin-right: 5px;
}

.info__toggle__button__wrapper .info__toggle__img .language__dropdown {
	box-shadow: 0 0 37px rgba(0, 0, 0, 0.07);
	position: absolute;
	z-index: 99;
	top: 50px;
	left: 0;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
}

.info__toggle__button__wrapper .info__toggle__img .language__dropdown li {
	display: block;
}

.info__toggle__button__wrapper .info__toggle__img .language__dropdown li a {
	display: block;
	padding: 10px;
	color: var(--headingColor);
	font-size: 0.8125rem;
	background-color: var(--whiteColor);
	min-width: 200px;
}

.info__toggle__button__wrapper .info__toggle__img .language__dropdown li a:hover {
	background-color: var(--greyColor);
}

.info__toggle__button__wrapper .info__toggle__img .language__dropdown li a img {
	width: 18px;
	margin-right: 10px;
}

.header__modal .modal-dialog {
	max-width: 1150px;
}

.header__modal .modal-content {
	padding: 20px;
}

.header__modal__map iframe {
	width: 100%;
}

.header__topbar {
	    background: #ffe10b;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid;
	border-color: rgba(0, 0, 0, 0);
}

.header__topbar__left ul li {
	    color: #000000;
	margin: 0 30px 0 0;
	font-size: 14px;
	font-weight: 400;
}

.header__topbar__left ul li i {
	margin-right: 3px;
}

.header__topbar__left ul li svg {
	width: 18px;
	margin-right: 5px;
}

.header__topbar__right {
	display: flex;
	align-items: center;
	justify-content: end;
}

.header__topbar__language {
	color: var(--whiteColor);
	cursor: pointer;
	font-size: 14px;
}

.header__topbar__language__wraper {
	margin-right: 30px;
	position: relative;
}

.header__topbar__language__wraper span {
	position: relative;
	font-size: 14px;
}

.header__topbar__language__wraper span i {
	font-size: 10px;
}

.header__topbar__language__wraper:hover .header__topbar__language__inner {
	opacity: 1;
	visibility: visible;
}

.header__topbar__language__inner {
	position: absolute;
	z-index: 999;
	background: var(--whiteColor);
	padding: 5px;
	min-width: 120px;
	left: -30px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1019607843);
	transition: 0.3s;
	top: 30px;
	opacity: 0;
	visibility: hidden;
	text-align: left;
	padding-left: 10px;
}

.header__topbar__language__inner ul {
	min-width: 200px;
	max-height: 300px;
	overflow-x: auto;
}

.header__topbar__language__inner ul li {
	padding: 5px 15px;
	display: block;
	font-size: 15px;
}

.header__topbar__social__icon ul li {
	margin-right: 10px;
	font-size: 14px;
}

.header__topbar__social__icon ul li:last-child {
	margin-right: 0;
}

.header__topbar__social__icon ul li a {
	color: #000000;
}

.header__topbar__social__icon ul li a:hover {
	color: var(--primaryColor);
}

.header__topbar__3 {
	background: var(--whiteColor);
	border-top: 1px solid var(--greyColor);
	border-bottom: 1px solid var(--greyColor);
}

.header__topbar__3 .header__topbar__left__3 ul li {
	color: var(--blackColor);
}

.header__topbar__3 .header__topbar__right__3 .header__topbar__language {
	color: var(--blackColor);
}

.header__topbar__3 .header__topbar__right__3 .header__topbar__social__icon ul li a {
	color: var(--blackColor);
}

.home__6__middle {
	display: flex;
}

.home__6__middle .header__feature__item {
	margin-right: 50px;
}

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

.home__6__middle__header span {
	color: var(--green);
}

.headerarea__right__nav__6 {
	display: flex;
	align-items: center;
}

.header__search__6 input {
	padding-left: 20px;
	padding-right: 50px;
	height: 45px;
	border: 1px solid var(--borderColor);
	min-width: 500px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.header__search__6 input {
		min-width: 350px;
	}
}

.header__bottom__6 {
	background: var(--blackColor);
}

.header__bottom__6 .headerarea__has__dropdown__6 {
	color: var(--whiteColor);
}

.header__bottom__6 .headerarea__has__dropdown__6 i {
	color: var(--whiteColor);
}

.header__bottom__6 .headerarea__main__menu nav ul > li > a {
	color: var(--whiteColor);
}

.header__bottom__6 .headerarea__main__menu nav ul > li:hover > a {
	color: var(--primaryColor);
}

.header__bottom__4 {
	border-top: 1px solid var(--greyColor);
}

.headermiddle__account__img {
	position: relative;
}

.headermiddle__account__img:hover .bigcounter {
	background: var(--primaryColor);
}

.headermiddle__account__img .bigcounter {
	position: absolute;
	font-size: 10px;
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 100%;
	background: var(--blackColor);
	color: var(--whiteColor);
	text-align: center;
	right: -9px;
	top: -10px;
	transition: var(--transition);
}

.headermiddle__account__img .bigcounter:hover {
	background: var(--primaryColor);
}

.headerarea__main__menu__6 ul li a {
	color: var(--whiteColor);
}

.headerarea__has__dropdown::before {
	content: "\f107";
	font-size: 10px;
	position: absolute;
	top: 50%;
	right: 5px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.layout__2 .headerarea__main__menu nav ul > li > a {
	font-weight: 700;
}

.cursor__pointer {
	cursor: pointer;
}

/* mobail__menu__start */
/*Mobile menu*/
.mob_menu_wrapper {
	display: none;
	padding-top: 15px;
	padding-bottom: 15px;
}

.mobile-off-canvas .mobile-aside-button {
	font-size: 30px;
}

.mobile__logo {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--borderColor);
}

.mobile-off-canvas .mobile-aside-button:hover {
	color: var(--primaryColor);
}

.header-right-wrap {
	display: flex;
	justify-content: flex-end;
}

.mobile-aside-button {
	font-size: 20px;
}

.header_area .mob_menu_wrapper {
	display: none;
}

.wrapper .body-overlay {
	background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
	z-index: 9999;
}

.wrapper.overlay-active .body-overlay {
	opacity: 1;
	visibility: visible;
}

.mobile-off-canvas-active .mobile-aside-close {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: #343538;
	color: var(--whiteColor);
	line-height: 40px;
	text-align: center;
	top: 0;
	font-size: 18px;
	position: absolute;
	cursor: pointer;
	right: -40px;
}

.mobile-off-canvas-active .mobile-aside-close i {
	transition: 0.3s;
}

.mobile-off-canvas-active {
	position: fixed;
	top: 0;
	width: 330px;
	min-height: 100vh;
	bottom: 0;
	z-index: 111;
	left: -330px;
	visibility: hidden;
	opacity: 1;
	-webkit-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	background-color: var(--whiteColor);
	-webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
	box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
	z-index: 9999;
}

@media only screen and (max-width: 767px) {
	.mobile-off-canvas-active {
		width: 260px;
		left: -260px;
	}
}

.mobile-off-canvas-active.inside {
	visibility: visible;
	opacity: 1;
	left: 0px;
}

mobile-aside-close .mobile-off-canvas-active .mobile-aside-close i {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline-block;
	color: var(--whiteColor);
}

.mobile-off-canvas-active .mobile-aside-close:hover i {
	color: var(--primaryColor);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-off-canvas-active .header-mobile-aside-wrap {
	padding: 40px 30px 50px;
	overflow: auto;
	height: 100%;
}

@media only screen and (max-width: 767px) {
	.mobile-off-canvas-active .header-mobile-aside-wrap {
		padding: 30px 20px 50px;
	}
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search {
	border-bottom: 1px solid var(--borderColor);
	margin-bottom: 27px;
	padding-bottom: 40px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form {
	position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form input {
	background-color: var(--greyColor1);
	border: none;
	border-radius: 0px;
	height: 50px;
	padding: 0 60px 0 15px;
	width: 100%;
	font-size: 14px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
	background-color: transparent;
	border-color: var(--borderColor);
	-o-border-image: none;
	border-image: none;
	border-radius: 5px 0 0 5px;
	border-style: none none none solid;
	border-width: medium medium medium 1px;
	color: var(--blackColor);
	font-size: 18px;
	height: 100%;
	padding: 0 15px 0 14px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
	.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
		font-size: 16px;
	}
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button:hover {
	color: var(--primaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button i {
	margin-top: 5px;
	display: inline-block;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap {
	border-bottom: 1px solid var(--borderColor);
	margin-bottom: 36px;
	padding-bottom: 27px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav {
	height: 100%;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li {
	display: block;
	position: relative;
	font-family: var(--headingFont);
	padding: 5px 0;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand {
	line-height: 50;
	top: -5px;
	left: 95%;
	width: 30px;
	position: absolute;
	height: 50px;
	text-align: center;
	cursor: pointer;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i {
	display: block;
	position: relative;
	width: 10px;
	margin-top: 25px;
	border-bottom: 1px solid var(--blackColor);
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i::before {
	top: 0;
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	border-bottom: 1px solid var(--blackColor);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children.active > .menu-expand i::before {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {
	font-size: 16px;
	text-transform: capitalize;
	line-height: 18px;
	position: relative;
	display: inline-block;
	color: var(--blackColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a:hover {
	color: var(--primaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a {
	padding: 0 15px;
	font-size: 14px;
	color: var(--blackColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a:hover {
	color: var(--primaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li ul li a {
	padding: 0 30px;
	font-size: 14px;
	font-weight: 300;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
	border-bottom: 1px solid var(--borderColor);
	margin-bottom: 31px;
	padding-bottom: 37px;
}

@media only screen and (max-width: 767px) {
	.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
		display: block;
	}
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
	position: relative;
	margin-bottom: 15px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
	margin-bottom: 0;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a {
	font-size: 16px;
	display: block;
	letter-spacing: 0.2px;
	color: var(--blackColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a i {
	float: right;
	font-size: 15px;
	position: relative;
	top: 8px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {
	margin-top: 5px;
	display: none;
	background-color: var(--whiteColor);
	-webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
	padding: 22px 30px 26px;
	width: 100%;
	z-index: 11;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li {
	padding-bottom: 10px;
	display: block;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li:last-child {
	padding-bottom: 0px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a {
	font-size: 14px;
	letter-spacing: 0.2px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a:hover {
	color: var(--primaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:hover > a {
	color: var(--primaryColor);
}

@media only screen and (max-width: 767px) {
	.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
		margin-bottom: 5px;
	}

	.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
		margin-bottom: 0;
	}
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap {
	margin-bottom: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a {
	font-size: 16px;
	margin-right: 10px;
	background: var(--borderColor);
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
}

@media (max-width: 767px) {
	.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a {
		margin-right: 0;
	}
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a:last-child {
	margin-right: 0;
}

.headerarea__right__mobail__menu li {
	margin-right: 10px;
}

@media only screen and (max-width: 991px) {
	.desktop__menu__wrapper {
		display: none;
	}

	.mob_menu_wrapper {
		display: block;
	}

	.header__topbar {
		display: none;
	}
}

.logo__mobile img {
	width: 100%;
}

.mob_menu_wrapper.header__sticky.sticky {
	padding: 5px 10px;
}




.slick-current .ltn__slide-animation > * {
	opacity: 1;
	visibility: visible;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.ltn__slide-animation > * {
	opacity: 0;
	visibility: hidden;
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

.ltn__slide-animation > *:nth-child(1) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

.ltn__slide-animation > *:nth-child(2) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.ltn__slide-animation > *:nth-child(3) {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}

.ltn__slide-animation > *:nth-child(4) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.ltn__slide-animation > *:nth-child(5) {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
}

.ltn__slide-animation > *:nth-child(6) {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

.ltn__slide-animation > *:nth-child(7) {
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s;
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
}

.ltn__slide-animation > *:nth-child(8) {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
}

.ltn__slide-animation > *:nth-child(9) {
	-webkit-animation-delay: 4.5s;
	animation-delay: 4.5s;
	-webkit-animation-duration: 4.5s;
	animation-duration: 4.5s;
}

.ltn__slide-animation > *:nth-child(11) {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}



.ltn__banner-item-full-width {
	position: relative;
}

.slide-item-info.full-width-banner-info {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.slide-item-info.full-width-banner-info {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.slide-item-info-inner .slide-title {
	font-size: 50px;
	color: var(--whiteColor);
	margin-bottom: 25px;
}

@media (max-width: 767px) {
	.slide-item-info-inner .slide-title {
		font-size: 26px;
	}
}

.ltn__banner-video video {
	width: 100%;
}

.for-mobile {
	display: none;
}

@media (min-width: 576px) {
	.slide-item-info.full-width-banner-info {
		max-width: 540px;
	}
}

@media (min-width: 767px) {
	.slide-item-info.full-width-banner-info {
		max-width: 720px;
	}
}

@media (min-width: 1200px) {
	.slide-item-info.full-width-banner-info {
		max-width: 1200px;
	}
}

@media (max-width: 767px) {
	.for-desktop {
		display: none;
	}

	.for-mobile {
		display: block;
	}
}


.banner__img {
	position: relative;
}

@media (max-width: 767px) {
	.banner__img {
		margin: 10px 0;
	}
}

.banner__img img {
	width: 100%;
	border-radius: var(--borderRadius2);
}

.banner__info {
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.banner__info h2 {
	font-size: 30px;
}

@media (max-width: 767px) {
	.banner__info h2 {
		font-size: 25px;
	}
}

.banner__button {
	margin-top: 25px;
}

@media (max-width: 767px) {
	.banner__button {
		margin-top: 10px;
	}
}

.banner__4 .banner__info h2 a:hover {
	color: var(--red);
}

.banner__info__4 {
	right: 30px;
	left: auto;
	text-align: right;
}

.banner__6 .banner__6__img img {
	width: 100%;
	border-radius: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.banner__7__img {
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.banner__7__img {
		margin-bottom: 20px;
	}
}

.banner__7__img img {
	width: 100%;
	border-radius: 15px;
}

.brand__single .brand__img img {
	margin: auto;
}

.small__banner__6__img {
	overflow: hidden;
	border-radius: 15px;
}

.small__banner__6__img:hover img {
	transform: scale(1.05);
}

.banner__6__img {
	overflow: hidden;
	border-radius: 15px;
}

.banner__6__img:hover img {
	transform: scale(1.05);
}



@media (max-width: 767px) {
	.banner__4 .banner__img {
		margin-bottom: 10px;
	}
}

.banner__3__inner {
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.banner__3__inner {
		margin-bottom: 10px;
	}
}

.banner__3__img {
	position: relative;
	width: 100%;
	border-radius: 15px;
}

.banner__3__img img {
	width: 100%;
	border-radius: 15px;
}

.banner__3__text {
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.banner__3__text h2 {
	font-weight: 700;
	line-height: 1.3;
	font-size: 30px;
	margin: 0;
}

@media (max-width: 767px) {
	.banner__3__text h2 {
		font-size: 20px;
	}
}

.banner__3__right {
	right: 30px;
	left: auto;
}

.small__banner__6__img img {
	width: 100%;
	border-radius: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.banner__6__img {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.banner__6__img {
		margin-bottom: 30px;
	}
}

.grid__wraper {
	margin-bottom: 30px;
}

.grid__wraper:hover .grid__wraper__icon {
	opacity: 1;
	visibility: visible;
	top: 70%;
}

.grid__wraper:hover .secondary__image {
	opacity: 1;
	visibility: visible;
}

.grid__wraper:hover .grid__wraper__countdown {
	bottom: 0;
	opacity: 0;
}

.grid__wraper:hover .grid__wraper__quickview {
	opacity: 1;
	visibility: visible;
	top: 70%;
}

.grid__wraper__img {
	position: relative;
}

.grid__wraper__img img {
	width: 100%;
	border-radius: 15px;
}

.grid__wraper__img__inner {
	position: relative;
}

.grid__wraper__img__inner .secondary__image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
}

.grid__wraper__icon {
	position: absolute;
	top: 60%;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 99;
}

.grid__wraper__icon ul li a {
	height: 45px;
	width: 45px;
	line-height: 45px;
	font-size: 16px;
	display: inline-block;
	background: var(--whiteColor);
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
	text-align: center;
	border-radius: 5px;
}

@media (max-width: 767px) {
	.grid__wraper__icon ul li a {
		height: 30px;
		width: 30px;
		line-height: 30px;
		font-size: 12px;
	}
}

.grid__wraper__icon.grid__wraper__icon__list {
	opacity: 1;
	position: unset;
	visibility: visible;
	text-align: left;
}

.grid__wraper__badge {
	position: absolute;
	top: 10px;
	right: 12px;
	display: flex;
	gap: 5px;
}

.grid__wraper__badge span {
	font-size: 12px;
	background-color: var(--whiteColor);
	color: var(--blackColor);
	padding: 0 10px;
	text-transform: unset;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
	display: block;
	border-radius: 5px;
	font-weight: 600;
}

@media (max-width: 767px) {
	.grid__wraper__badge span {
		font-size: 10px;
	}
}

.grid__wraper__badge span.sold__out {
	background-color: var(--secondaryColor);
	color: var(--whiteColor);
}

.grid__wraper__info {
	padding: 15px 10px 0;
	text-align: center;
}

.grid__wraper__info h3 {
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 600;
}

@media (max-width: 767px) {
	.grid__wraper__info h3 {
		font-size: 14px;
	}
}

.grid__wraper__info__list {
	padding: 0 25px 0 30px;
	position: relative;
	width: 70%;
}

@media (min-width: 768px) and (max-width: 991px) {
	.grid__wraper__info__list {
		width: 100%;
		margin-top: 20px;
		padding: 0;
	}
}

@media (max-width: 767px) {
	.grid__wraper__info__list {
		width: 100%;
		margin-top: 20px;
		padding: 0 10px;
	}
}

.grid__wraper__info__list h3 {
	font-size: 20px;
}

.grid__wraper__price {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0;
}

.grid__wraper__price del {
	font-size: 14px;
	margin-left: 0;
	margin-right: 5px;
	font-weight: 600;
	opacity: 0.6;
}

.grid__wraper__price span {
	color: var(--primaryColor);
	font-weight: 600;
	font-size: 16px;
}

.grid__wraper__color {
	margin-top: 10px;
}

.grid__wraper__color ul li {
	display: flex;
}

.grid__wraper__color ul li label, .grid__wraper__color ul li span {
	height: 20px;
	width: 20px;
	margin: 3px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
	cursor: pointer;
	display: flex;
}

.grid__wraper__color ul li a {
	display: inline-block;
}

.grid__wraper__countdown {
	background: var(--whiteColor);
	box-shadow: 0 1px 6px rgba(32, 33, 36, 0.2784313725);
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: absolute;
	bottom: 20px;
	left: 10px;
	right: auto;
	width: calc(100% - 20px);
	transition: all 0.3s ease 0s;
	padding: 10px 0;
	border-radius: var(--borderRadius);
}

@media (max-width: 767px) {
	.grid__wraper__countdown {
		padding: 5px 0;
	}
}

.grid__wraper__countdown p {
	line-height: 1;
	margin-bottom: 5px;
	font-weight: 600;
	width: 100%;
}

@media (max-width: 767px) {
	.grid__wraper__countdown p {
		font-size: 12px;
		margin-bottom: 3px;
	}
}

.grid__wraper__countdown span {
	line-height: 1;
	font-size: 14px;
}

@media (max-width: 767px) {
	.grid__wraper__countdown span {
		font-size: 12px;
	}
}

.grid__wraper__countdown .count {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.grid__wraper.grid__list__wraper {
	display: flex;
}

@media (min-width: 768px) and (max-width: 991px) {
	.grid__wraper.grid__list__wraper {
		flex-wrap: wrap;
	}
}

@media (max-width: 767px) {
	.grid__wraper.grid__list__wraper {
		flex-wrap: wrap;
	}
}

.grid__wraper__img__list__swatch {
	width: 30%;
}

@media (min-width: 768px) and (max-width: 991px) {
	.grid__wraper__img__list__swatch {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.grid__wraper__img__list__swatch {
		width: 100%;
	}
}

.gird__list__description {
	margin-top: 10px;
}

.grid__wraper__quickview {
	position: absolute;
	top: 60%;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 99;
}

.grid__wraper__quickview a {
	padding: 5px 15px;
	background: var(--whiteColor);
	border-radius: 5px;
}

.grid__wraper__quickview a:hover {
	background: var(--primaryColor);
	color: var(--whiteColor);
}





.feture__section__button {
	margin-top: 20px;
}

.prodict__selling__tab ul {
	align-items: center;
	justify-content: center;
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.prodict__selling__tab ul {
		margin-bottom: 30px;
	}
}

.prodict__selling__tab ul li button {
	padding: 20px 40px;
	margin-right: 5px;
	background: var(--greyColor);
	border: none;
	border-radius: var(--borderRadius);
	line-height: 1;
}

@media (max-width: 767px) {
	.prodict__selling__tab ul li button {
		padding: 10px 30px;
	}
}

.prodict__selling__tab ul li button.active {
	background: var(--blackColor);
	color: var(--whiteColor);
}

.small__grid__img {
	width: 90px;
	height: 90px;
	margin-right: 20px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.small__grid__img {
		margin-right: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.small__grid__img {
		margin-right: 10px;
	}
}

.small__grid__img img {
	width: 100%;
	border-radius: 15px;
}

.small__grid__wraper {
	display: flex;
	padding: 20px;
	align-items: center;
	margin-bottom: 30px;
	border: 1px solid var(--greyColor);
	border-radius: 15px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.small__grid__wraper {
		padding: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.small__grid__wraper {
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.small__grid__wraper {
		padding: 10px;
		margin-bottom: 10px;
	}
}

.small__grid__content h2 {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 700;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.small__grid__content h2 {
		font-size: 16px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.small__grid__content h2 {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.small__grid__content h2 {
		font-size: 14px;
	}
}

.small__grid__content .small__grid__price del {
	margin-right: 10px;
}

.small__grid__content .small__grid__price span {
	color: var(--yellow);
	font-weight: 600;
}

.small__product__title {
	margin-bottom: 50px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.small__product__title {
		margin-bottom: 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.small__product__title {
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.small__product__title {
		margin-bottom: 20px;
	}
}

.small__product__title h2 {
	border-bottom: 1px solid #dee2e6 !important;
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 5px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.small__product__title h2 {
		font-size: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.small__product__title h2 {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.small__product__title h2 {
		font-size: 20px;
	}
}

.small__product__title h2 a:hover {
	color: var(--yellow2);
}

@media (max-width: 767px) {
	.small__product__grid__wrap {
		margin-bottom: 30px;
	}

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

.modalarea .btn-close {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 9999999999999;
}

.modalarea.modal {
	top: 135px;
	z-index: 9999;
}

@media (max-width: 767px) {
	.modalarea.modal {
		top: 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.modalarea.modal {
		top: 50px;
	}
}

@media (max-width: 767px) {
	.grid__quick__view__modal .modal-body {
		padding: 0;
	}
}

.grid__quick__view__modal .modal-content {
	width: 1000px;
	border-radius: 20px;
	padding: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.grid__quick__view__modal .modal-content {
		min-width: 90%;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.grid__quick__view__modal .modal-content {
		min-width: 90%;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.grid__quick__img {
		margin-bottom: 20px;
	}
}

.grid__quick__img img {
	width: 100%;
	border-radius: 10px;
}

.grid__quick__content h3 {
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 1;
	font-weight: 600;
}

@media (max-width: 767px) {
	.grid__quick__content h3 {
		font-size: 20px;
	}
}

.grid__quick__content span {
	font-size: 24px;
	color: var(--primaryColor);
	margin-bottom: 15px;
	display: inline-block;
}

@media (max-width: 767px) {
	.grid__quick__content span {
		font-size: 20px;
	}
}

.grid__quick__view__modal .modal-dialog {
	min-width: 1000px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.grid__quick__view__modal .modal-dialog {
		min-width: 100%;
	}
}

@media (max-width: 767px) {
	.grid__quick__view__modal .modal-dialog {
		min-width: 100%;
	}
}

.selector__wrapper select {
	border: 1px solid rgba(31, 34, 38, 0.1);
	box-shadow: none;
	color: var(--darkgrey3);
	font-size: 14px;
	height: 50px;
	padding-left: 10px;
	position: relative;
	width: 100%;
	border-radius: 5px;
	margin-top: 25px;
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.selector__wrapper select {
		margin-top: 10px;
		margin-bottom: 15px;
	}
}

.featurearea__quantity {
	display: flex;
	align-items: center;
}

.qty-container {
	display: flex;
	margin-right: 20px;
	border-top: 1px solid rgba(31, 34, 38, 0.1);
	border-bottom: 1px solid rgba(31, 34, 38, 0.1);
	overflow: hidden;
	width: 130px;
	height: 60px;
	border-radius: 5px;
}

.qty-container button {
	border: none;
	border-left: 1px solid rgba(31, 34, 38, 0.1);
	background: none;
	font-size: 12px;
	padding: 0 10px;
	border-right: 1px solid rgba(31, 34, 38, 0.1);
}

.qty-container input {
	width: 100%;
	border: none;
	text-align: center;
}

.featurearea__quantity__button {
	background-color: rgba(31, 34, 38, 0.5019607843);
	border: medium none;
	color: var(--whiteColor);
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	height: 40px;
	line-height: 24px;
	margin-bottom: 0;
	padding: 8px 25px;
	border-radius: 0;
	text-align: center;
}

.featurearea__quantity__button:hover {
	background: var(--primaryColor);
	color: var(--whiteColor);
}

.featurearea__quantity .default__button {
	height: 60px;
	line-height: 60px;
	padding-top: 0;
	padding-bottom: 0;
}

.quick__price {
	font-size: 25px;
	font-family: var(--headingFont);
	font-weight: 600;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.quick__price {
		font-size: 20px;
		margin: 0;
	}
}

.quick__price del {
	opacity: 0.6;
}

.single__product__bottom__button {
	margin-top: 20px;
}

.layout__6 .grid__wraper__info h3 {
	font-weight: 700;
}

.layout__6 .grid__wraper__price span {
	font-weight: 700;
}

.layout__6 .grid__wraper__price del {
	font-weight: 700;
}

@media (max-width: 767px) {
	.row.grid__responsive {
		margin: 0 -5px;
	}
}

@media (max-width: 767px) {
	.grid__responsive [class*=col-] {
		padding-right: 5px;
		padding-left: 5px;
	}
}

.tab-content .tab-pane {
	display: block;
	overflow: hidden;
	height: 0;
	visibility: hidden;
	max-width: 100%;
	opacity: 0;
}

.tab-content .tab-pane.active {
	height: auto;
	visibility: visible;
	opacity: 1;
	overflow: visible;
}

.animate__content {
	padding-top: 40px;
	padding-bottom: 40px;
	background: var(--greyColor) no-repeat scroll center center/cover;
	margin-top: 0px;
}

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

.animate__content__wrap {
	display: flex;
	width: fit-content;
	white-space: nowrap;
	position: relative;
	will-change: transform;
	animation: marquee 20s linear 0s infinite normal;
	animation-play-state: running;
}

.animate__content__wrap:hover {
	animation-play-state: paused;
}

.animate__content__single {
	display: block;
	width: 100%;
	min-width: max-content;
	padding-inline: 20px;
}

.animate__content__single span {
	font-size: 30px;
	line-height: 1;
	margin-bottom: 0;
	position: relative;
	padding-left: 20px;
}

@media (max-width: 767px) {
	.animate__content__single span {
		font-size: 20px;
		padding-left: 15px;
	}
}

.animate__content__single span:before {
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--blackColor);
	content: "";
	top: 50%;
	transform: translate(-50%);
	margin-top: -5px;
}

.animate__content__2 {
	margin-bottom: 0;
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}



.coll__section .coll__color {
	background: var(--greyColor);
	padding-top: 45px;
	padding-bottom: 50px;
	margin-top: 0px;
	margin-bottom: 80px;
	border-radius: 15px;
}

.coll__section__inner {
	text-align: center;
}

.coll__section__inner h6 {
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 15px;
	font-size: 16px;
	color: var(--primaryColor);
}

.coll__section__inner h1 {
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 1;
}

@media (max-width: 767px) {
	.coll__section__inner h1 {
		font-size: 30px;
	}
}

.coll__section__inner .button__wrapper {
	margin-top: 30px;
}

.coll__section__inner .button__1 {
	margin-right: 15px;
}

.size__table {
	width: 100%;
}

.size__table tbody tr td {
	padding: 5px 10px;
	font-size: 14px;
	border: 1px solid #e5e5e5;
}



@media (min-width: 768px) and (max-width: 991px) {
	.about__text {
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.about__text {
		margin-bottom: 20px;
	}
}

.about__text h4 {
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 15px;
	font-size: 20px;
}

.about__text h2 {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.about__text h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
}

.about__text h2 span {
	color: var(--primaryColor);
}

.about__7 {
	background: var(--greyColor);
}

.about__button {
	margin-top: 25px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.about__img {
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.about__img {
		margin-bottom: 20px;
	}
}

.about__img img {
	width: 100%;
	border-radius: 15px;
}

.video__img {
	position: relative;
}

.video__img img {
	width: 100%;
	border-radius: 15px;
}

.video__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video__icon a {
	height: 80px;
	width: 80px;
	background-color: var(--whiteColor);
	color: var(--primaryColor);
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 9;
	border-radius: 15px;
	outline-offset: 15px;
	outline: 4px solid var(--whiteColor);
	margin: 20px;
}

.video__icon a:hover {
	outline: 4px solid var(--primaryColor);
}

@media (max-width: 767px) {
	.video__icon a {
		height: 50px;
		width: 50px;
		font-size: 15px;
	}
}

.before__after__img img {
	width: 100%;
}

@media (max-width: 767px) {
	.about__4 {
		margin-top: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.about__4 h2 {
		font-size: 20px;
	}
}

.about__4 h2 span {
	color: var(--primaryColor);
}

.about__4__button {
	margin-top: 25px;
}

.about__4__list {
	padding-left: 20px;
	margin-left: 20px;
}

.about__4__list li {
	display: block;
	position: relative;
}

.about__4__list li::before {
	position: absolute;
	content: "";
	height: 5px;
	width: 5px;
	background: var(--blackColor);
	border-radius: 100%;
	top: 50%;
	left: -15px;
}

.before-after-wrap {
	overflow: hidden;
	position: relative;
	border-radius: var(--borderRadius3);
}

@media only screen and (min-width: 350px) {
	.before-after-wrap {
		height: 350px;
	}
}

@media only screen and (min-width: 768px) {
	.before-after-wrap {
		height: 450px;
	}
}

@media only screen and (min-width: 1366px) {
	.before-after-wrap {
		height: 700px;
	}
}

.before-after-wrap figure {
	background-size: cover;
	font-size: 0;
	height: 100%;
	margin: 0;
	position: relative;
	width: 100%;
}

.before-after-wrap #compare {
	background-size: cover;
	bottom: 0;
	border-right: 5px solid rgba(255, 255, 255, 0.7);
	box-shadow: 10px 0 15px -13px #000;
	height: 100%;
	max-width: 98.6%;
	min-width: 0.6%;
	overflow: visible;
	position: absolute;
	width: 50%;
	animation: first 2s 1 normal ease-in-out 0.1s;
	-webkit-animation: first 2s 1 normal ease-in-out 0.1s;
}

.before-after-wrap input#slider {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	background: transparent;
	cursor: col-resize;
	height: 100vw;
	left: 0;
	margin: 0;
	outline: none;
	padding: 0;
	position: relative;
	top: -100vw;
	width: 100%;
}

.before-after-wrap input#slider::-moz-range-track {
	background: transparent;
}

.before-after-wrap input#slider::-ms-track {
	border: none;
	background-color: transparent;
	height: 100vw;
	left: 0;
	outline: none;
	position: relative;
	top: -100vw;
	width: 100%;
	margin: 0;
	padding: 0;
	cursor: col-resize;
	color: transparent;
}

.before-after-wrap input#slider::-ms-fill-lower {
	background-color: transparent;
}

.before-after-wrap input#slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 100vw;
	width: 0.5%;
	opacity: 0;
}

.before-after-wrap input#slider::-moz-range-thumb {
	-moz-appearance: none;
	height: 100vw;
	width: 0.5%;
	opacity: 0;
}

.before-after-wrap input#slider::-ms-thumb {
	height: 100vw;
	width: 0.5%;
	opacity: 0;
}

.before-after-wrap input#slider::-ms-tooltip {
	display: none;
}

.before-after-wrap #compare::before {
	background: url(../../../webdevtrick.com/wp-content/uploads/comparision.png) no-repeat scroll 0 center transparent;
	background-size: contain;
	content: "";
	float: right;
	height: 100%;
	margin-right: -34px;
	position: relative;
	top: 0;
	width: 64px;
}

@keyframes first {
	0% {
		width: 0%;
	}

	50% {
		width: 80%;
	}

	100% {
		width: 50%;
	}
}

@-webkit-keyframes first {
	0% {
		width: 0%;
	}

	50% {
		width: 80%;
	}

	100% {
		width: 50%;
	}
}

.before-after-wrap .before__after__common {
	position: absolute;
	color: var(--whiteColor);
	z-index: 9;
	font-size: 18px;
	bottom: 20px;
	left: 20px;
	background: var(--primaryColor);
	padding: 3px 20px;
	border-radius: 5px;
}

.before-after-wrap .before__after__common.after__class {
	right: 20px;
	left: auto;
}

.feature__2__single {
	display: flex;
	align-items: center;
}

@media (min-width: 768px) and (max-width: 991px) {
	.feature__2__single {
		margin-bottom: 15px;
	}
}

@media (max-width: 767px) {
	.feature__2__single {
		margin-bottom: 15px;
	}
}

.feature__2__icon {
	margin-right: 20px;
	font-size: 40px;
}

.feature__2__icon img {
	width: 50px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.feature__2__icon {
		margin-right: 10px;
	}
}

.feature__2__text h4 {
	margin: 0;
	font-size: 20px;
	margin-bottom: 5px;
	font-weight: 600;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.feature__2__text h4 {
		font-size: 17px;
	}
}

@media (max-width: 767px) {
	.feature__2__text h4 {
		font-size: 16px;
	}
}

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

.feature__7__color {
	background: var(--whiteColor);
}

.feature__border {
	border: 1px solid var(--greyColor);
	display: flex;
	align-items: center;
	border-radius: 15px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.feature__border .feature__3__single {
	padding: 40px 25px 40px;
	width: 25%;
}

@media (min-width: 1500px) and (max-width: 1920px) {
	.feature__border .feature__3__single {
		padding: 40px 15px 40px;
	}
}

@media (min-width: 992px) and (max-width: 1365px) {
	.feature__border .feature__3__single {
		padding: 30px 15px 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.feature__border .feature__3__single {
		padding: 20px 10px 20px;
		width: 50%;
	}
}

@media (max-width: 767px) {
	.feature__border .feature__3__single {
		padding: 10px 10px 10px;
		width: 100%;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.feature__border .feature__3__single {
		padding: 10px 10px 10px;
		width: 50%;
	}
}

.feture__8__wraper {
	padding: 35px 22px 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border: 2px solid var(--greyColor);
	border-radius: 15px;
	margin-bottom: 20px;
	position: relative;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.feture__8__wraper {
		padding: 25px 10px 15px;
	}
}

@media (max-width: 767px) {
	.feture__8__wraper {
		padding: 25px 10px 15px;
	}
}

.feture__8__wraper:before {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	width: 4px;
	height: 0%;
	background-color: var(--primaryColor);
	transition: all 0.5s ease 0s;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%);
}

.feture__8__wraper:hover {
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
}

.feture__8__wraper:hover::before {
	height: 80%;
	opacity: 1;
	visibility: visible;
}

.feture__8__wraper--left .feture__8__text {
	text-align: left;
}

.feture__8__wraper--left .feture__8__icon {
	margin: 0 15px 0 0;
}

.feture__8__wraper--left:before {
	right: auto;
	left: 0;
}

.feture__8__text {
	text-align: right;
}

.feture__8__text h2 {
	font-size: 25px;
	margin-bottom: 12px;
	font-weight: 700;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.feture__8__text h2 {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.feture__8__text h2 {
		font-size: 20px;
	}
}

.feture__8__text p {
	font-size: 14px;
}

.feture__8__icon {
	margin: 0 0 0 15px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.feture__8__icon {
		margin: 0 0 0 10px;
	}
}

.feture__8__icon svg {
	width: 50px;
	fill: var(--primaryColor);
}

@media (min-width: 768px) and (max-width: 991px) {
	.feature__8__img {
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.feature__8__img {
		margin-bottom: 20px;
	}
}

.feature__8__img img {
	width: 100%;
	border-radius: 15px;
}

.category__text {
	padding: 15px 20px 5px;
}

.category__text h5 {
	font-size: 14px;
}

.category__text h5 a {
	color: var(--blackColor);
	font-weight: 600;
}

.category__single {
	text-align: center;
}

.category__img img {
	width: 100%;
	border-radius: 15px;
}

.category__single:hover .category__text a {
	color: var(--primaryColor);
}

.category__single__2 {
	margin-bottom: 30px;
}

.category__single__2:hover a {
	color: var(--primaryColor);
}

.category__text__2 h5 {
	font-size: 18px;
}

.category__text__2 h6 {
	font-weight: 400;
}

.category__img__2 img {
	width: 100%;
	border-radius: 15px;
}

.collection__2 .collection__single__2 {
	text-align: center;
}

.collection__2 .collection__single__2:hover a {
	color: var(--primaryColor);
}

.collection__2 .collection__img__2 img {
	width: 100%;
	border-radius: 15px;
}

.collection__2 .collection__text__2 {
	padding: 15px 20px 5px;
}

.collection__2 .collection__text__2 h5 {
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 15px;
	font-size: 18px;
}

.collection__2 .collection__text__2 h6 {
	line-height: 1.3;
	margin-bottom: 15px;
	font-weight: 400;
}


.newslatter__inner h2 {
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 15px;
	font-size: 30px;
}

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

.newslatter__inner__wrap {
	padding-top: 50px;
	padding-bottom: 60px;
	margin-top: 0px;
	background: var(--greyColor);
	border-radius: 15px;
}

.newslatter__input {
	position: relative;
}

.newslatter__input input {
	border: none;
	background: none;
	background-color: var(--whiteColor);
	border-color: var(--greyColor);
	height: 65px;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-left: 20px;
	font-size: 16px;
	width: 100%;
	border-radius: 5px;
}

.newslatter button {
	height: 65px;
	border-radius: 0 5px 5px 0;
	position: absolute;
	right: 0;
}

.newslatter__2 {
	background: #fcf7eb;
	padding-top: 50px;
}

.newslatter__8 {
	background: var(--greyColor);
	padding-top: 60px;
	padding-bottom: 60px;
	border-radius: 15px;
}

.testimonial .testimonial__color {
	background: var(--greyColor);
	border-radius: 15px;
}

.testimonial__padding {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 45px;
	padding-bottom: 55px;
}

.testimonial__info p {
	font-size: 28px;
	margin-bottom: 48px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.testimonial__info p {
		font-size: 21px;
		margin-bottom: 35px;
	}
}

@media (max-width: 767px) {
	.testimonial__info p {
		font-size: 17px;
		margin-bottom: 20px;
	}
}

.testimonial__info h4 {
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 15px;
	font-size: 20px;
}

.testimonial__img {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.testimonial__img {
		margin-bottom: 20px;
	}
}

.testimonial__img i {
	font-size: 30px;
	color: var(--primaryColor);
}

.testimonial__2 {
	background: var(--greyColor);
}

.featurearea__single__thumb__img img {
	cursor: pointer;
	border: 1px solid var(--borderColor);
	border-radius: var(--borderRadius);
	padding: 3px;
}

.featurearea__single__big__img img {
	width: 100%;
	border-radius: 10px;
}

.featurearea__details__img {
	position: sticky;
	margin-bottom: 0;
	top: 90px;
}

.featurearea__img img {
	width: 100%;
}

.featurearea__thumb__img {
	margin-top: 10px;
	margin-left: -5px;
	margin-right: -5px;
}

.featurearea__thumb__img.slider__default__arrow .slick-arrow {
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 13px;
	left: 5px;
	opacity: 1;
	bottom: -65px;
	top: auto;
}

.featurearea__thumb__img.slider__default__arrow .slick-arrow.next_class {
	left: 45px;
}

.featurearea__single__big__img img {
	width: 100%;
}

.featurearea__single__thumb__img {
	padding: 0 5px;
}

.featurearea__single__thumb__img img {
	width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
	.single__product__wrap {
		margin-top: 70px;
	}
}

@media (max-width: 767px) {
	.single__product__wrap {
		margin-top: 70px;
	}
}

.single__product {
	margin-top: 30px;
}

.single__product .single__product__wrap__2 {
	text-align: center !important;
}

.single__product__heding h2 {
	font-size: 24px;
	margin: 0 0 0;
	line-height: 1;
	font-weight: 600;
}

.single__product__icon a {
	font-size: 18px;
	margin-right: 15px;
}

.single__product__price {
	margin: 15px 0;
}

.single__product__price span {
	font-size: 30px;
	color: var(--blackColor);
	font-weight: 700;
}

.single__product__price label {
	background: var(--borderColor);
	padding: 5px;
	line-height: 1;
	font-weight: 600;
	border-radius: var(--borderRadius);
	font-size: 14px;
}

.single__product__eye {
	padding: 20px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.single__product__eye img {
	height: 30px;
	margin-right: 10px;
	padding-bottom: 0px;
}

.single__product__eye span strong {
	font-weight: 700;
}

.single__product__description {
	margin-bottom: 30px;
}

.single__product__description p {
	margin: 0;
}

.single__product__size {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.single__product__size h6 {
	margin: 0;
	font-weight: 700;
}

.single__product__size ul {
	margin-left: 14px;
}

.single__product__size ul li {
	margin-right: 10px;
}

.single__product__size ul li a {
	background-color: #f1f2f6;
	color: #000;
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	text-transform: uppercase;
	height: 30px;
	width: 30px;
	text-align: center;
	border-radius: 5px;
}

.single__product__size ul li a:hover {
	background: var(--primaryColor);
	color: var(--whiteColor);
}

.single__product__swatch {
	margin-top: 20px;
}

.single__product__swatch .header {
	font-weight: 700;
	margin-right: 40px;
}

.single__product__swatch button {
	height: 30px !important;
	width: 30px !important;
	border-radius: 5px !important;
	margin-right: 10px;
	border: none;
}

.single__product__quantity {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

.single__product__quantity .qty-container {
	display: flex;
	border: 1px solid rgba(31, 34, 38, 0.1);
	height: 60px;
	margin-right: 10px;
	width: 126px;
}

.single__product__quantity .qty-container button {
	border: none;
	background: none;
	font-size: 25px;
	padding: 0 10px;
}

.single__product__quantity .qty-container input {
	width: 100%;
	border: none;
	text-align: center;
}

.single__product__quantity .default__button {
	height: 60px;
	line-height: 60px;
	margin: 0 5px;
	padding: 0 50px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.single__product__quantity .default__button {
		padding: 0 30px;
	}
}

.single__product__quantity .default__button.black__button {
	background: var(--blackColor);
	border-color: var(--blackColor);
}

.single__product__button {
	color: var(--whiteColor);
	font-size: 14px;
	text-transform: uppercase;
	background-color: #1f2226;
	display: inline-block;
	line-height: 1;
	padding: 23px 38px;
	z-index: 99;
	box-shadow: 10px 25px 80px rgba(150, 150, 150, 0.1490196078);
}

.single__product__button:hover {
	background: var(--primaryColor);
	color: var(--whiteColor);
}

.single__product__icon {
	margin-left: 25px;
}

.single__product__icon i {
	font-size: 18px;
}

.single__product__icon i:hover {
	color: var(--primaryColor);
}

.single__product__bottom__button {
	padding: 23px 38px;
	border-radius: 0;
	background-color: #1f2226;
	font-size: 16px;
	box-shadow: 10px 25px 80px rgba(150, 150, 150, 0.15);
	line-height: 1;
	height: auto;
	max-width: 340px;
	margin-bottom: 20px;
	transition: 0.3s;
	text-align: center;
}

.single__product__bottom__button.slider__button {
	margin: 0 auto;
}

.single__product__bottom__button a {
	color: var(--whiteColor);
}

.single__product__bottom__button:hover {
	background: var(--primaryColor);
	color: var(--whiteColor);
}

.single__product__information {
	margin-bottom: 20px;
}

.single__product__information ul li {
	margin-right: 30px;
	margin-top: 10px;
}

.single__product__information ul li a {
	font-weight: 300;
}

.single__product__information ul li a i {
	margin-right: 8px;
}

.single__product__delivery__area {
	padding: 10px 0;
	border-top: 1px solid var(--borderColor);
	border-bottom: 1px solid var(--borderColor);
	margin-bottom: 10px;
}

.single__product__delivery__area p {
	font-size: 16px;
	margin: 0;
}

.single__product__delivery__area p img {
	height: 25px;
	float: left;
	margin-right: 10px;
	padding-bottom: 0px;
}

.single__product__delivery__area p strong {
	font-weight: 700;
}

.single__product__text {
	margin-top: 20px;
}

.single__product__text h5 {
	font-size: 20px;
}

.single__product__text h5 strong {
	font-weight: 700;
}

.single__product__text ul li {
	display: block;
	margin-top: 5px;
	position: relative;
	padding-left: 20px;
}

.single__product__text ul li:before {
	position: absolute;
	content: "";
	height: 5px;
	width: 5px;
	background: var(--blackColor);
	border-radius: 100%;
	top: 10px;
	left: 0;
}

.single__product__meta {
	display: flex;
	margin: 0;
	padding-top: 15px;
	align-items: center;
}

.single__product__meta span {
	font-size: 16px;
	margin-right: 5px;
	font-weight: 700;
}

.single__product__meta ul li {
	margin: 0 3px 0 0;
}

.single__product__payment__img ul li {
	margin-right: 2px;
}

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

.single__product__slider__active .small__grid__2 {
	border: 1px solid #eee;
	display: flex;
	align-items: center;
	box-shadow: none;
	margin-right: 30px;
}

.single__product__slider__active .small__grid__2 .small__grid__img {
	max-width: 30%;
}

.single__product__slider__active .small__grid__2 .small__grid__content {
	max-width: 70%;
}

.single__product__slider__active .small__grid__2 .small__grid__add__to__cart {
	margin-top: 10px;
}

.single__product__slider__active .small__grid__2 .small__grid__add__to__cart a {
	display: inline-block;
}

.single__product__complementary {
	margin-top: 15px;
	margin-bottom: 10px;
}

.single__product__bottom__menu {
	margin-top: 15px;
}

.single__product__bottom__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 600;
}

.single__product__car img {
	margin-right: 10px;
}

.single__return__menu h6 {
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 15px;
}

.single__return__menu ul {
	margin: 0 0 15px 20px;
}

.single__return__menu ul li {
	display: block;
	position: relative;
}

.single__return__menu ul li::before {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	background: var(--blackColor);
	border-radius: 50%;
	left: -15px;
	top: 11px;
}

.single__social__media ul li {
	margin-right: 15px;
}

.single__social__media ul li a i {
	margin-right: 3px;
}

.single__return__checkout h5 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 15px;
}

.single__product__pairs h6 {
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 15px;
	font-size: 16px;
}

.single__product__contact__text h2 {
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 15px;
	font-size: 30px;
}

.single__product__contact__text h3 {
	font-size: 24px;
	font-weight: 600;
}

.single__product__contact__button {
	margin-top: 30px;
	margin-bottom: 30px;
}

.single__product__special__feature ul li {
	display: block;
	font-size: 14px;
	margin-top: 10px;
}

.single__product__special__feature ul li strong {
	margin-right: 5px;
	min-width: 100px;
	display: inline-block;
}

.single__product__modal {
	top: 135px;
}

.single__product__modal.single__product__modal__3 .modal-dialog {
	max-width: 500px;
}

.single__product__modal.single__product__modal__3 .modal-body input {
	width: 100%;
	margin-bottom: 40px;
	height: 45px;
	padding-left: 10px;
}

.single__product__modal.single__product__modal__3 .modal-body textarea {
	height: 100px;
	width: 100%;
	padding-left: 10px;
}

.single__product__modal.single__product__modal__3 .modal-body button {
	font-size: 14px;
	padding: 10px 45px;
	border: 1px solid var(--blackColor);
	background: var(--blackColor);
	color: var(--whiteColor);
}

.single__product__modal .modal-dialog {
	max-width: 960px;
}

.single__product__modal .modal-body {
	padding: 35px 15px;
}

.single__product__table table {
	width: 100%;
}

.single__product__table table tbody tr th {
	padding: 8px 10px;
	background: var(--blackColor);
	color: var(--whiteColor);
	font-weight: 600;
	border: 1px solid var(--borderColor);
}

.single__product__table table tbody tr td {
	padding: 8px 10px;
	border: 1px solid var(--borderColor);
}

.gallery__img {
	margin-bottom: 30px;
}

.gallery__img img {
	width: 100%;
	border: 1px solid var(--borderColor);
}

.descriptionarea__tab__wrapper {
	border: 1px solid var(--borderColor);
	padding: 30px 30px 37px;
}

.descriptionarea__link {
	font-size: 18px;
	text-transform: capitalize;
	line-height: 1;
	position: relative;
	padding: 0 0 10px;
	margin: 0 32px 15px 0;
	border: none;
	background: none;
	font-weight: 600;
}

.descriptionarea__link.active {
	color: var(--primaryColor);
}

.descriptionarea__link.active:after {
	width: 100%;
}

.descriptionarea__link:hover {
	color: var(--primaryColor);
}

.descriptionarea__link:hover:after {
	width: 100%;
}

.descriptionarea__link:after {
	content: "";
	height: 2px;
	left: 0;
	width: 0;
	position: absolute;
	-webkit-transition: width 0.3s ease-out;
	-o-transition: width 0.3s ease-out;
	transition: width 0.3s ease-out;
	background-color: var(--primaryColor);
	bottom: 0;
}

.faq__2__inner {
	background: #fffafa;
	padding: 90px 60px;
	border-radius: 10px;
}

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

.faq__2__left {
	margin-right: 100px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.faq__2__left {
		margin-right: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.faq__2__left {
		margin-right: 0px;
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.faq__2__left {
		margin-right: 0px;
		margin-bottom: 20px;
	}
}

.faq__2__left h3 {
	color: var(--primaryColor);
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 15px;
}

@media (max-width: 767px) {
	.faq__2__left h3 {
		font-size: 20px;
	}
}

.faq__2__left h2 {
	color: var(--blackColor);
	font-style: normal;
	font-weight: 600;
	font-size: 55px;
	line-height: 60px;
	margin: 0 0 20px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.faq__2__left h2 {
		font-size: 50px;
		margin: 0 0 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.faq__2__left h2 {
		font-size: 50px;
		margin: 0 0 10px;
	}
}

@media (max-width: 767px) {
	.faq__2__left h2 {
		font-size: 40px;
		margin: 0 0 10px;
		line-height: 55px;
	}
}

.faq__2__left p {
	color: var(--darkgrey3);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	margin: 0 0 15px;
	line-height: 28px;
}

.grid__single__produce__button a {
	border: 1px solid var(--borderColor);
	height: 45px;
	line-height: 43px;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 0;
	background: var(--whiteColor);
	border-radius: 5px;
	margin-top: 10px;
}

.grid__single__produce__button a:hover {
	background: var(--primaryColor);
	color: var(--whiteColor);
}

@media (min-width: 992px) and (max-width: 1365px) {
	.single__product__grid .grid__wraper__tittle {
		font-size: 14px;
	}

	.single__product__grid .grid__wraper__info {
		padding: 10px 0 0;
	}

	.single__product__grid .grid__wraper {
		margin-bottom: 0;
	}

	.grid__wraper__quickview a {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.single__product__quantity .default__button {
		padding: 0 10px;
		height: 40px;
		line-height: 40px;
		margin: 0 3px;
	}

	.single__product__quantity .qty-container button {
		font-size: 20px;
		padding: 0 10px;
	}

	.single__product__quantity .qty-container {
		height: 40px;
		width: 90px;
		margin-right: 4px;
	}

	.single__product__quantity {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.descriptionarea__link {
		font-size: 16px;
		margin: 0 15px 15px 0;
	}

	.descriptionarea__tab__wrapper {
		padding: 20px 20px 27px;
	}

	.tab__content__wrapper p {
		font-size: 14px;
	}
}

.service__single {
	margin-bottom: 30px;
	padding: 40px 30px 35px;
	border: 1px solid var(--greyColor);
	border-radius: 15px;
	transition: 0.3s;
	text-align: center;
}

.service__single:hover {
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.service__text h3 {
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 15px;
	font-size: 24px;
}

.service__text p {
	font-size: 14px;
}

.service__img {
	margin-bottom: 20px;
}

.service__button {
	font-weight: 700;
	font-size: 14px;
}

.sidebar__widget {
	border-bottom: 1px solid var(--greyColor);
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.sidebar__widget.widget-collapse-show .sidebar__menu {
	display: block;
	visibility: visible;
}

.sidebar__widget.widget-collapse-show .sidebar__title i {
	transform: rotate(180deg);
}

.sidebar__title {
	position: relative;
}

.sidebar__title h4 {
	font-size: 20px;
	font-weight: 600;
}

.sidebar__title i {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.sidebar__menu {
	max-height: 350px;
	overflow-y: auto;
	display: none;
	visibility: hidden;
	transition: 0.3s;
}

.sidebar__menu ul li {
	display: block;
	margin-bottom: 15px;
}

.sidebar__menu ul li a {
	font-size: 14px;
}

.sidebar__menu ul li a span {
	opacity: 0.6;
}

.sidebar__box input {
	margin-right: 5px;
}

.shop__tab ul li button {
	font-size: 30px;
	margin-right: 20px;
	border: none;
	background: none;
}

@media (min-width: 768px) and (max-width: 991px) {
	.shop__tab ul li button {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.shop__tab ul li button {
		font-size: 20px;
	}
}

.shop__tab ul li button.active {
	color: var(--primaryColor);
}

.shop__right__wraper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.shop__selecte select {
	border-radius: 5px;
	border: 1px solid var(--greyColor);
	height: 50px;
	line-height: 46px;
	min-width: 190px;
	padding-left: 18px;
	padding-right: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.shop__selecte select {
		min-width: 100px;
		max-width: 130px;
	}
}

@media (max-width: 767px) {
	.shop__selecte select {
		min-width: 100px;
		max-width: 130px;
	}
}

.shop__number {
	font-size: 20px;
	font-family: var(--headingFont);
}

@media (min-width: 768px) and (max-width: 991px) {
	.shop__number {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.shop__number {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.sidebar-collapse-hide {
		display: none;
		margin-top: 30px;
	}
}

.default__button.sidebar-collapse-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.default__button.sidebar-collapse-btn svg {
	color: var(--whiteColor);
	fill: var(--whiteColor);
	margin-right: 5px;
}

.default__button.sidebar-collapse-btn:hover svg {
	color: var(--blackColor);
	fill: var(--blackColor);
}

@media (min-width: 1366px) and (max-width: 1499px) {
	.loginarea {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media (min-width: 992px) and (max-width: 1365px) {
	.loginarea {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.loginarea {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media (max-width: 767px) {
	.loginarea {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media (min-width: 992px) and (max-width: 1365px) {
	.loginarea__col {
		margin-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.loginarea__col {
		margin-left: 0;
	}
}

@media (max-width: 767px) {
	.loginarea__col {
		margin-left: 0;
	}
}

.loginarea .tab__button__wrap li.nav-item {
	width: 50%;
}

.loginarea__wraper {
	padding: 31px 50px 50px;
	border-radius: 5px;
	box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
}

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

.loginarea__heading {
	text-align: center;
}

.loginarea__heading .login__title {
	font-size: 32px;
	line-height: 1.5;
	margin: 0 0 8px;
}

.loginarea__heading .login__description a {
	position: relative;
}

.loginarea__heading .login__description a:after {
	content: "";
	position: absolute;
	width: 0%;
	height: 2px;
	background: var(--primaryColor);
	bottom: 0;
	left: 0;
	transition: var(--transition);
}

.loginarea__heading .login__description a:hover {
	color: var(--primaryColor);
}

.loginarea__heading .login__description a:hover:after {
	width: 100%;
}

.loginarea form .loginarea__form {
	margin-top: 25px;
}

.loginarea form .loginarea__form label {
	display: block;
	margin-bottom: 10px;
}

.loginarea form .loginarea__form .common__login__input {
	background-color: var(--borderColor);
	border: 1px solid var(--borderColor);
	font-size: 14px;
	font-weight: 400;
	height: 52px;
	padding: 3px 20px;
	width: 100%;
	border-radius: 5px;
}

.loginarea form .loginarea__form .form__check {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

.loginarea form .loginarea__form .form__check label {
	margin: 0;
	padding-left: 5px;
}

.loginarea form .loginarea__form .login__form__link a {
	position: relative;
}

.loginarea form .loginarea__form .login__form__link a:after {
	content: "";
	position: absolute;
	width: 0%;
	height: 2px;
	background: var(--primaryColor);
	bottom: 0;
	left: 0;
	transition: var(--transition);
}

.loginarea form .loginarea__form .login__form__link a:hover {
	color: var(--primaryColor);
}

.loginarea form .loginarea__form .login__form__link a:hover:after {
	width: 100%;
}

.loginarea__button {
	margin-top: 25px;
}

.loginarea__button a {
	width: 100%;
}

.loginarea__social__btn {
	margin-top: 25px;
	text-align: center;
}

.loginarea__social__btn .login__social__btn li a {
	padding: 10px 44px;
}

.loginarea__social__btn .login__social__btn li .login__button__1 {
	margin-right: 20px;
}

@media (max-width: 767px) {
	.loginarea__social__btn .login__social__btn li .login__button__1 {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.tab__button__wrap {
	margin-bottom: 50px;
}

.tab__button__wrap li {
	padding-right: 11px;
}

.tab__button__wrap li button {
	border: none;
	padding: 18px 0;
	background: #F3F4FD;
	margin-right: 11px;
	font-size: 22px;
	font-weight: 600;
	font-family: "Hind", sans-serif;
	color: #000000;
	width: 100%;
	border-radius: 4px;
	position: relative;
	transition: 0.3s;
}

.tab__button__wrap li button.active {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
	background: #ffffff;
}

.registerarea__form__container {
	background: var(--borderColor) none repeat scroll 0 0;
	padding: 37px 40px;
	text-align: left;
	overflow: hidden;
}

.registerarea__text {
	text-align: center;
	margin-bottom: 30px;
}

.registerarea__text h2 {
	color: var(--blackColor);
	font-size: 30px;
	margin-bottom: 5px;
}

.registerarea__text p {
	font-size: 15px;
}

.registerarea__form form label {
	color: var(--blackColor);
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 5px;
}

.registerarea__form form input {
	background: var(--whiteColor) none repeat scroll 0 0;
	border: medium none transparent;
	border-radius: 0;
	box-shadow: none;
	color: var(--blackColor);
	font-size: 14px;
	height: 40px;
	margin-bottom: 20px;
	padding-left: 10px;
	width: 100%;
}

.registerarea__button button {
	background-color: #000;
	border: medium none;
	color: var(--whiteColor);
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	height: 40px;
	line-height: 24px;
	margin-bottom: 0;
	padding: 8px 25px;
	border-radius: 0;
	text-align: center;
	transition: 0.3s;
}

.registerarea__button button:hover {
	background: var(--primaryColor);
	color: var(--whiteColor);
}

.registerarea__account__optional__action {
	margin-top: 20px;
}

@media (min-width: 1366px) and (max-width: 1499px) {
	.checkoutarea {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media (min-width: 992px) and (max-width: 1365px) {
	.checkoutarea {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.checkoutarea {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media (max-width: 767px) {
	.checkoutarea {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.checkoutarea__billing__heading h2 {
	border-bottom: 1px solid var(--borderColor);
	color: var(--blackColor);
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.checkoutarea__inputbox input {
	background: transparent;
	border: 1px solid var(--borderColor);
	color: var(--darkgrey2);
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	width: 100%;
	padding: 0 20px;
	margin-bottom: 20px;
}

.checkoutarea__payment__wraper {
	background: var(--greyColor) none repeat scroll 0 0;
	padding: 35px;
}

.checkoutarea__total h3 {
	font-size: 24px;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.checkoutarea__table {
	width: 100%;
}

.checkoutarea__item {
	border-top: 1px solid var(--borderColor2);
}

.checkoutarea__item td {
	border-style: solid none none;
	border-width: 1px medium medium;
	padding: 15px;
	text-transform: uppercase;
}

.checkoutarea__payment__input__box {
	margin-top: 30px;
}

.checkoutarea__payment__input__box a {
	padding: 10px 40px;
}

.checkoutarea__shipp input {
	cursor: pointer;
}

.checkoutarea__shipp label {
	cursor: pointer;
}

.checkoutarea__payment__type input {
	cursor: pointer;
}

.checkoutarea__payment__type label {
	cursor: pointer;
}

.cartarea__table__content table {
	border: 1px solid var(--borderColor);
	width: 100%;
}

.cartarea__table__content table thead tr {
	background-color: var(--greyColor);
	border: 1px solid var(--borderColor);
}

.cartarea__table__content table thead tr th {
	border-top: medium none;
	font-size: 14px;
	font-weight: 600;
	padding: 21px 45px 22px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 991px) {
	.cartarea__table__content table thead tr th {
		padding: 21px 15px 22px;
	}
}

@media (max-width: 767px) {
	.cartarea__table__content table thead tr th {
		padding: 21px 5px 22px;
	}
}

.cartarea__table__content table tbody tr {
	border-bottom: 1px solid var(--borderColor);
}

.cartarea__table__content table tbody tr td {
	font-size: 16px;
	text-align: center;
	min-width: 150px;
	border: 1px solid var(--borderColor);
	padding: 15px;
}

@media (max-width: 767px) {
	.cartarea__table__content table tbody tr td {
		font-size: 14px;
	}
}

.cartarea__table__content table tbody tr td a svg {
	width: 25px;
}

.cartarea__product__name {
	width: 435px;
}

.cartarea__product__quantity {
	width: 435px;
}

.cartarea__plus__minus {
	display: inline-block;
	height: 40px;
	padding: 0;
	position: relative;
	width: 110px;
	border: 1px solid var(--borderColor2);
	overflow: hidden;
}

.cartarea__plus__minus .qtybutton {
	color: #333;
	cursor: pointer;
	float: inherit;
	font-size: 16px;
	margin: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 20px;
	text-align: center;
}

.cartarea__plus__minus .qtybutton.dec {
	border-right: 1px solid var(--borderColor2);
	height: 40px;
	left: 0;
	padding-top: 8px;
	top: 0;
}

.cartarea__plus__minus .qtybutton.inc {
	border-left: 1px solid var(--borderColor2);
	height: 40px;
	padding-top: 9px;
	right: 0;
	top: 0;
}

.cartarea__plus__minus__box {
	color: #333;
	float: left;
	font-size: 14px;
	height: 40px;
	margin: 0;
	width: 110px;
	background: transparent none repeat scroll 0 0;
	border: 1px solid var(--borderColor2);
	padding: 0;
	text-align: center;
}

.cartarea__product__thumbnail a img {
	width: 100%;
	max-width: 100px;
}

.cartarea__shiping__update__wrapper {
	padding: 30px 0 55px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media (max-width: 767px) {
	.cartarea__shiping__update__wrapper {
		padding: 30px 0;
	}
}

@media (max-width: 767px) {
	.cartarea__shiping__update__wrapper > * {
		margin: 5px 0;
	}
}

.cartarea__tax {
	background-color: var(--greyColor);
	border: 1px solid var(--borderColor);
	border-radius: 5px;
	padding: 45px 30px 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.cartarea__tax {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.cartarea__tax {
		margin-bottom: 30px;
	}
}

.cartarea__title {
	position: relative;
}

.cartarea__title h4 {
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	margin: 0;
	padding-right: 18px;
	position: relative;
	z-index: 99;
}

.cartarea__text {
	margin-top: 22px;
}

.cartarea__tax__select {
	margin-bottom: 20px;
}

.cartarea__tax__select select {
	box-shadow: none;
	font-size: 12px;
	height: 40px;
	padding: 0 50px 0 15px;
	width: 100%;
	cursor: pointer;
}

.cartarea__code {
	margin-bottom: 20px;
}

.cartarea__code input {
	box-shadow: none;
	font-size: 12px;
	height: 40px;
	padding: 0 50px 0 15px;
	width: 100%;
	cursor: pointer;
	border: 1px solid var(--borderColor2);
}

.cartarea__discount__code {
	margin: 21px 0 0;
}

.cartarea__discount__code textarea {
	border: 1px solid var(--borderColor2);
	background: var(--whiteColor);
	width: 100%;
	height: 100px;
}

.cartarea__grand__totall h5 {
	font-size: 14px;
	margin: 36px 0 27px;
}

.cartarea__grand__totall h5 span {
	float: right;
	font-size: 18px;
	font-weight: 500;
}

.cartarea__product__quantity .featurearea__quantity {
	justify-content: center;
	margin: 0;
}

.cartarea__product__quantity .featurearea__quantity .qty-container {
	border: 1px solid var(--borderColor);
	margin-right: 0;
}

.featurearea__quantity .qty-container button {
	border: none;
}

.headertopbar__2 {
	background: var(--blackColor);
}

.headertopbar__7 {
	background: linear-gradient(310deg, rgb(17, 189, 251) 15%, rgb(33, 249, 150) 85%);
	padding: 2px 0;
}

.headertopbar__animate {
	display: flex;
	white-space: nowrap;
	position: relative;
	will-change: transform;
	animation: marquee 20s linear 0s infinite normal;
	animation-play-state: running;
	padding: 3px 0;
}

.headertopbar__animate .header__animate__item {
	padding: 0 15px;
}

.headertopbar__animate .header__animate__item p {
	color: var(--whiteColor);
	font-size: 14px;
	margin-bottom: 0;
	position: relative;
	padding-left: 20px;
	margin: 0;
}

.headertopbar__animate .header__animate__item p:before {
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--whiteColor);
	content: "";
	top: 50%;
	transform: translate(-50%);
	margin-top: -5px;
}

.footer {
	background: var(--greyColor);
}

.footer__title {
	font-size: 20px;
	margin-bottom: 25px;
	font-weight: 600;
}

@media (max-width: 767px) {
	.footer__title {
		margin-bottom: 15px;
		font-size: 18px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.footer__widget {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.footer__widget {
		margin-bottom: 30px;
	}
}

.footer__widget .footer__text p {
	width: 100%;
	margin-bottom: 25px;
}

.footer__content p {
	margin: 0;
	margin-bottom: 15px;
	max-width: 72%;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.footer__content p {
		max-width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.footer__content p {
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	.footer__content p {
		max-width: 100%;
	}
}

.footer__social__icon ul li {
	margin-right: 15px;
}

.footer__bottom {
	margin-top: 20px;
}

.footer__bottom h5 {
	line-height: 1.3;
	margin-bottom: 10px;
	font-size: 18px;
}

.footer__img ul li {
	padding: 2px;
}

.footer__menu ul li {
	display: block;
	margin-bottom: 15px;
}

.footer__menu ul li a {
	font-size: 14px;
}

.footer__input {
	position: relative;
	margin-bottom: 30px;
}

.footer__input input {
	height: 65px;
	background-color: var(--whiteColor);
	border: 1px solid var(--whiteColor);
	padding-left: 20px;
	font-size: 16px;
	width: 100%;
	border-radius: var(--borderRadius);
}

.footer__input button {
	height: 65px;
	padding: 0 18px;
	border-radius: 0 5px 5px 0;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	background: var(--primaryColor);
	color: var(--whiteColor);
}

.footer__input button:hover {
	background: var(--blackColor);
	color: var(--whiteColor);
}

.footer__input__4 button {
	background: var(--greywhite);
}

.footer__middle .footer__logo {
	display: flex;
	align-items: center;
	white-space: nowrap;
	justify-content: center;
	margin-bottom: 20px;
}

.footer__address ul li {
	display: block;
}

.footer__2 {
	background: #fcf7eb no-repeat scroll center center/cover;
}

.footer__input__5 button {
	background: var(--yellow2);
}

.footer__social__icon {
	margin-top: 15px;
}

.copyright {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding-top: 20px;
	padding-bottom: 20px;
}

.copyright__text p {
	margin: 0;
}

.copyright__menu {
	text-align: right;
}

@media (min-width: 768px) and (max-width: 991px) {
	.copyright__menu {
		text-align: start;
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.copyright__menu {
		text-align: start;
		margin-top: 10px;
	}
}

.copyright__menu ul li {
	font-size: 16px;
	font-weight: 400;
	list-style: none;
	display: inline-block;
	margin-top: 0;
	margin-right: 20px;
}

@media (min-width: 992px) and (max-width: 1365px) {
	.copyright__menu ul li {
		font-size: 13px;
		margin-right: 10px;
	}
}

@media (max-width: 767px) {
	.copyright__menu ul li {
		font-size: 14px;
		margin-right: 10px;
	}
}

.copyright__menu ul li:last-child {
	margin-right: 0;
}

.layout__2 .footer__title {
	font-weight: 700;
}

.is_dark .headerarea__has__dropdown span {
	color: var(--blackColor);
}

.is_dark .header__topbar {
	background-color: var(--greyColor2);
}

.is_dark .header__topbar .header__topbar__left ul li {
	color: var(--blackColor);
}

.is_dark .header__topbar .header__topbar__language__wraper span {
	color: var(--blackColor);
}

.is_dark .header__topbar .header__topbar__language__inner ul li a i {
	color: var(--blackColor);
}

.is_dark .header__topbar .header__topbar__social__icon ul li a {
	color: var(--blackColor);
}

.is_dark .header__topbar__language {
	color: var(--blackColor);
}

.is_dark .minicart__close__btn {
	color: var(--blackColor);
}

.is_dark .minicart__single .minicart__single__img .minicart__single__close button {
	background: var(--blackColor);
}

.is_dark .setting__wrap__close {
	color: var(--blackColor);
}

.is_dark .headersearch__active__input button {
	color: var(--blackColor);
}

.is_dark .headersearch__active__close {
	color: var(--blackColor);
}

.is_dark .headersearch__active__input input {
	color: var(--blackColor);
}



.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form input {
	background-color: #332b2b;
	color: var(--blackColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a {
	background: #332b2b;
}

.is_dark .mobile-off-canvas-active .mobile-aside-close {
	color: var(--blackColor);
}


.is_dark .footer__inner {
	background-color: var(--greyColor2);
}



.is_dark .feature__border {
	border: 1px solid #333333;
}

.is_dark .testimonial__2 {
	background-color: var(--greyColor2);
}

.is_dark .footer__2 {
	background-color: var(--greyColor2);
}

.is_dark .newslatter__2 {
	background-color: var(--whiteColor);
}

.is_dark .footer__inner {
	background-color: var(--greyColor2);
}

.is_dark .small__grid__wraper {
	border: 1px solid #333333;
}

.is_dark .copyright {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
}



.is_dark .loginarea__wraper {
	background-color: var(--greyColor2);
}



.is_dark .registerarea__form__container {
	background-color: var(--greyColor2);
}

.is_dark .descriptionarea__tab__button li button {
	color: var(--blackColor);
}

.is_dark .single__product__button {
	background: var(--blackColor);
}

.is_dark .single__product__bottom__button {
	background: var(--blackColor);
}


.is_dark .default__button {
	color: var(--blackColor);
}



.is_dark .modal-content {
	background-color: #333333;
}

.is_dark .featurearea__quantity .qty-container button {
	color: var(--blackColor);
}

.is_dark .qty-container input {
	background: #333333;
	color: var(--blackColor);
}

.is_dark .slider__default__arrow--2 .slick-arrow {
	background: var(--whiteColor);
}

.is_dark .slider__default__arrow--2 .slick-arrow:hover {
	color: var(--blackColor);
}

.umgsldnew {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.umgsldnew-track {
  display: flex;
  transition: transform 0.6s ease-in-out;
}

.umgsldnew-slide {
  min-width: 100%;
}

.umgsldnew-slide img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  display: block;
}

/* Manual lines */
.umgsldnew-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}

.umgsldnew-dots span {
  width: 22px;
  height: 4px;
  background: rgba(255,255,255,0.6);
  cursor: pointer;
  transition: 0.3s;
}

.umgsldnew-dots span.active {
  background: #ffffff;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .umgsldnew-slide img {
    height: 260px;
    object-fit: contain;
    background: #000;
  }
}
.umgnpkslst-strip {
      height: 130px;
  background-image: url('https://traveltourister.in/aa-new-website-for-andaman/umang-img/pksbackg.webp');
  background-repeat: repeat;
  background-size: 180px; /* control icon size */
  background-position: center;
  background-color: #fffdf2; /* fallback light color */
}
.umgnpkslst {
  padding: 50px 20px;
}

.umgnpkslst-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* CARD */
.umgnpkslst-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: 0.4s;
}

.umgnpkslst-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.15);
}

/* IMAGE */
.umgnpkslst-imgwrap {
  position: relative;
  height: 220px;
  overflow: hidden;
}

.umgnpkslst-imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

.umgnpkslst-card:hover img {
  transform: scale(1.08);
}

/* OVERLAY */
.umgnpkslst-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70%;
  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}

/* IMAGE TEXT */
.umgnpkslst-imgtext {
  position: absolute;
  bottom: 12px;
  left: 15px;
  color: #fff;
}

.umgnpkslst-imgtext h3 {
  font-size: 16px;
  margin-bottom: 4px;
  color:white;
}

.umgnpkslst-imgtext p {
  font-size: 12px;
  color: #ddd;
}

/* BADGE */
.badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 20px;
  font-weight: 600;
}

.badge.best {
  background: #ffe10b;
  color: #000;
}

/* CONTENT */
.umgnpkslst-content {
  padding: 15px;
}

/* META */
.umgnpkslst-meta {
  
  font-size: 13px;
  color: #555;
  margin-bottom: 12px;
}

.umgnpkslst-meta span {
  align-items: center;
  gap: 5px;
}

/* BOTTOM STRIP */
.umgnpkslst-bottomstrip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #eee;
  padding-top: 12px;
}

/* PRICE */
.umgnpkslst-price .cut {
  text-decoration: line-through;
  font-size: 12px;
  color: #999;
}

.umgnpkslst-price .offer {
  display: block;
  font-weight: 700;
  color: #000;
}

/* BUTTON */
.umgnpkslst-btn {
  background: #000;
  color: #ffe10b;
  padding: 7px 12px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  font-size: 12px;
}

.umgnpkslst-btn:hover {
  background: #ffe10b;
  color: #000;
}

/* BOTTOM BUTTON */
.umgnpkslst-bottom {
  text-align: center;
  margin-top: 35px;
}

.umgnpkslst-all {
  background: #000;
  color: #ffe10b;
  padding: 12px 26px;
  border-radius: 30px;
  text-decoration: none;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .umgnpkslst-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .umgnpkslst-container {
    grid-template-columns: 1fr;
  }
}
    .umgnewhedlns {
  text-align: center;
  margin-bottom: 35px;
}

.umgnewhedlns h2 {
  font-size: 35px;
  font-weight: 600;
  color: #111;
  position: relative;
  display: inline-block;
}

/* Yellow highlight word */
.umgnewhedlns h2 span {
  color: #000;
  padding: 0 4px;
}

/* Stylish underline */
.umgnewhedlns h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #ffe10b;
  border-radius: 2px;
}

/* Subtext */
.umgnewhedlns p {
  font-size: 14px;
  color: #666;
  letter-spacing: 0.3px;
}

/* Responsive */
@media (max-width: 576px) {
  .umgnewhedlns h2 {
    font-size: 22px;
  }
}
.umgtothe {
  padding: 60px 20px;
  background: #f7f7f7;
}

/* GRID */
.umgtothe-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
}

/* CARD */
.umgtothe-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  transition: 0.4s;
}

.umgtothe-card:hover {
  transform: translateY(-8px);
}

/* IMAGE */
.umgtothe-img {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.umgtothe-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

.umgtothe-card:hover img {
  transform: scale(1.1);
}

/* GRADIENT OVERLAY */
.umgtothe-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}

/* TEXT ON IMAGE */
.umgtothe-text {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
}

.umgtothe-text h3 {
  font-size: 16px;
  margin-bottom: 2px;
  color: white;
}

.umgtothe-text span {
  font-size: 12px;
  color: #ffe10b;
}

/* FLOATING BOTTOM */
.umgtothe-bottom {
  background-image: url(https://traveltourister.in/aa-new-website-for-andaman/umang-img/pksbackg.webp);
  padding: 12px;
  text-align: center;
  border-top: 1px solid #eee;
}

/* BUTTON */
.umgtothe-bottom a {
  display: inline-block;
  padding: 8px 18px;
  background: #000;
  color: #ffe10b;
  border-radius: 30px;
  font-size: 12px;
  text-decoration: none;
  transition: 0.3s;
}

.umgtothe-bottom a:hover {
  background: #ffe10b;
  color: #000;
}

/* PREMIUM TOUCH (yellow glow on hover) */
.umgtothe-card:hover {
  box-shadow: 0 10px 30px rgba(255,225,11,0.25);
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .umgtothe-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 576px) {
  .umgtothe-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.umglsthomact {
  padding: 60px 20px;
}

/* SLIDER WRAP */
.umglsthomact-wrap {
  position: relative;
}

/* SLIDER */
.umglsthomact-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 10px 50px;
}

.umglsthomact-slider::-webkit-scrollbar {
  display: none;
}

/* CARD */
.umglsthomact-card {
  min-width: 260px;
  height: 320px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

/* IMAGE */
.umglsthomact-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* OVERLAY */
.overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
}

/* TAG */
.act-tag {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #ffe10b;
  color: #000;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
}

/* CONTENT */
.atccontent {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
}

.atccontent h3 {
  font-size: 16px;
  color: white;
}

/* PRICE */
.price .cut {
  text-decoration: line-through;
  color: #aaa;
  font-size: 12px;
}

.price .offer {
  color: #ffe10b;
  font-weight: bold;
}

/* LINK */
.atccontent a {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  color: #fff;
  border-bottom: 1px solid #ffe10b;
  text-decoration: none;
}

/* BUTTONS */
.umgprev, .umgnext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  background: #000;
  color: #ffe10b;
  border: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
}

.umgprev { left: 5px; }
.umgnext { right: 5px; }

/* VIEW ALL */
.umglsthomact-bottom {
  text-align: center;
  margin-top: 30px;
}

.umglsthomact-bottom a {
  background: #ffe10b;
  color: #000;
  padding: 12px 28px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
}

/* RESPONSIVE */
@media (max-width: 576px) {
  .umglsthomact-card {
    min-width: 220px;
    height: 280px;
  }
}
.umglocnewssdf {
  padding: 60px 20px;
  background: #f8f8f8;
}

/* ITEM */
.umgloc-item {
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* HEAD */
.umgloc-head {
  padding: 16px 20px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  background: #fff;
  position: relative;
}

/* ARROW */
.umgloc-head::after {
  content: "+";
  position: absolute;
  right: 20px;
  font-size: 18px;
}

/* ACTIVE */
.umgloc-item.active .umgloc-head::after {
  content: "-";
}

/* CONTENT */
.umgloc-content {
  display: none;
  padding: 15px;
}

.umgloc-item.active .umgloc-content {
  display: block;
}

/* GRID */
.umgloc-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

/* CARD */
.umgloc-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.3s;
}

.umgloc-card:hover {
  transform: translateY(-5px);
}

/* IMAGE */
.umgloc-card img {
  width: 100%;
  height: 140px;
  object-fit: cover;
}

/* TEXT */
.umgloc-card h4 {
  font-size: 14px;
  padding: 10px;
}

.umgloc-card a {
  display: block;
  font-size: 12px;
  padding: 0 10px 10px;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #ffe10b;
  width: fit-content;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .umgloc-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .umgloc-grid {
    grid-template-columns: 1fr;
  }
}
.umgsertonewhom {
  padding: 70px 20px;
}

/* GRID */
.umgsertonewhom-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 22px;
}

/* CARD */
.umgsert-card {
  background: linear-gradient(45deg, #a3beff, #366adf3b);
  border-radius: 18px;
  padding: 25px 18px;
  text-align: center;
  transition: 0.4s;
  box-shadow: 0 8px 25px rgba(0,0,0,0.06);
}

.umgsert-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}


.icon-wrap {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;              /* ensures circle */
  margin: 0 auto 15px;
  background: #ffe10b;
  display: flex;
  align-items: center;
  justify-content: center;
}


.icon-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;             /* THIS IS MAIN FIX */
  border-radius: 50%;
  display: block;
}

/* TEXT */
.umgsert-card h3 {
  font-size: 15px;
  margin-bottom: 6px;
}

.umgsert-card p {
  font-size: 12px;
  color: #666;
  margin-bottom: 12px;
}

/* BUTTON */
.umgsert-card a {
  display: inline-block;
  padding: 8px 18px;
  background: #000;
  color: #ffe10b;
  border-radius: 30px;
  text-decoration: none;
  font-size: 12px;
}

.umgsert-card a:hover {
  background: #ffe10b;
  color: #000;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .umgsertonewhom-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 576px) {
  .umgsertonewhom-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.umgtesnewtes {
  padding: 70px 15px;
  background: #f6f6f6;
}

/* CONTAINER */
.umgtes-container {
  position: relative;
  max-width: 1200px;
  margin: auto;
}

/* SLIDER */
.umgtes-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 20px 40px;
}

.umgtes-slider::-webkit-scrollbar {
  display: none;
}

/* CARD */
.umgtes-card {
  min-width: 320px;
  max-width: 320px;
  background: #fff;
  border-radius: 18px;
  padding: 22px;
  scroll-snap-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: 0.4s;
}

.umgtes-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

/* TOP */
.top {
  display: flex;
  gap: 12px;
  align-items: center;
}

.user {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

/* NAME */
.top h4 {
  font-size: 15px;
  margin-bottom: 3px;
}

/* GOOGLE */
.google {
  font-size: 12px;
  color: #666;
  display: flex;
  align-items: center;
  gap: 5px;
}

.google img {
  width: 14px;
}

/* STARS */
.stars {
  color: #ffe10b;
  margin: 10px 0;
  font-size: 14px;
}

/* TEXT */
.umgtes-card p {
  font-size: 13px;
  color: #555;
  line-height: 1.6;
}

/* BUTTONS */
.umgtes-prev,
.umgtes-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #000;
  color: #ffe10b;
  border: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
}

.umgtes-prev { left: 0; }
.umgtes-next { right: 0; }

/* ACTION BUTTONS */
.umgtes-actions {
  text-align: center;
  margin-top: 30px;
}

.umgtes-actions a {
  display: inline-block;
  margin: 5px;
  padding: 12px 26px;
  border-radius: 30px;
  text-decoration: none;
  font-size: 13px;
}

.outline {
  border: 1px solid #ffe10b;
  color: #000;
}

.filled {
  background: #ffe10b;
  color: #000;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .umgtes-card {
    min-width: 260px;
    max-width: 260px;
  }

  .umgtes-slider {
    padding: 20px 20px;
  }
}
.umglsthomact-card {
  flex: 0 0 calc(25% - 15px);
}

/* TABLET */
@media (max-width: 992px) {
  .umglsthomact-card {
    flex: 0 0 calc(50% - 10px);
  }
}

/* MOBILE FIX (IMPORTANT) */
@media (max-width: 576px) {
  .umglsthomact-card {
    flex: 0 0 100%;
  }
}
.umglsthomact-img img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
}
.umgblglst {
  padding: 70px 20px;
}

/* GRID */
.umgblg-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* CARD */
.umgblg-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  transition: 0.4s;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
}

.umgblg-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.1);
}

/* IMAGE */
.img-wrap {
  position: relative;
  height: 220px;
  overflow: hidden;
}

.img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* OVERLAY */
.overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s;
}

.img-wrap:hover .overlay {
  opacity: 1;
}

.overlay a {
  padding: 10px 20px;
  background: #ffe10b;
  color: #000;
  border-radius: 25px;
  text-decoration: none;
  font-size: 12px;
}

/* CONTENT */
.content {
  padding: 18px;
}

.meta {
  font-size: 11px;
  color: #888;
  display: block;
  margin-bottom: 6px;
}

.content h3 {
  font-size: 16px;
  color: #111;
  line-height: 1.4;
}

/* BUTTON */
.umgblg-btn {
  text-align: center;
  margin-top: 35px;
}

.umgblg-btn a {
  padding: 12px 28px;
  background: #000;
  color: #ffe10b;
  border-radius: 30px;
  text-decoration: none;
  font-size: 13px;
}

.umgblg-btn a:hover {
  background: #ffe10b;
  color: #000;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .umgblg-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .umgblg-container {
    grid-template-columns: 1fr;
  }

  .img-wrap {
    height: 180px;
  }
}
.umngbcnew {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* IMAGE */
.umngbcnew-img {
  width: 100%;
  height: 280px;
  position: relative;
}

.umngbcnew-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* DARK OVERLAY (IMPORTANT) */
.umngbcnew-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.6),
    rgba(0,0,0,0.2)
  );
}

/* CONTENT */
.umngbcnew-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 1200px;
  color: #fff;
}

/* TITLE */
.umngbcnew-content h1 {
  font-size: 30px;
  margin-bottom: 10px;
}

/* PATH */
.umngbcnew-path {
  display: flex;
  gap: 8px;
  font-size: 14px;
  align-items: center;
}

.umngbcnew-path a {
  color: #ddd;
  text-decoration: none;
}

.umngbcnew-path span {
  color: #bbb;
}

.umngbcnew-path .active {
  color: #ffe10b;
  font-weight: 500;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .umngbcnew-img {
    height: 220px;
  }

  .umngbcnew-content h1 {
    font-size: 22px;
  }

  .umngbcnew-path {
    flex-wrap: wrap;
    font-size: 12px;
  }
}
.umgtccancenew {
  padding: 80px 20px;
  background: #ffffff;
}

/* WRAP */
.umgtccancenew-wrap {
  max-width: 1000px;
  margin: auto;
}

/* ROW */
.umgtcc-row {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 25px;
  position: relative;
}

/* LINE DIVIDER */
.umgtcc-row::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #ffe10b, transparent);
}

/* NUMBER */
.umgtcc-row .num {
  font-size: 42px;
  font-weight: 700;
  color: #ffe10b;
  min-width: 70px;
  text-align: center;
  position: relative;
}

/* NUMBER GLOW */
.umgtcc-row .num::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle, #ffe10b33, transparent);
  z-index: -1;
}

/* CONTENT BOX */
.umgtcc-row .content {
  flex: 1;
  padding: 18px 22px;
  border-radius: 14px;
  background: rgba(255,255,255,0.75);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
  transition: 0.3s;
}

/* TEXT */
.umgtcc-row .content p {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
}

/* HOVER */
.umgtcc-row:hover .content {
  transform: translateX(10px);
  background: #fffbe6;
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .umgtcc-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .umgtcc-row .num {
    font-size: 28px;
  }

  .umgtcc-row .content {
    width: 100%;
  }
}
.umgconpgnew {
  padding: 70px 20px;
  background: #f8f8f8;
}

/* CONTAINER */
.umgconpgnew-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  max-width: 1100px;
  margin: auto;
}

/* INFO */
.umgcon-info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.info-box {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 18px;
  background: #fff;
  border-radius: 14px;
  text-decoration: none;
  color: #000;
  transition: 0.3s;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}

.info-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

.info-box img {
  width: 40px;
}

.info-box h4 {
  font-size: 14px;
  margin-bottom: 3px;
}

.info-box p {
  font-size: 13px;
  color: #666;
}

/* FORM */
.umgcon-form {
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(10px);
  padding: 25px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.umgcon-form form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.umgcon-form input,
.umgcon-form textarea {
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #ddd;
  font-size: 13px;
  outline: none;
}

.umgcon-form textarea {
  height: 100px;
  resize: none;
}

.umgcon-form button {
  padding: 12px;
  background: #000;
  color: #ffe10b;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: 0.3s;
}

.umgcon-form button:hover {
  background: #ffe10b;
  color: #000;
}

/* MAP */
.umgcon-map {
  margin-top: 40px;
  border-radius: 16px;
  overflow: hidden;
}

.umgcon-map iframe {
  width: 100%;
  height: 300px;
  border: none;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .umgconpgnew-container {
    grid-template-columns: 1fr;
  }
}
/* SECTION */
.pksincextcp {
  background: #fff;
  padding: 60px 15px;
}
.pksincextcp-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADING */
.pksincextcp-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
  position: relative;
  padding-left: 14px;
}

.pksincextcp-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 5px;
  height: 18px;
  background: #ffe10b;
  border-radius: 3px;
}

/* GRID */
.pksincextcp-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* FULL WIDTH CARD */
.pksincextcp-card.full {
  grid-column: span 2;
}

/* CARD */
.pksincextcp-card {
  background: #fff;
  padding: 22px;
  border-radius: 16px;
  border: 1px solid #f1f1f1;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  transition: 0.3s;
}

.pksincextcp-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* TITLE */
.pksincextcp-card h3 {
  margin-bottom: 12px;
  font-size: 18px;
}

/* LIST */
.pksincextcp-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pksincextcp-card li {
  margin-bottom: 10px;
  font-size: 14px;
  display: block;
}

/* SUB LIST */
.pksincextcp-card li ul {
  margin-top: 6px;
  padding-left: 20px;
}

.pksincextcp-card li ul li {
  font-size: 13px;
  color: #666;
}

/* ARROW ICON */
.arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  background: url("umang-img/rrwosvsds.webp") no-repeat center;
  background-size: contain;
}

/* RESPONSIVE */
@media(max-width:768px){
  .pksincextcp-grid {
    grid-template-columns: 1fr;
  }

  .pksincextcp-card.full {
    grid-column: span 1;
  }

  .pksincextcp-heading {
    font-size: 22px;
  }
}
/* SECTION */
.ourcsnpkit {
  background: #fff;
  padding: 60px 15px;
}

.ourcsnpkit-container {
  max-width: 1000px;
  margin: auto;
}

/* HEADING */
.ourcsnpkit-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 25px;
  position: relative;
  padding-left: 14px;
}

.ourcsnpkit-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 5px;
  height: 18px;
  background: #ffe10b;
  border-radius: 3px;
}

/* ITEM */
.ourcsnpkit-item {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 15px;
  border: 1px solid #f1f1f1;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  overflow: hidden;
  transition: 0.3s;
}

.ourcsnpkit-item:hover {
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* HEAD */
.ourcsnpkit-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
  cursor: pointer;
}

.ourcsnpkit-head h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

/* BODY */
.ourcsnpkit-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding: 0 18px;
}

.ourcsnpkit-item.active .ourcsnpkit-body {
  max-height: 200px;
  padding-bottom: 18px;
}

/* ICON */
.ourcsnpkit-icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.ourcsnpkit-icon::before {
  content: "+";
  font-size: 14px;
}

.ourcsnpkit-item.active .ourcsnpkit-icon {
  background: #ffe10b;
}

.ourcsnpkit-item.active .ourcsnpkit-icon::before {
  content: "-";
}

/* RESPONSIVE */
@media(max-width:768px){
  .ourcsnpkit-heading {
    font-size: 22px;
  }

  .ourcsnpkit-head h3 {
    font-size: 14px;
  }
}
    /* =========================
   MAIN SECTION
========================= */
.umpksdwstler {
  background: #fff;
  padding: 60px 15px;
  font-family: Arial, sans-serif;
}

.umpksdwstler-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 30px;
}

/* =========================
   TITLE + META
========================= */
.umpksdwstler-title h1 {
  font-size: 30px;
  font-weight: 700;
  color: #111;
}

.umpksdwstler-meta {
  display: flex;
  gap: 12px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.umpksdwstler-meta span {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  background: #f8f8f8;
  padding: 6px 10px;
  border-radius: 20px;
}

/* SVG */
.umpksdwstler-svg {
  width: 14px;
  height: 14px;
}

/* =========================
   IMAGE
========================= */
.umpksdwstler-img {
  position: relative;
  margin-top: 15px;
}

.umpksdwstler-img img {
  width: 100%;
  border-radius: 18px;
  transition: 0.4s;
}

.umpksdwstler-img:hover img {
  transform: scale(1.03);
}

/* =========================
   CARDS
========================= */
.umpksdwstler-card {
  background: #fff;
  padding: 22px;
  border-radius: 16px;
  margin-top: 20px;
  border: 1px solid #f1f1f1;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  transition: 0.3s;
}

.umpksdwstler-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

/* HEADINGS */
.umpksdwstler-card h2 {
  font-size: 18px;
  margin-bottom: 12px;
  position: relative;
  padding-left: 14px;
}

.umpksdwstler-card h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 4px;
  height: 16px;
  background: #ffe10b;
  border-radius: 2px;
}

/* =========================
   OVERVIEW READ MORE
========================= */
#overviewText {
  overflow: hidden;
  transition: 0.3s;
}

#overviewText.collapsed {
  max-height: 60px;
}

#overviewText.expanded {
  max-height: 300px;
}

.umpksdwstler-read {
  display: inline-block;
  margin-top: 8px;
      color: #0b0293;
  font-size: 13px;
  cursor: pointer;
}

/* =========================
   ACCORDION
========================= */
.umpksdwstler-acchead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}

.umpksdwstler-accbody {
  max-height: 0;
  overflow: hidden;
  transition: 0.4s ease;
  color: #555;
}

.umpksdwstler-accitem.active .umpksdwstler-accbody {
  max-height: 200px;
  margin-top: 8px;
}

/* ICON */
.umpksdwstler-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.umpksdwstler-icon::before {
  content: "+";
  font-size: 14px;
}

.umpksdwstler-accitem.active .umpksdwstler-icon {
  background: #ffe10b;
}

.umpksdwstler-accitem.active .umpksdwstler-icon::before {
  content: "-";
}

/* =========================
   CATEGORY
========================= */
.umpksdwstler-catlist {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.umpksdwstler-catbox {
  border: 1px solid #eee;
  padding: 16px;
  border-radius: 14px;
  background: #fff;
  transition: 0.3s;
  cursor: pointer;
}

.umpksdwstler-catbox:hover {
  border-color: #ffe10b;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* ACTIVE */
.umpksdwstler-catbox.active {
  border: 2px solid #ffe10b;
  background: linear-gradient(white, #fffdf5);
}

/* ROW */
.umpksdwstler-catrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* TEXT */
.umpksdwstler-catbox h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.umpksdwstler-catbox p {
  margin-top: 3px;
  font-size: 13px;
  color: #666;
}

/* RADIO (FORCED VISIBLE) */
.umpksdwstler-radio {
  appearance: auto !important;
  -webkit-appearance: radio !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

/* =========================
   RIGHT SIDE
========================= */
.umpksdwstler-right {
  align-self: start;
}
/* RIGHT COLUMN NORMAL */
.umpksdwstler-right {
  position: relative;
}

/* ONLY FORM STICKY */
.umpksdwstler-form {
  position: sticky;
  top: 20px;
  z-index: 10;
}

/* CONTACT NORMAL BELOW */
.umpksdwstler-contact {
  margin-top: 15px;
}

/* FORM */
.umpksdwstler-form {
  background: #fff;
  padding: 24px;
  border-radius: 18px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.06);
  position: sticky;
  top: 20px;
}

.umpksdwstler-form h3 {
  margin-bottom: 15px;
}

.umpksdwstler-form input,
.umpksdwstler-form textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 12px;
  border: 1px solid #eee;
  border-radius: 10px;
  font-size: 14px;
}

.umpksdwstler-form input:focus,
.umpksdwstler-form textarea:focus {
  border-color: #ffe10b;
  box-shadow: 0 0 0 3px rgba(255,225,11,0.2);
  outline: none;
}

/* BUTTON */
.umpksdwstler-form button {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #000, #222);
  color: #ffe10b;
  border: none;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.umpksdwstler-form button:hover {
  transform: translateY(-2px);
}

/* CONTACT */
.umpksdwstler-contact {
  margin-top: 15px;
  background: #fff;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid #f1f1f1;
}

.umpksdwstler-contact a,
.umpksdwstler-contact p {
  display: block;
  margin-bottom: 8px;
  text-decoration: none;
  color: #000;
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:768px){
  .umpksdwstler-container {
    grid-template-columns: 1fr;
  }

  .umpksdwstler-form {
    position: relative;
    top: 0;
  }
}
/* CONTACT ICON STYLE */
.umpksdwstler-icons {
  width: 16px;
  height: 16px;
  fill: #000;
  flex-shrink: 0;
}

/* ALIGNMENT */
.umpksdwstler-contact a,
.umpksdwstler-contact p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #000;
  font-size: 14px;
  transition: 0.3s;
}

/* HOVER EFFECT */
.umpksdwstler-contact a:hover {
  color: #ffe10b;
}

.umpksdwstler-contact a:hover .umpksdwstler-icons {
  fill: #ffe10b;
}
    /* ===== SECTION BASE ===== */
.acddetalsneblg {
  background: #fff;
  padding: 50px 15px;
  font-family: Arial, sans-serif;
}

/* ===== CONTAINER ===== */
.acddetalsneblg-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: center;
}

/* ===== TOP LEFT ===== */
.acddetalsneblg-lefttop {
  display: flex;
  flex-direction: column;
}

/* TITLE */
.acddetalsneblg-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.3;
}

/* PRICE */
.acddetalsneblg-price {
  margin-bottom: 10px;
}

.acddetalsneblg-price .cut {
  text-decoration: line-through;
  color: #999;
  margin-right: 8px;
}

.acddetalsneblg-price .main {
  font-size: 22px;
  font-weight: 600;
      color: #1a17f9;
}

/* TAGS */
.acddetalsneblg-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.acddetalsneblg-tags span {
  background: #f3f3f3;
  padding: 6px 10px;
  border-radius: 20px;
  font-size: 12px;
}

/* SHORT TEXT */
.acddetalsneblg-short {
  font-size: 14px;
  color: #555;
}

/* ===== RIGHT IMAGE ===== */
.acddetalsneblg-rightimg img {
  width: 100%;
  border-radius: 16px;
  display: block;
}

/* ===== OTHER ACTIVITIES ===== */
.acddetalsneblg-subtitle {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

/* GRID */
.acddetalsneblg-otherlist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

/* CARD */
.acddetalsneblg-carditem {
  display: block;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: #000;
  border: 1px solid #eee;
  transition: 0.3s;
}

/* IMAGE */
.acddetalsneblg-carditem img {
  width: 100%;
  height: 130px;
  object-fit: cover;
  display: block;
}

/* TEXT */
.acddetalsneblg-carditem p {
  padding: 10px;
  font-size: 14px;
  margin: 0;
}

/* HOVER */
.acddetalsneblg-carditem:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* ===== FORM ===== */
.acddetalsneblg-form {
  background: #fff;
  padding: 20px;
  border-radius: 14px;
  border: 1px solid #eee;
  position: sticky;
  top: 20px;
}

/* FORM TITLE */
.acddetalsneblg-form h3 {
  margin-bottom: 10px;
  font-size: 18px;
}

/* INPUT */
.acddetalsneblg-form input,
.acddetalsneblg-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  border: 1px solid #ddd;
  font-size: 14px;
}

/* BUTTON */
.acddetalsneblg-form button {
  width: 100%;
  padding: 12px;
  border-radius: 30px;
  border: none;
  background: #000;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {

  .acddetalsneblg-container {
    grid-template-columns: 1fr;
  }

  .acddetalsneblg-rightimg {
    order: -1;
  }

  .acddetalsneblg-otherlist {
    grid-template-columns: 1fr;
  }

  .acddetalsneblg-form {
    position: relative;
    top: 0;
  }
}
/* TEXT */
.inlocdname-text {
  font-size: 14px;
  line-height: 1.8;
  color: #555;
  max-width: 1200px;
  margin-bottom: 10px;
}

/* HIDDEN CONTENT */
.inlocdname-more {
  display: none;
}

/* BUTTON */
.inlocdname-readmore {
  background: none;
  border: none;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 25px;
}

/* ACTIVE STATE */
.inlocdname-text.active .inlocdname-more {
  display: inline;
}
    /* SECTION */
.inlocdname {
  padding: 60px 15px;
  background: #fff;
}

/* CONTAINER */
.inlocdname-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADING */
.inlocdname-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 25px;
}

/* GRID */
.inlocdname-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* CARD */
.inlocdname-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  transition: 0.3s;
}

/* IMAGE */
.inlocdname-img {
  position: relative;
}

.inlocdname-img img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

/* TAG */
.inlocdname-tag {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 20px;
}

/* CONTENT */
.inlocdname-content {
  padding: 15px;
}

.inlocdname-content h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

/* BUTTON */
.inlocdname-content a {
  display: inline-block;
  font-size: 13px;
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 20px;
  background: #000;
  color: #fff;
  transition: 0.3s;
}

/* HOVER */
.inlocdname-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

.inlocdname-content a:hover {
  background: #ffe10b;
  color: #000;
}

/* RESPONSIVE */
@media(max-width:992px){
  .inlocdname-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:576px){
  .inlocdname-grid {
    grid-template-columns: 1fr;
  }

  .inlocdname-heading {
    font-size: 22px;
  }
}
/* SECTION */
.sublanp {
  padding: 50px 15px;
  background: #fff;
}

/* CONTAINER */
.sublanp-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADING */
.sublanp-heading {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

/* GRID */
.sublanp-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* CARD */
.sublanp-card {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #eee;
  background: #fff;
  transition: 0.3s;
}

/* IMAGE */
.sublanp-img img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  display: block;
}

/* CONTENT */
.sublanp-content {
  padding: 12px;
}

.sublanp-content h3 {
  font-size: 15px;
  margin-bottom: 8px;
}

/* BUTTON */
.sublanp-content a {
  font-size: 13px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
}

/* HOVER */
.sublanp-card:hover {
  transform: translateY(-4px);
}

/* RESPONSIVE */
@media(max-width:992px){
  .sublanp-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media(max-width:576px){
  .sublanp-grid {
    grid-template-columns: 1fr;
  }
}
/* TEXT */
.sublanp-text {
  font-size: 14px;
  line-height: 1.8;
  color: #555;
  max-width: 1200px;
  margin-bottom: 10px;
}

/* HIDDEN */
.sublanp-more {
  display: none;
}

/* BUTTON */
.sublanp-readmore {
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 25px;
}

/* ACTIVE */
.sublanp-text.active .sublanp-more {
  display: inline;
}
    /* SECTION */
.desdepgqq {
  padding: 60px 15px;
  background: #fff;
}

/* CONTAINER */
.desdepgqq-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
}

/* TITLE */
.desdepgqq-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px;
}

/* IMAGE */
.desdepgqq-img img {
  width: 100%;
  border-radius: 18px;
  margin-bottom: 20px;
}

/* CONTENT */
.desdepgqq-content p {
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 12px;
  color: #444;
}

/* MORE SECTION */
.desdepgqq-more {
  margin-top: 30px;
}

.desdepgqq-more h2 {
  font-size: 22px;
  margin-bottom: 15px;
}

/* GRID */
.desdepgqq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

/* CARD */
.desdepgqq-card {
  text-decoration: none;
  color: #000;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #eee;
  transition: 0.3s;
  background: #fff;
}

.desdepgqq-card img {
  width: 100%;
  height: 140px;
  object-fit: cover;
}

.desdepgqq-card p {
  padding: 10px;
  font-size: 14px;
}

/* HOVER */
.desdepgqq-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* FORM */
.desdepgqq-form {
  position: sticky;
  top: 20px;
  background: #fff;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid #eee;
}

.desdepgqq-form h3 {
  margin-bottom: 10px;
}

.desdepgqq-form input,
.desdepgqq-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.desdepgqq-form button {
  width: 100%;
  padding: 12px;
  border-radius: 30px;
  background: #000;
  color: #fff;
  border: none;
  cursor: pointer;
}

/* RESPONSIVE */
@media(max-width:768px){
  .desdepgqq-container {
    grid-template-columns: 1fr;
  }

  .desdepgqq-form {
    position: relative;
  }

  .desdepgqq-grid {
    grid-template-columns: 1fr;
  }
}



.umgblg-pagination {
  text-align: center;
  margin-top: 30px;
}

.umgblg-pagination a,
.umgblg-pagination span {
  display: inline-block;
  padding: 8px 14px;
  margin: 0 4px;
  border: 1px solid #ddd;
  color: #333;
  text-decoration: none;
  border-radius: 6px;
}

.umgblg-pagination .current {
  background: #f11942;
  color: #fff;
  border-color: #f11942;
}


input.wpcf7-form-control.wpcf7-submit.has-spinner
 {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 30px;
    background: #000;
    color: #ffe10b;
    font-weight: 600;
    cursor: pointer;
}

select#catField {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #eee;
    border-radius: 10px;
    font-size: 14px;
}

    .opymafilds {
  padding: 40px 15px;
  background: linear-gradient(135deg, #f5f7fa, #e4ecf3);
  font-family: Arial, sans-serif;
}

.opymafilds-container {
  max-width: 800px;
  margin: auto;
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.opymafilds h2 {
  text-align: center;
  margin-bottom: 20px;
}

.opymafilds-row {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.opymafilds-row input,
.opymafilds-row textarea {
  flex: 1;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  transition: 0.3s;
}

.opymafilds-row input:focus,
.opymafilds-row textarea:focus {
  border-color: #0077ff;
}

.opymafilds-group {
  width: 100%;
}

.opymafilds-group label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
}

.opymafilds-row-inner {
  display: flex;
  gap: 10px;
}

.opymafilds-row textarea {
  width: 100%;
  min-height: 80px;
  resize: none;
}

.opymafilds button {
  width: 100%;
    padding: 14px;
    background: #ffe10b;
    color: #000000;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.opymafilds button:hover {
  background: #ffe10b;
}

/* Responsive */
@media (max-width: 600px) {
  .opymafilds-row {
    flex-direction: column;
  }

  .opymafilds-row-inner {
    flex-direction: column;
  }
}
.opymafilds-group.full {
  width: 100%;
}

.opymafilds-group.full input {
  width: 100%;
}
.opymafilds-group {
  flex: 1;
}
.opymafilds-row {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.opymafilds-group {
  flex: 1;
  min-width: 48%;
}

.opymafilds-group input {
  width: 100%;
}

/* Mobile Fix */
@media (max-width: 600px) {
  .opymafilds-group {
    min-width: 100%;
  }
}