:root {
		--theme-color: #42bd4b;
		--title-color: #3a5f96;
		--body-color: #85847d;
		--body-color3: #818790;
		--black-color: #000000;
		--light-color: rgba(232, 230, 213, 0.7);
		--secondary-color: #f5f6fb;
		--smoke-color: #f8f8f8;
		--dark-color: #252323;
		--light-dark-color: #0f1116;
		--white-color: #ffffff;
		--yellow-color: #fec624;
		--success-color: #28a745;
		--error-color: #dc3545;
		--border-color: #f0f0f0;
		--grey-color: #f9f7e6;
		--theme-font: "Farro", sans-serif;
		--icon-font: "Font Awesome 5 Pro";
		--main-container: 1220px;
		--container-gutters: 1.5rem;
		--moving-ani-duration: 10s;
		--ripple-ani-duration: 5s;
		--section-space: 120px;
		--space-md: 90px;
		--section-space-mobile: 60px
	}

	html,
	body {
		scroll-behavior: auto !important
	}

	body {
		font-family: var(--theme-font);
		font-size: 14px;
		font-weight: 300;
		color: var(--body-color);
		line-height: 24px;
		overflow-x: hidden;
		-webkit-font-smoothing: antialiased
	}

	iframe {
		border: none;
		width: 100%
	}

	.slick-slide:focus,
	button:focus,
	a:focus,
	a:active,
	input,
	input:hover,
	input:focus,
	input:active,
	textarea,
	textarea:hover,
	textarea:focus,
	textarea:active {
		outline: none
	}

	input:focus {
		outline: none;
		box-shadow: none
	}

	img:not([draggable]),
	embed,
	object,
	video {
		max-width: 100%;
		height: auto
	}

	ul {
		list-style-type: disc
	}

	ol {
		list-style-type: decimal
	}

	table {
		margin: 0 0 1.5em;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0
	}

	th {
		font-weight: 500
	}

	td,
	th {
		border-top: 1px solid var(--border-color);
		padding: 9px
	}

	a {
		color: var(--theme-color);
		text-decoration: none;
		outline: 0;
		transition: all ease .4s
	}

	a:hover {
		color: var(--title-color)
	}

	a:active,
	a:focus,
	a:hover,
	a:visited {
		text-decoration: none;
		outline: 0
	}

	button {
		transition: all ease .4s
	}

	img {
		border: none;
		max-width: 100%
	}

	h1 a,
	h2 a,
	h3 a,
	h4 a,
	h5 a,
	h6 a,
	p a,
	span a {
		font-size: inherit;
		font-family: inherit;
		font-weight: inherit;
		line-height: inherit
	}

	p {
		margin: 0 0 15px 0;
		color: var(--body-color);
		line-height: 1.8
	}

	.h1,
	h1,
	.h2,
	h2,
	.h3,
	h3,
	.h4,
	h4,
	.h5,
	h5,
	.h6,
	h6 {
		font-family: var(--theme-font);
		color: var(--title-color);
		font-weight: 700;
		text-transform: none;
		line-height: 1.3;
		margin: 0 0 15px 0
	}

	.h1,
	h1 {
		font-size: 48px
	}

	.h2,
	h2 {
		font-size: 36px
	}

	.h3,
	h3 {
		font-size: 30px
	}

	.h4,
	h4 {
		font-size: 24px
	}

	.h5,
	h5 {
		font-size: 18px
	}

	.h6,
	h6 {
		font-size: 16px
	}

	@media(max-width: 1199px) {

		.h3,
		h3 {
			font-size: 26px
		}

		.h4,
		h4 {
			font-size: 22px
		}
	}

	@media(max-width: 991px) {

		.h1,
		h1 {
			font-size: 40px
		}

		.h2,
		h2 {
			font-size: 34px
		}

		.h3,
		h3 {
			font-size: 24px
		}

		.h4,
		h4 {
			font-size: 20px
		}
	}

	@media(max-width: 767px) {

		.h1,
		h1 {
			font-size: 36px
		}

		.h2,
		h2 {
			font-size: 28px
		}

		.h3,
		h3 {
			font-size: 22px
		}
	}

	@media only screen and (min-width: 1300px) {

		.container-xxl,
		.container-xl,
		.container-lg,
		.container-md,
		.container-sm,
		.container {
			max-width: calc(var(--main-container) + var(--container-gutters));
			padding-left: calc(var(--container-gutters)/2);
			padding-right: calc(var(--container-gutters)/2)
		}
	}

	@media only screen and (max-width: 1600px) {
		.container-fluid.px-0 {
			padding-left: 0 !important;
			padding-right: 0 !important
		}

		.container-fluid.px-0 .row {
			margin-left: 0 !important;
			margin-right: 0 !important
		}
	}

	.container-style2 {
		--main-container: 1460px
	}

	.slick-track>[class*=col] {
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
		padding-right: calc(var(--bs-gutter-x)/2);
		padding-left: calc(var(--bs-gutter-x)/2);
		margin-top: var(--bs-gutter-y)
	}

	@media(min-width: 1399px) {
		.gx-50 {
			--bs-gutter-x: 50px
		}

		.gx-40 {
			--bs-gutter-x: 40px
		}

		.gx-30 {
			--bs-gutter-x: 30px
		}

		.gx-60 {
			--bs-gutter-x: 60px
		}

		.gx-80 {
			--bs-gutter-x: 80px
		}
	}

	label {
		font-size: 14px;
		font-weight: 700;
		color: var(--title-color);
		margin-bottom: 10px;
		line-height: 1
	}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0
	}

	table.variations select,
	select,
	.form-select,
	.form-control {
		height: 60px;
		padding: 0 20px;
		border: 1px solid #e3e6e9;
		color: var(--title-color);
		background-color: var(--white-color);
		border-radius: 3px;
		font-family: var(--theme-font);
		font-size: 14px
	}

	table.variations select:focus,
	select:focus,
	.form-select:focus,
	.form-control:focus {
		outline: 0;
		box-shadow: none;
		border: 1px solid #e3e6e9;
		background-color: var(--white-color)
	}

	table.variations select::-moz-placeholder,
	select::-moz-placeholder,
	.form-select::-moz-placeholder,
	.form-control::-moz-placeholder {
		color: var(--body-color);
		text-transform: capitalize
	}

	table.variations select::-moz-placeholder,
	select::-moz-placeholder,
	.form-select::-moz-placeholder,
	.form-control::-moz-placeholder {
		color: var(--body-color);
		text-transform: capitalize
	}

	table.variations select::placeholder,
	select::placeholder,
	.form-select::placeholder,
	.form-control::placeholder {
		color: var(--body-color);
		text-transform: capitalize
	}

	select {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
		background-position: right .75rem center;
		background-size: 16px 12px;
		background-repeat: no-repeat;
		font-size: 14px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		padding-right: 50px
	}

	input.form-control::-webkit-outer-spin-button,
	input.form-control::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0
	}

	input.form-control[type=number] {
		-moz-appearance: textfield
	}

	textarea.form-control {
		min-height: 180px;
		padding-top: 20px;
		padding-bottom: 17px
	}

	input[type=checkbox] {
		visibility: hidden;
		opacity: 0;
		display: inline-block;
		vertical-align: middle;
		width: 0;
		height: 0;
		display: none
	}

	input[type=checkbox]:checked~label:before {
		content: "";
		background-color: var(--theme-color);
		color: var(--white-color);
		border-color: rgba(0, 0, 0, 0)
	}

	input[type=checkbox]~label {
		position: relative;
		padding-left: 30px;
		cursor: pointer;
		display: block;
		line-height: 1.5;
		margin-bottom: 11px
	}

	input[type=checkbox]~label:before {
		content: "";
		font-family: var(--icon-font);
		font-weight: 400;
		position: absolute;
		left: 0;
		top: 1px;
		background-color: var(--white-color);
		border: 1px solid var(--border-color);
		height: 18px;
		width: 18px;
		line-height: 18px;
		text-align: center;
		font-size: 12px;
		border-radius: 3px
	}

	input[type=radio] {
		visibility: hidden;
		opacity: 0;
		display: inline-block;
		vertical-align: middle;
		width: 0;
		height: 0;
		display: none
	}

	input[type=radio]~label {
		position: relative;
		padding-left: 25px;
		cursor: pointer;
		display: block;
		line-height: 1.3;
		margin-bottom: 11px
	}

	input[type=radio]~label:after,
	input[type=radio]~label:before {
		content: "";
		position: absolute;
		border-radius: 100%;
		transition: all .2s ease
	}

	input[type=radio]~label::before {
		top: 1px;
		left: 0;
		width: 16px;
		height: 16px;
		border: 1px solid var(--border-color);
		background: var(--white-color)
	}

	input[type=radio]~label:after {
		width: 10px;
		height: 10px;
		top: 4px;
		left: 3px;
		opacity: 0;
		transform: scale(0)
	}

	input[type=radio]:checked~label::before {
		border-color: var(--theme-color)
	}

	input[type=radio]:checked~label:after {
		opacity: 1;
		background-color: var(--theme-color);
		transform: scale(1)
	}

	.form-group {
		margin: 0;
		position: relative
	}

	.form-group>i {
		position: absolute;
		right: 40px;
		top: 20px;
		font-size: 18px;
		color: var(--theme-color)
	}

	.form-control.is-invalid,
	.was-validated .form-control:invalid {
		border: 1px solid var(--error-color);
		background-position: right calc(.375em + .8875rem) center
	}

	.form-control.is-invalid:focus,
	.was-validated .form-control:invalid:focus {
		outline: 0;
		box-shadow: none
	}

	textarea.form-control.is-invalid {
		background-position: top calc(.375em + .5875rem) right calc(.375em + .8875rem)
	}

	.form-control.is-invalid,
	.was-validated .form-control:invalid,
	select.is-invalid {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important
	}

	.row.no-gutters>.form-group {
		margin-bottom: 0
	}

	.slide-margin {
		margin-top: -10px;
		margin-bottom: -10px
	}

	.slide-margin .slick-slide {
		margin-top: 10px;
		margin-bottom: 10px
	}

	.slick-list.draggable {
		padding-left: 0;
		padding-right: 0
	}

	.slick-track {
		min-width: 100%
	}

	.slick-track img {
		display: inline-block
	}

	.slick-dots {
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
		margin-bottom: 30px;
		line-height: 0
	}

	.slick-dots li {
		line-height: 0
	}

	.slick-dots li:last-child {
		margin-right: 0
	}

	.slick-dots button {
		border: none;
		background-color: rgba(0, 0, 0, 0);
		display: inline-block;
		background-color: #e5d8d8;
		text-indent: -99999px;
		width: 12px;
		height: 12px;
		padding: 0;
		border-radius: 50%
	}

	.slick-dots .slick-active button {
		background-color: var(--body-color)
	}

	.arrow_btn {
		background-color: #f9f7e6;
		color: var(--title-color);
		border: none;
		padding: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border-radius: 4px;
		margin-right: 5px
	}

	.arrow_btn:last-child {
		margin-left: 0
	}

	.arrow_btn.style2 {
		background-color: var(--white-color)
	}

	.arrow_btn:hover {
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	.vs-carousel .slick-arrow {
		position: absolute;
		left: var(--pos-x, -150px);
		top: 50%;
		transform: translateY(-50%)
	}

	.vs-carousel .slick-arrow.slick-next {
		left: auto;
		right: var(--pos-x, -150px)
	}

	.arrow-style2 .arrow_btn {
		background-color: var(--white-color)
	}

	.arrow-style2 .arrow_btn:hover {
		background-color: var(--theme-color)
	}

	.vs-menu-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, .6);
		z-index: 999999;
		width: 0;
		width: 100%;
		height: 100%;
		transition: all ease .8s;
		opacity: 0;
		visibility: hidden
	}

	.vs-menu-wrapper .mobile-logo {
		padding-bottom: 30px;
		padding-top: 40px;
		display: block;
		text-align: center;
		background-color: rgba(159, 151, 79, .1)
	}

	.vs-menu-wrapper .mobile-logo img {
		max-width: 220px
	}

	.vs-menu-wrapper .vs-menu-toggle {
		border: none;
		position: absolute;
		right: 10px;
		top: 10px;
		padding: 0;
		width: 33px;
		height: 33px;
		line-height: 34px;
		font-size: 18px;
		z-index: 1;
		color: var(--white-color);
		background-color: var(--theme-color);
		border-radius: 50%
	}

	.vs-menu-wrapper .vs-menu-toggle:hover {
		background-color: var(--secondary-color);
		color: var(--white-color)
	}

	.vs-menu-wrapper .vs-menu-area {
		width: 100%;
		max-width: 310px;
		background-color: var(--white-color);
		border-right: 3px solid var(--theme-color);
		height: 100%;
		position: relative;
		left: -110%;
		opacity: 0;
		visibility: hidden;
		transition: all ease 1s;
		z-index: 1
	}

	.vs-menu-wrapper.vs-body-visible {
		opacity: 1;
		visibility: visible
	}

	.vs-menu-wrapper.vs-body-visible .vs-menu-area {
		left: 0;
		opacity: 1;
		visibility: visible
	}

	.vs-mobile-menu {
		overflow-y: scroll;
		max-height: calc(100vh - 175px);
		padding-bottom: 40px;
		margin-top: 33px;
		text-align: left
	}

	.vs-mobile-menu::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(154, 86, 58, .2);
		background-color: #000
	}

	.vs-mobile-menu::-webkit-scrollbar {
		width: 6px;
		background-color: #000
	}

	.vs-mobile-menu::-webkit-scrollbar-thumb {
		background-color: var(--theme-color)
	}

	.vs-mobile-menu ul {
		margin: 0;
		padding: 0 0
	}

	.vs-mobile-menu ul li {
		border-bottom: 1px solid var(--border-color);
		list-style-type: none
	}

	.vs-mobile-menu ul li li:first-child {
		border-top: 1px solid var(--border-color)
	}

	.vs-mobile-menu ul li a {
		display: block;
		position: relative;
		padding: 12px 0;
		line-height: 1;
		font-size: 16px;
		text-transform: capitalize;
		color: var(--title-color);
		font-weight: 500
	}

	.vs-mobile-menu ul li a:before {
		content: "";
		font-family: var(--icon-font);
		position: relative;
		left: 0;
		top: 0;
		margin-right: 10px;
		display: inline-block
	}

	.vs-mobile-menu ul li.vs-active>a {
		color: var(--theme-color)
	}

	.vs-mobile-menu ul li.vs-active>a:before {
		transform: rotate(90deg)
	}

	.vs-mobile-menu ul li ul li {
		padding-left: 20px
	}

	.vs-mobile-menu ul li ul li:last-child {
		border-bottom: none
	}

	.vs-mobile-menu ul .vs-item-has-children>a .vs-mean-expand {
		position: absolute;
		right: 0;
		top: 50%;
		font-weight: 400;
		font-size: 12px;
		width: 25px;
		height: 25px;
		line-height: 25px;
		margin-top: -12.5px;
		display: inline-block;
		text-align: center;
		background-color: var(--smoke-color);
		color: var(--title-color);
		box-shadow: 0 0 20px -8px rgba(154, 86, 58, .5);
		border-radius: 50%
	}

	.vs-mobile-menu ul .vs-item-has-children>a .vs-mean-expand:before {
		content: "";
		font-family: var(--icon-font)
	}

	.vs-mobile-menu ul .vs-item-has-children.vs-active>a .vs-mean-expand:before {
		content: ""
	}

	.vs-mobile-menu>ul {
		padding: 0 40px
	}

	.vs-mobile-menu>ul>li:last-child {
		border-bottom: none
	}

	.vs-menu-toggle {
		width: 50px;
		height: 50px;
		padding: 0;
		font-size: 20px;
		border: none;
		background-color: var(--theme-color);
		color: var(--white-color);
		display: inline-block;
		border-radius: 50%
	}

	@media(max-width: 767px) {
		.vs-menu-toggle {
			width: 45px;
			height: 45px
		}
	}

	.vs-menu-toggle.style-text,
	.vs-menu-toggle.style-text-white {
		width: auto;
		height: auto;
		background-color: rgba(0, 0, 0, 0);
		color: var(--title-color);
		font-size: 20px
	}

	.vs-menu-toggle.style-text i,
	.vs-menu-toggle.style-text-white i {
		margin-right: 10px
	}

	.vs-menu-toggle.style-text-white {
		color: var(--white-color)
	}

	@media(max-width: 400px) {
		.vs-menu-wrapper .vs-menu-area {
			width: 100%;
			max-width: 270px
		}

		.vs-mobile-menu>ul {
			padding: 0 20px
		}
	}

	@font-face {
		font-family: "flaticon";
		src: url("../fonts/flaticon.ttf") format("truetype"), url("../fonts/flaticon.woff") format("woff"), url("../fonts/flaticon.woff2") format("woff2"), url("../fonts/flaticon.eot") format("embedded-opentype"), url("../fonts/flaticon.svg") format("svg")
	}

	i[class^=flaticon-]:before,
	i[class*=" flaticon-"]:before {
		font-family: flaticon !important;
		font-style: normal;
		font-weight: normal !important;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	.flaticon-quote:before {
		content: ""
	}

	.flaticon-quote-1:before {
		content: ""
	}

	.flaticon-Hunting:before {
		content: ""
	}

	.flaticon-Hunting-tool-1:before {
		content: ""
	}

	.flaticon-decision:before {
		content: ""
	}

	.flaticon-left-and-right-arrows:before {
		content: ""
	}

	.flaticon-appointment:before {
		content: ""
	}

	.flaticon-done:before {
		content: ""
	}

	.flaticon-Hunting-rod:before {
		content: ""
	}

	.flaticon-rocket:before {
		content: ""
	}

	.flaticon-rocket-1:before {
		content: ""
	}

	.flaticon-software-development:before {
		content: ""
	}

	.flaticon-development:before {
		content: ""
	}

	.flaticon-planning:before {
		content: ""
	}

	.flaticon-planning-1:before {
		content: ""
	}

	.flaticon-schedule:before {
		content: ""
	}

	.flaticon-bag:before {
		content: ""
	}

	.flaticon-adventure:before {
		content: ""
	}

	.flaticon-quote-2:before {
		content: ""
	}

	.flaticon-quotes:before {
		content: ""
	}

	.flaticon-telephone-call:before {
		content: ""
	}

	.flaticon-telephone-call-1:before {
		content: ""
	}

	.flaticon-telephone:before {
		content: ""
	}

	.flaticon-pin:before {
		content: ""
	}

	.flaticon-email:before {
		content: ""
	}

	.flaticon-handshake:before {
		content: ""
	}

	.flaticon-code:before {
		content: ""
	}

	.flaticon-minimize:before {
		content: ""
	}

	.flaticon-handshake-1:before {
		content: ""
	}

	.flaticon-earth:before {
		content: ""
	}

	.flaticon-rocket-2:before {
		content: ""
	}

	.flaticon-bulb:before {
		content: ""
	}

	.flaticon-data-source:before {
		content: ""
	}

	.flaticon-freelance:before {
		content: ""
	}

	.flaticon-launch:before {
		content: ""
	}

	.flaticon-call:before {
		content: ""
	}

	.flaticon-email-1:before {
		content: ""
	}

	.preloader {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999999;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background-color: var(--white-color)
	}

	.preloader .vs-btn {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		border-radius: 0;
		padding: 5px 20px;
		font-size: 16px;
		border: none;
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	.preloader .vs-btn:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.preloader .loader {
		width: 48px;
		height: 48px;
		display: inline-block;
		position: relative;
		transform: rotate(45deg)
	}

	.preloader .loader::before {
		content: "";
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		position: absolute;
		left: 0;
		top: -24px;
		animation: animloader 4s ease infinite
	}

	.preloader .loader::after {
		content: "";
		box-sizing: border-box;
		position: absolute;
		left: 0;
		top: 0;
		width: 24px;
		height: 24px;
		background: var(--theme-color);
		box-shadow: 0 0 10px rgba(0, 0, 0, .15);
		animation: animloader2 2s ease infinite
	}

	@keyframes animloader {
		0% {
			box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0)
		}

		12% {
			box-shadow: 0 24px var(--theme-color), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0)
		}

		25% {
			box-shadow: 0 24px var(--theme-color), 24px 24px var(--theme-color), 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0)
		}

		37% {
			box-shadow: 0 24px var(--theme-color), 24px 24px var(--theme-color), 24px 48px var(--theme-color), 0px 48px rgba(255, 255, 255, 0)
		}

		50% {
			box-shadow: 0 24px var(--theme-color), 24px 24px var(--theme-color), 24px 48px var(--theme-color), 0px 48px var(--theme-color)
		}

		62% {
			box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px var(--theme-color), 24px 48px var(--theme-color), 0px 48px var(--theme-color)
		}

		75% {
			box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px var(--theme-color), 0px 48px var(--theme-color)
		}

		87% {
			box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px var(--theme-color)
		}

		100% {
			box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0)
		}
	}

	@keyframes animloader2 {
		0% {
			transform: translate(0, 0) rotateX(0) rotateY(0)
		}

		25% {
			transform: translate(100%, 0) rotateX(0) rotateY(180deg)
		}

		50% {
			transform: translate(100%, 100%) rotateX(-180deg) rotateY(180deg)
		}

		75% {
			transform: translate(0, 100%) rotateX(-180deg) rotateY(360deg)
		}

		100% {
			transform: translate(0, 0) rotateX(0) rotateY(360deg)
		}
	}

	.vs-btn {
		display: inline-block;
		border: none;
		padding: 17px 42px;
		border-radius: 9999px;
		background-color: var(--white-color);
		color: var(--theme-color);
		font-family: var(--theme-font);
		font-weight: 500;
		transition: all ease-in-out .4s;
		position: relative;
		z-index: 2;
		vertical-align: middle;
		overflow: hidden;
		font-size: 16px
	}

	.vs-btn i {
		margin-right: 8px
	}

	.vs-btn:hover {
		color: var(--white-color);
		background-color: var(--title-color)
	}

	.vs-btn.style-1 {
		color: var(--white-color);
		background-color: var(--theme-color)
	}

	.vs-btn.style-1 i {
		margin-right: 10px
	}

	.vs-btn.style-1:hover {
		background-color: var(--title-color)
	}

	.vs-btn.style-2:hover {
		color: var(--theme-color);
		background-color: var(--theme-color)
	}

	.vs-btn.style-3 {
		background-color: var(--theme-color);
		color: var(--white-color);
		border-radius: 9999px
	}

	.vs-btn.style-3 i {
		margin: 0 0 0 10px
	}

	.vs-btn.style-3:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.vs-btn.hover-white:hover {
		background-color: var(--white-color);
		color: var(--theme-color)
	}

	.style-3a {
		color: var(--white-color);
		background-color: var(--theme-color);
		padding: 17px 38px;
		line-height: 1
	}

	.style-3a:hover {
		background-color: var(--title-color)
	}

	.vs-btn2 {
		background-color: var(--theme-color);
		color: var(--white-color);
		padding: 18px 37px
	}

	.vs-btn2:hover {
		background-color: var(--title-color)
	}

	.blog-btn {
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		padding: 12px 25px
	}

	.hero-btn {
		color: var(--theme-color);
		background-color: var(--white-color)
	}

	.hero-btn:hover {
		background-color: var(--theme-color)
	}

	.vs-btn-hw:hover {
		background-color: var(--white-color);
		color: var(--theme-color)
	}

	.icon-btn {
		display: inline-block;
		color: var(--white-color);
		background-color: var(--title-color);
		text-align: center;
		position: relative;
		width: 60px;
		height: 60px;
		line-height: 60px;
		border: none;
		font-size: 18px;
		border-radius: 50%
	}

	.icon-btn:hover {
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	.play-btn {
		position: relative;
		border-radius: 50%;
		display: inline-block;
		width: 100px;
		height: 100px
	}

	.play-btn>i {
		color: var(--white-color);
		position: relative;
		z-index: 2;
		line-height: 100px;
		text-align: center;
		font-size: 18px;
		border-radius: inherit;
		transition: all ease .4s
	}

	.play-btn.style-1::before {
		content: "";
		position: absolute;
		border: 2px solid rgba(255, 255, 255, .3);
		width: 150px;
		height: 150px;
		top: -25px;
		left: -25px;
		z-index: 1;
		border-radius: 50%
	}

	.play-btn.style-1::after {
		content: "";
		position: absolute;
		border: 2px solid rgba(255, 255, 255, .3);
		width: 195px;
		height: 195px;
		top: -46px;
		left: -46px;
		z-index: 1;
		border-radius: 50%
	}

	.play-btn.style-1:hover {
		color: var(--white-color);
		background-color: var(--theme-color)
	}

	@media(max-width: 575px) {
		.play-btn.style-1 {
			width: 50px;
			height: 50px
		}

		.play-btn.style-1 i {
			font-size: 14px;
			line-height: 50px
		}
	}

	.link-btn {
		font-weight: 700;
		display: inline-block;
		line-height: .8;
		color: var(--theme-color)
	}

	.link-btn i {
		margin-left: 5px
	}

	.link-btn:hover {
		color: var(--title-color)
	}

	.view-btn {
		font-size: 18px;
		font-size: 700;
		color: var(--body-color);
		text-transform: capitalize
	}

	.view-btn i {
		margin-left: 10px
	}

	.view-btn:hover {
		color: var(--theme-color)
	}

	.scrollToTop {
		position: fixed;
		bottom: 100px;
		right: 40px;
		z-index: 94;
		opacity: 0;
		visibility: hidden;
		transition: all ease .8s
	}

	.scrollToTop>i {
		display: inline-block;
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		border: 1px solid rgba(0, 0, 0, 0);
		background-color: var(--title-color);
		color: var(--white-color);
		font-size: 22px;
		border-radius: 50%;
		transition: all ease .4s
	}

	.scrollToTop::before {
		content: "";
		position: absolute;
		background-color: rgba(0, 0, 0, 0);
		left: -7px;
		top: -7px;
		bottom: -7px;
		right: -7px;
		z-index: -1;
		border-radius: 50%;
		border: 2px dashed var(--title-color);
		transition: .3s;
		animation: spin 30s infinite linear
	}

	@media(max-width: 767px) {
		.scrollToTop::before {
			display: none
		}
	}

	.scrollToTop.show {
		bottom: 40px;
		opacity: 1;
		visibility: visible
	}

	.scrollToTop:focus i,
	.scrollToTop:hover i {
		background-color: var(--theme-color);
		border-color: var(--white-color)
	}

	.scrollToTop:focus:before,
	.scrollToTop:hover:before {
		border-color: var(--theme-color)
	}

	@media(max-width: 767px) {
		.scrollToTop {
			width: 30px;
			height: 30px;
			line-height: 30px;
			right: 40px;
			bottom: 60px
		}

		.scrollToTop.show {
			bottom: 40px
		}
	}

	.style-2 {
		background-color: rgba(0, 0, 0, 0)
	}

	@media(max-width: 767px) {
		.style-2 {
			width: 40px;
			height: 40px;
			line-height: 40px;
			right: 15px;
			bottom: 50px
		}

		.style-2.show {
			bottom: 15px
		}
	}

	.style-2::before {
		border-color: var(--title-color) !important
	}

	@media(max-width: 767px) {
		.style-2::before {
			display: none
		}
	}

	.style-2 i {
		background-color: var(--title-color)
	}

	.style-2:hover {
		background-color: rgba(0, 0, 0, 0)
	}

	.style-2:hover i {
		background-color: var(--theme-color)
	}

	.style-2:hover::before {
		border-color: var(--theme-color) !important
	}

	.sec_btns,
	.title_area {
		margin-bottom: 45px
	}

	.sec_subtitle {
		color: var(--theme-color);
		display: block;
		line-height: 1;
		font-weight: 500;
		font-size: 16px;
		margin: -0.1em 0 5px 0;
		text-transform: uppercase;
		letter-spacing: .04em
	}

	.sec_line {
		margin-bottom: 10px
	}

	.brand-wrap1 {
		background-color: #f9f7e6;
		padding: 40px 0
	}

	.section-title {
		margin-bottom: 60px
	}

	@media(max-width: 991px) {
		.section-title {
			margin-bottom: 40px
		}
	}

	.section-title>img {
		margin-top: 17px
	}

	.section-title.mb-65,
	.section-title.mb-80,
	.section-title.mb-85 {
		margin-bottom: 50px
	}

	.sec-title3,
	.sec-title2 {
		font-size: 48px;
		line-height: 1.3;
		margin-top: 28px
	}

	@media(max-width: 1399px) {

		.sec-title3,
		.sec-title2 {
			font-size: 34px
		}
	}

	@media(max-width: 991px) {

		.sec-title3,
		.sec-title2 {
			font-size: 26px
		}
	}

	@media(max-width: 767px) {

		.sec-title3.mb-30,
		.sec-title2.mb-30 {
			margin-bottom: 20px
		}
	}

	.sec-title1 {
		color: var(--theme-color);
		font-weight: 500;
		margin-bottom: 0;
		margin-top: -0.2em;
		font-size: 16px;
		text-transform: uppercase;
		letter-spacing: .04em
	}

	@media(max-width: 767px) {
		.sec-title1 {
			font-size: 18px
		}
	}

	.border-title2 {
		padding: 0 0 5px 0;
		margin: 0 0 40px 0;
		position: relative
	}

	.border-title2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 80px;
		height: 1px;
		background-color: var(--theme-color)
	}

	.sec-paragraph {
		color: var(--body-color);
		font-size: 18px;
		font-weight: 400;
		line-height: 1.7
	}

	@media(max-width: 991px) {
		.sec-paragraph {
			font-size: 16px
		}
	}

	@media(max-width: 767px) {
		.sec-paragraph {
			font-size: 14px
		}
	}

	.sec-title4 {
		color: var(--white-color);
		font-size: 150px;
		line-height: 1
	}

	@media(max-width: 1399px) {
		.sec-title4 {
			font-size: 100px
		}
	}

	@media(max-width: 575px) {
		.sec-title4 {
			font-size: 28px
		}
	}

	@media(max-width: 1399px) {
		.sec_title.h1 {
			font-size: 42px
		}
	}

	@media(max-width: 1199px) {
		.sec_title.h1 {
			font-size: 40px
		}

		.sec_subtitle {
			font-size: 17px
		}
	}

	@media(max-width: 991px) {
		.sec_title.h1 {
			font-size: 36px
		}

		h4.sec-title1 {
			font-size: 16px
		}
	}

	@media(max-width: 767px) {
		.sec_title.h1 {
			font-size: 32px
		}
	}

	@media(max-width: 575px) {
		.sec_title.h1 {
			font-size: 28px
		}
	}

	.rounded-10 {
		border-radius: 10px
	}

	.link-overlay {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 3
	}

	.mega-hover {
		position: relative;
		overflow: hidden
	}

	.mega-hover img {
		transition: all 2s ease;
		transform: scale(1)
	}

	.mega-hover:after,
	.mega-hover:before {
		content: "";
		position: absolute;
		pointer-events: none;
		opacity: 1;
		z-index: 3;
		transform: rotate(5deg)
	}

	.mega-hover:before {
		top: -10%;
		right: 51%;
		bottom: -10%;
		left: 50%;
		background: rgba(255, 255, 255, .3)
	}

	.mega-hover:after {
		top: 50%;
		right: -10%;
		bottom: 50%;
		left: -10%;
		background: rgba(255, 255, 255, .6)
	}

	.mega-hover:hover:before {
		left: 0;
		right: 0;
		opacity: 0;
		transition: all 900ms linear
	}

	.mega-hover:hover:after {
		top: 0;
		bottom: 0;
		opacity: 0;
		transition: all 900ms linear
	}

	.mega-hover:hover img {
		transform: scale(1.05)
	}

	@media(min-width: 1950px) {
		.d-none-hd {
			display: none
		}
	}

	@media(min-width: 1500px) {
		.d-hd-inline-block {
			display: inline-block !important
		}

		.d-hd-block {
			display: block !important
		}
	}

	.image-scale-hover {
		overflow: hidden
	}

	.image-scale-hover img {
		transition: all ease .4s;
		transform: scale(1.001)
	}

	.image-scale-hover:hover img {
		transform: scale(1.2)
	}

	.link-inherit a,
	.link-inherit * a {
		color: inherit
	}

	.link-inherit a:hover,
	.link-inherit * a:hover {
		color: var(--theme-color)
	}

	.list-style-none ol,
	.list-style-none ul,
	.list-style-none {
		padding: 0;
		margin: 0
	}

	.list-style-none li {
		list-style-type: none
	}

	.form-messages {
		display: none
	}

	.form-messages.success {
		color: var(--success-color);
		display: block
	}

	.form-messages.error {
		color: var(--error-color);
		display: block
	}

	.badge {
		position: absolute;
		width: -moz-fit-content;
		width: fit-content;
		display: inline-block;
		text-align: center;
		background-color: var(--body-color);
		color: var(--white-color);
		padding: .35em .55em;
		border-radius: 50%
	}

	.vs-rating {
		color: var(--light-color)
	}

	.vs-rating .active {
		color: var(--theme-color)
	}

	.media-body {
		flex: 1
	}

	.header-wrapper {
		position: relative
	}

	.header-top-wrapper {
		position: relative
	}

	.main-menu a {
		color: var(--title-color);
		font-family: var(--theme-font);
		font-weight: 700;
		display: block;
		position: relative
	}

	.main-menu a:hover {
		color: var(--theme-color)
	}

	.main-menu.text-white>ul>li>a {
		color: inherit
	}

	.main-menu.text-white>ul>li>a:hover {
		color: var(--theme-color);
		transform: translateX(5px)
	}

	.main-menu ul {
		margin: 0;
		padding: 0
	}

	.main-menu ul li {
		list-style-type: none;
		display: inline-block;
		position: relative
	}

	.main-menu ul li a:hover {
		color: var(--theme-color)
	}

	.main-menu ul li.menu-item-has-children>a:after {
		content: "";
		position: relative;
		font-family: var(--icon-font);
		margin-left: 7px;
		font-size: .8rem
	}

	.main-menu ul li.menu-item-has-children>a:hover {
		color: var(--theme-color)
	}

	.main-menu ul li:last-child {
		margin-right: 0
	}

	.main-menu ul li:first-child {
		margin-left: 0
	}

	.main-menu ul li:hover>ul.sub-menu,
	.main-menu ul li:hover ul.mega-menu {
		visibility: visible;
		opacity: 1;
		transform: rotateX(0);
		z-index: 9
	}

	.main-menu ul.sub-menu,
	.main-menu ul.mega-menu {
		position: absolute;
		text-align: left;
		top: 100%;
		left: 0;
		background-color: var(--white-color);
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
		visibility: hidden;
		min-width: 200px;
		width: -moz-max-content;
		width: max-content;
		padding: 7px;
		left: -14px;
		opacity: 0;
		z-index: -1;
		transform-origin: top center;
		transform: rotateX(90deg);
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		transition: transform .4s ease-in-out 0s, visibility .4s ease-in-out 0s, opacity .4s ease-in-out 0s, z-index 0s
	}

	.main-menu ul.sub-menu li {
		display: block;
		margin: 0 0;
		padding: 4px 9px
	}

	.main-menu ul.sub-menu li.menu-item-has-children>a:after {
		content: "";
		float: right;
		top: 1px;
		font-size: .8rem
	}

	.main-menu ul.sub-menu li a {
		font-weight: 500;
		text-transform: capitalize
	}

	.main-menu ul.sub-menu li a:hover {
		color: var(--theme-color)
	}

	.main-menu ul.sub-menu li ul {
		left: 100%;
		right: auto;
		top: 0;
		margin: 0 7px;
		border-radius: 5px;
		transform: rotateX(0)
	}

	.main-menu ul.sub-menu li ul li ul {
		left: 100%;
		right: auto
	}

	.main-menu .mega-menu-wrap {
		position: static
	}

	.main-menu ul.mega-menu {
		display: flex;
		justify-content: space-between;
		text-align: left;
		width: 100%;
		max-width: 1220px;
		padding: 20px 0;
		left: 12px
	}

	.main-menu ul.mega-menu li {
		display: block;
		width: 100%;
		padding: 0 20px
	}

	.main-menu ul.mega-menu li li {
		padding: 3px 0
	}

	.main-menu ul.mega-menu li a {
		display: inline-block;
		color: var(--title-color)
	}

	.main-menu ul.mega-menu li a:hover {
		color: var(--theme-color)
	}

	.main-menu ul.mega-menu>li>a {
		display: block;
		border-bottom: 1px solid;
		padding: 0;
		padding-bottom: 10px;
		margin-bottom: 15px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 700;
		color: var(--theme-color);
		border-color: var(--theme-color)
	}

	.main-menu ul.mega-menu>li>a::before {
		display: none
	}

	.main-menu ul.mega-menu>li>a:hover {
		color: var(--title-color);
		padding-left: 0
	}

	.sticky-header-wrap {
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
		transition: all ease .4s;
		transform: translateY(-110%);
		transform-origin: top;
		opacity: 0;
		visibility: hidden
	}

	.sticky-header-wrap.active {
		opacity: 1;
		visibility: visible;
		transform: translateY(0)
	}

	.menu-sticky1>ul>li {
		margin: 0 17px
	}

	.menu-sticky1>ul>li>a {
		padding: 27px 0
	}

	.menu-sticky3>ul>li {
		margin: 0 17px
	}

	.menu-sticky3>ul>li.menu-item-has-children>a:hover {
		color: var(--theme-color)
	}

	.menu-sticky3>ul>li>a {
		color: var(--title-color);
		padding: 27px 0
	}

	.menu-sticky3>ul>li>a:hover {
		color: var(--theme-color)
	}

	.menu-sticky3 ul.sub-menu li a {
		color: var(--title-color) !important
	}

	.menu-sticky3 ul.sub-menu li a:hover {
		color: var(--theme-color) !important
	}

	.menu-sticky3 .mega-menu>li>a {
		color: var(--title-color) !important
	}

	.menu-sticky3 .mega-menu>li>a ul li a {
		color: var(--title-color) !important
	}

	.menu-sticky3 .mega-menu>li>a ul li a:hover {
		color: var(--theme-color) !important
	}

	.sticky-header3 .main-menu a {
		color: var(--title-color)
	}

	.sticky-header3 .main-menu a:hover {
		color: var(--theme-color)
	}

	.sticky-header3 .vs-menu-toggle {
		background-color: var(--theme-color)
	}

	.sticky-header3 .vs-menu-toggle:hover {
		background-color: var(--title-color)
	}

	.dropdown-item:focus,
	.dropdown-item:hover {
		color: rgba(0, 0, 0, 0);
		background-color: rgba(0, 0, 0, 0)
	}

	.header-position {
		z-index: 3;
		text-align: center
	}

	@media(max-width: 1199px) {
		.header-position {
			position: relative;
			top: 0;
			text-align: left
		}
	}

	@media(max-width: 991px) {
		.header-position {
			position: relative;
			top: 0;
			text-align: left
		}
	}

	@media(max-width: 991px) {
		.header-position img {
			max-width: 100%
		}
	}

	.menu-style1>ul>li {
		margin: 0 16px
	}

	.menu-style1>ul>li>a {
		padding: 36px 0;
		font-size: 16px;
		color: var(--title-color);
		position: relative
	}

	.menu-style1>ul>li>a:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -2px;
		height: 4px;
		width: 0;
		background-color: var(--theme-color);
		transition: all ease .4s
	}

	.menu-style1>ul>li>a:hover {
		color: var(--theme-color)
	}

	.menu-style1>ul>li>a:hover:before {
		width: 100%
	}

	.menu-style1>ul>li.menu-item-has-children a:before {
		bottom: 0
	}

	.menu-style1>ul>li ul.mega-menu li a:hover {
		color: var(--theme-color)
	}

	.head-top-links li {
		display: inline-block;
		margin-right: 28px;
		position: relative;
		z-index: 1
	}

	.head-top-links li:last-child::before {
		display: none
	}

	.head-top-links li::before {
		content: "";
		position: absolute;
		right: -17px;
		top: 8px;
		height: 10px;
		width: 1px;
		line-height: 1;
		background-color: #c7c1a3;
		transition: all ease .4s
	}

	.head-top-links li a i {
		font-size: 13px;
		font-weight: 300;
		margin-right: 5px
	}

	.head-top-links a {
		color: var(--white-color)
	}

	.head-top-links a:hover {
		color: var(--title-color)
	}

	.head-top-widget .globe-icon {
		margin-right: 5px
	}

	.head-top-widget ul.dropdown-menu {
		padding: 10px 15px;
		border: none;
		box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
		margin: 0;
		margin-top: 10px !important;
		width: -moz-fit-content;
		width: fit-content;
		min-width: auto;
		position: relative;
		z-index: 55;
		border: 1px solid #ededed
	}

	.head-top-widget ul.dropdown-menu a {
		padding: 0 10px;
		width: -moz-max-content;
		width: max-content
	}

	.head-top-widget ul.dropdown-menu a:hover {
		color: var(--theme-color);
		text-decoration: underline
	}

	.head-top-widget .dropdown-toggle::before {
		content: "";
		font-size: 8px;
		font-family: var(--icon-font);
		position: absolute;
		right: -10px;
		top: 0;
		z-index: 1
	}

	.head-top-widget .dropdown-toggle::after {
		display: none
	}

	.head-top-widget .dropdown-toggle:hover {
		color: var(--title-color)
	}

	.head-top-widget .dropdown-toggle.text-white:hover {
		color: var(--white-color) !important;
		text-decoration: underline
	}

	.vs-social-group {
		padding: 10px 0
	}

	.vs-social-group a {
		display: inline-block;
		color: var(--white-color);
		width: 40px;
		height: 40px;
		line-height: 40px;
		background-color: var(--bg-color, #867F44);
		text-align: center;
		border-radius: 50%
	}

	.vs-social-group a:hover {
		color: var(--title-color);
		background-color: var(--white-color)
	}

	@media(max-width: 1399px) {
		.menu-style1>ul>li {
			margin: 0 14px
		}
	}

	.header-top-area {
		border-bottom: 1px solid rgba(85, 84, 78, .149)
	}

	.head-top-links2 a,
	.head-top-links2 span {
		color: var(--white-color);
		margin-right: 30px;
		position: relative;
		z-index: 1
	}

	.head-top-links2 a:first-child,
	.head-top-links2 span:first-child {
		padding-left: 20px
	}

	.head-top-links2 a:first-child::before,
	.head-top-links2 span:first-child::before {
		content: "";
		position: absolute;
		width: 6px;
		height: 6px;
		background-color: var(--white-color);
		border-radius: 50%;
		left: 3px;
		top: 6px;
		z-index: 1
	}

	.head-top-links2 a:first-child::after,
	.head-top-links2 span:first-child::after {
		content: "";
		position: absolute;
		width: 12px;
		height: 12px;
		border: 1px solid var(--white-color);
		border-radius: 50%;
		left: 0;
		top: 3px;
		z-index: 1
	}

	.head-top-links2 a:nth-child(2) i,
	.head-top-links2 span:nth-child(2) i {
		margin-right: 9px
	}

	.head-top-links2 a:nth-child(2)::before,
	.head-top-links2 span:nth-child(2)::before {
		content: "";
		position: absolute;
		width: 1px;
		height: 15px;
		background-color: var(--white-color);
		border-radius: 50%;
		left: -17px;
		top: 1px;
		z-index: 1
	}

	.head-top-links2 a:hover,
	.head-top-links2 span:hover {
		color: var(--white-color)
	}

	.head-top-widget2 .dropdown {
		position: relative
	}

	.head-top-widget2 .dropdown::before {
		content: "";
		position: absolute;
		width: 1px;
		height: 10px;
		background-color: var(--white-color);
		border-radius: 50%;
		right: -26px;
		top: 7px;
		z-index: 1
	}

	.head-top-widget2 .dropdown .dropdown-toggle {
		color: var(--white-color)
	}

	.head-top-widget2 .dropdown .dropdown-toggle:hover {
		color: var(--title-color)
	}

	.head-top-widget2 .dropdown-menu a {
		color: var(--title-color)
	}

	.head-top-widget2 .vs-social-group a {
		color: var(--white-color);
		background-color: rgba(0, 0, 0, 0);
		width: unset;
		margin-left: 18px;
		font-size: 14px
	}

	.head-top-widget2 .vs-social-group a:hover {
		color: var(--title-color)
	}

	.contact-box {
		display: flex;
		align-items: center
	}

	.contact-box .icon-box {
		margin-right: 16px;
		color: var(--white-color);
		font-size: var(--icon-size, 36px)
	}

	.contact-box .contact-content {
		overflow: hidden
	}

	.contact-box .contact-content p {
		color: var(--white-color);
		font-size: 14px;
		font-weight: 300;
		margin-bottom: 3px
	}

	.contact-box .contact-content .contact-title {
		font-weight: 500;
		color: var(--white-color);
		margin-bottom: 0;
		font-size: 18px
	}

	@media(max-width: 1399px) {
		.contact-box .contact-content .contact-title {
			font-size: 14px
		}
	}

	.top-widget .cart1 {
		color: var(--theme-color);
		font-size: 16px;
		background-color: var(--white-color);
		width: 45px;
		height: 45px;
		line-height: 45px;
		display: inline-block;
		text-align: center;
		border-radius: 50%;
		position: relative
	}

	.top-widget .cart1:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.top-widget .cart1:hover .badge {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.top-widget .badge {
		color: var(--white-color);
		font-size: 10px;
		font-weight: 300;
		background-color: var(--title-color);
		width: 21px;
		height: 21px;
		line-height: 15px;
		top: -5px;
		right: -5px;
		transition: all ease .4s
	}

	@media(max-width: 1199px) {
		.header2-inner .menu-style1>ul>li {
			margin: 0 10px
		}
	}

	.header2-inner .menu-style1>ul>li>a {
		padding: 30px 0
	}

	.right-nav .style-1 {
		padding: 15px 30px;
		line-height: 1
	}

	.dropdown-menu {
		font-size: 12px
	}

	.header-top-three .bg-title2 {
		background-color: var(--title-color)
	}

	.header-top-three .head-top-links li::before {
		background-color: var(--theme-color)
	}

	.header-top-three .head-top-links li:last-child {
		margin-right: 0
	}

	.header-top-three .head-top-links a,
	.header-top-three .head-top-links span {
		color: var(--white-color)
	}

	.header-top-three .head-top-links a:hover,
	.header-top-three .head-top-links span:hover {
		color: var(--white-color);
		text-decoration: underline
	}

	.header-top-three .head-top-links a::before,
	.header-top-three .head-top-links span::before {
		background-color: var(--white-color)
	}

	.header-top-three .head-top-widget .dropdown-toggle {
		color: var(--white-color)
	}

	.header-top-three .head-top-widget .dropdown-toggle:hover {
		color: var(--white-color)
	}

	.header-top-three .vs-social-group a {
		background-color: var(--theme-color)
	}

	.header-top-three .vs-social-group a:hover {
		background-color: var(--white-color);
		color: var(--theme-color)
	}

	.header3-inner .menu-style1>ul>li>a {
		color: var(--title-color)
	}

	.header3-inner .menu-style1>ul>li>a::before {
		background-color: var(--theme-color)
	}

	.header3-inner .menu-style1>ul>li>a:hover {
		color: var(--theme-color)
	}

	.header3-inner .menu-style1>ul>li ul.sub-menu li a {
		color: var(--title-color)
	}

	.header3-inner .menu-style1>ul>li ul.sub-menu li a:hover {
		color: var(--theme-color)
	}

	.header3-inner .menu-style1>ul>li ul.mega-menu li a {
		color: var(--title-color);
		border-color: var(--title-color)
	}

	.header3-inner .menu-style1>ul>li ul.mega-menu li a:hover {
		color: var(--theme-color)
	}

	.header3-inner .main-menu a:hover {
		color: var(--theme-color)
	}

	.header3-inner .top-widget .cart1 {
		color: var(--white-color);
		background-color: var(--title-color)
	}

	.header3-inner .top-widget .cart1:hover {
		background-color: var(--theme-color)
	}

	.header3-inner .top-widget .badge {
		background-color: var(--theme-color);
		top: -10px;
		right: 0;
		left: 0;
		margin: 0 auto
	}

	.header3-inner .contact-box .icon-box {
		float: left
	}

	.vs-side-menu-toggle {
		border: 0;
		background-color: var(--theme-color);
		color: var(--white-color);
		width: 50px;
		height: 50px;
		border-radius: 50%;
		font-size: 16px;
		line-height: 41px
	}

	.vs-side-menu-toggle:hover {
		background-color: var(--title-color)
	}

	.hambergur-menu3 .vs-menu-toggle {
		background-color: var(--theme-color)
	}

	.hambergur-menu3 .vs-menu-toggle:hover {
		background-color: var(--title-color)
	}

	.header-bg-wrapper {
		position: relative;
		z-index: 5
	}

	.hero-layout4 {
		position: relative;
		z-index: 1
	}

	.main-menu-shape {
		position: relative;
		z-index: 2
	}

	.main-menu-shape::before {
		content: "";
		position: absolute;
		-webkit-clip-path: polygon(3% 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(3% 0, 100% 0, 100% 100%, 0% 100%);
		background-color: var(--white-color);
		right: 0;
		top: 1px;
		width: 71%;
		height: 100%;
		z-index: -1
	}

	@media(min-width: 1922px) {
		.main-menu-shape::before {
			width: 66%
		}
	}

	@media only screen and (min-width: 1501px)and (max-width: 1900px) {
		.main-menu-shape::before {
			width: 75%
		}
	}

	@media(max-width: 1500px) {
		.main-menu-shape::before {
			width: 78%
		}
	}

	@media(max-width: 1399px) {
		.main-menu-shape::before {
			width: 82%
		}
	}

	@media(max-width: 1199px) {
		.main-menu-shape::before {
			width: 76%
		}
	}

	@media(max-width: 991px) {
		.main-menu-shape::before {
			display: none
		}
	}

	.main-menu-shape .header-logo {
		transform: translateY(-25px)
	}

	@media(max-width: 1199px) {
		.main-menu-shape .header-logo {
			transform: translateY(-10px)
		}
	}

	@media(max-width: 991px) {
		.main-menu-shape .header-logo {
			transform: translateY(0);
			padding: 10px 0
		}
	}

	.header4-inner .menu-style1>ul>li {
		margin: 0 13px
	}

	.header4-inner .menu-style1>ul>li.menu-item-has-children>a::after {
		margin-left: 5px
	}

	@media(max-width: 1399px) {
		.header4-inner .menu-style1>ul>li {
			margin: 0 10px
		}
	}

	.header_layout5 .header-top-area {
		background-color: var(--theme-color);
		padding: 10px 0
	}

	.header_layout5 .header-bottom-area {
		padding: 5px 0
	}

	.header_layout5 .head-top-links2 span {
		font-size: 14px;
		color: var(--white-color)
	}

	.header_layout5 .head-top-links2 span:first-child {
		padding-left: 0
	}

	.header_layout5 .head-top-links2 span:first-child:before,
	.header_layout5 .head-top-links2 span:after {
		display: none
	}

	.header_layout5 .head-top-widget2 .dropdown .dropdown-toggle {
		color: var(--white-color)
	}

	.header_layout5 .head-top-widget2 .vs-social-group a {
		line-height: 1;
		color: var(--white-color);
		height: auto
	}

	.header_layout5 .head-top-widget2 .vs-social-group a:hover {
		color: var(--black-color)
	}

	.header_layout5 .contact-box {
		align-items: center;
		display: flex;
		padding: 0
	}

	.header_layout5 .contact-box .icon-box {
		width: var(--icon-size, 52px);
		height: var(--icon-size, 52px);
		line-height: var(--icon-size, 52px);
		font-size: 20px;
		text-align: center;
		border-radius: 50%;
		background-color: var(--theme-color);
		float: none;
		margin-right: 10px;
		transition: all ease .4s
	}

	.header_layout5 .contact-box:hover .icon-box {
		background-color: var(--title-color)
	}

	.header_layout5 .contact-box .contact-content p {
		font-size: 14px;
		color: var(--theme-color);
		margin-bottom: 5px
	}

	.header_layout5 .contact-box .contact-content .contact-title {
		font-size: 20px;
		color: var(--title-color);
		font-weight: 600;
		font-family: var(--theme-font)
	}

	.header_layout5 .contact-box .contact-content .contact-title a {
		color: inherit
	}

	.header_layout5 .contact-box .contact-content .contact-title a:hover {
		color: var(--theme-color)
	}

	.header5-menu {
		background-color: var(--title-color)
	}

	.header5-menu .menu-style1>ul>li>a {
		color: var(--white-color);
		padding: 22.5px 0
	}

	.header5-menu .menu-style1>ul>li>a:hover {
		color: var(--white-color)
	}

	.header5-menu .vs-menu-toggle,
	.header5-menu .cart1,
	.header5-menu .vs-side-menu-toggle {
		background-color: var(--white-color);
		color: var(--title-color);
		width: 46px;
		height: 46px;
		border-radius: 50%;
		font-size: 18px
	}

	.header5-menu .vs-menu-toggle:hover,
	.header5-menu .cart1:hover,
	.header5-menu .vs-side-menu-toggle:hover {
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	.header5-menu .side-menu.ml-10 {
		margin-left: 5px
	}

	.header5-menu .top-widget .badge {
		background-color: var(--theme-color)
	}

	@media(max-width: 1199px) {
		.header_layout5 .contact-box .icon-box {
			--icon-size: 40px;
			font-size: 18px
		}

		.header_layout5 .contact-box .contact-content .contact-title {
			font-size: 16px
		}

		.header_layout5 .contact-box .contact-content p {
			font-size: 12px
		}
	}

	@media(max-width: 767px) {
		.header_layout5 .logo {
			max-width: 140px
		}

		.header_layout5 .contact-box .icon-box {
			--icon-size: auto;
			background-color: rgba(0, 0, 0, 0);
			font-size: 24px;
			color: var(--theme-color)
		}

		.header_layout5 .contact-box .contact-content p {
			font-size: 10px
		}

		.header_layout5 .contact-box .contact-content .contact-title {
			font-size: 14px
		}
	}

	.info-with-icon {
		font-size: 14px;
		position: relative;
		padding-left: 55px;
		margin-bottom: 25px
	}

	.info-with-icon a:hover {
		color: var(--white-color) !important;
		text-decoration: underline
	}

	.info-with-icon>i {
		position: absolute;
		left: 0;
		top: 50%;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		margin-right: 10px;
		background-color: var(--theme-color);
		color: var(--white-color);
		text-align: center;
		border-radius: 50%;
		transform: translateY(-50%)
	}

	.footer_layout2 {
		background-color: #f9f7e6
	}

	.footer_layout2 .footer-logo {
		margin-bottom: 14px
	}

	.footer_layout2 .footer-text {
		color: var(--body-color);
		margin-bottom: 26px
	}

	.footer_layout2 .copyright {
		border-top: 1px solid var(--theme-color);
		padding: 16px 0
	}

	.footer_layout2 .widget-area {
		padding-top: 120px;
		padding-bottom: 90px
	}

	.footer_layout2 .vs-btn {
		padding: 9px 22px;
		font-size: 14px
	}

	.footer-copymenu {
		padding: 10px 0;
		list-style-type: none;
		margin: 0
	}

	.footer-copymenu li {
		display: inline-block;
		margin-right: 15px;
		padding-right: 18px;
		position: relative
	}

	.footer-copymenu li:not(:last-child):before {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		height: 20px;
		margin-top: -10px;
		width: 1px;
		background-color: var(--title-color)
	}

	.footer-copymenu li:last-child {
		padding-right: 0;
		margin-right: 0
	}

	.footer-copymenu li a {
		color: var(--body-color);
		font-size: 14px;
		font-weight: 400;
		display: inline-block;
		line-height: 1
	}

	.footer-copymenu li a:hover {
		text-decoration: none;
		color: var(--theme-color)
	}

	.follow-box {
		background-color: var(--theme-color);
		text-align: center;
		padding: 40px 40px 33px 40px;
		border-radius: 10px
	}

	.follow-box .box_title {
		color: var(--white-color);
		font-size: 30px;
		font-weight: 500;
		margin-bottom: 5px;
		margin: -0.2em 0 5px 0
	}

	.follow-box .box_text {
		color: var(--white-color);
		margin-bottom: 20px
	}

	.follow-box .box_social {
		margin-bottom: 16px
	}

	.follow-box .box_social a {
		display: inline-block;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		font-size: 16px;
		text-align: center;
		background-color: var(--white-color);
		color: var(--theme-color);
		border-radius: 50%;
		margin-right: 7px
	}

	.follow-box .box_social a:last-child {
		margin-right: 0
	}

	.follow-box .box_social a:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.follow-box .box_mail {
		display: inline-block;
		color: var(--white-color)
	}

	.follow-box .box_mail:hover {
		color: var(--title-color)
	}

	.footer-gallery:not(.vs-carousel) {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 10px
	}

	.footer-gallery .gallery-thumb {
		overflow: hidden;
		position: relative;
		border-radius: 7px
	}

	.footer-gallery .gallery-thumb img {
		transition: all ease .4s;
		width: 100%;
		transform: scale(1)
	}

	.footer-gallery .gallery-thumb:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: var(--theme-color);
		z-index: 1;
		opacity: 0;
		visibility: hidden;
		transition: all ease .4s
	}

	.footer-gallery .gallery-thumb .gal-btn {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: scale(1.5);
		width: var(--icon-size, 35px);
		height: var(--icon-size, 35px);
		line-height: calc(var(--icon-size, 35px) + 2px);
		margin: calc(var(--icon-size, 35px)/-2) 0 0 calc(var(--icon-size, 35px)/-2);
		text-align: center;
		font-size: 18px;
		color: var(--white-color);
		background-color: rgba(0, 0, 0, 0);
		border-radius: 50%;
		transition: all ease .4s;
		opacity: 0;
		visibility: hidden;
		z-index: 3
	}

	.footer-gallery .gallery-thumb .gal-btn:hover {
		transform: scale(1);
		background-color: var(--white-color);
		color: var(--theme-color)
	}

	.footer-gallery .gallery-thumb:hover:before {
		opacity: .8;
		visibility: visible
	}

	.footer-gallery .gallery-thumb:hover .gal-btn {
		opacity: 1;
		visibility: visible;
		transition-delay: .1s
	}

	.footer-gallery .gallery-thumb:hover img {
		transform: scale(1.12)
	}

	.widget_title {
		font-size: 20px;
		color: var(--white-color)
	}

	.footer-text {
		margin-bottom: 28px
	}

	@media(max-width: 991px) {
		.footer-widget {
			margin-bottom: 40px
		}
	}

	.footer-widget .foter-logo {
		margin-bottom: 25px
	}

	.footer-widget .widget_title {
		margin-bottom: 31px;
		padding-bottom: 15px;
		position: relative
	}

	.footer-widget .widget_title:after,
	.footer-widget .widget_title:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 40px;
		height: 3px;
		background-color: var(--theme-color)
	}

	.footer-widget .widget_title:after {
		width: 5px;
		left: 45px;
		background-color: var(--white-color)
	}

	.footer-widget .text-theme {
		transition: .3s
	}

	.footer-widget .text-theme i {
		color: inherit
	}

	.footer-widget .text-theme a {
		color: inherit
	}

	.footer-widget .text-theme:hover {
		color: var(--white-color) !important
	}

	.footer-widget .text-theme:hover a {
		color: var(--white-color)
	}

	.footer-widget .text-theme2 {
		transition: .3s
	}

	.footer-widget .text-theme2:hover {
		color: var(--white-color) !important
	}

	.footer-widget p {
		color: var(--white-color)
	}

	.footer-widget p a {
		color: inherit
	}

	.footer-widget p a:hover {
		text-decoration: underline;
		color: var(--white-color)
	}

	.footer-widget.widget_nav_menu ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px
	}

	.footer-widget.widget_nav_menu ul li {
		font-size: 14px;
		font-weight: 300;
		display: inline-block;
		margin-bottom: 3px;
		transition: all ease .4s;
		position: relative
	}

	.footer-widget.widget_nav_menu ul li a {
		position: relative;
		color: var(--white-color)
	}

	.footer-widget.widget_nav_menu ul li a:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 100%;
		height: 2px;
		background-color: var(--theme-color);
		transition: all ease .4s;
		transform: scaleX(0);
		transform-origin: 0 50%;
		opacity: 0;
		visibility: hidden
	}

	.footer-widget.widget_nav_menu ul li a:hover:after {
		transform: scaleX(1);
		opacity: 1;
		visibility: visible
	}

	.footer-widget.widget_nav_menu ul li a:before {
		content: "";
		font-family: var(--icon-font);
		font-weight: 400;
		font-size: 12px;
		color: #aaaaa7;
		margin-right: 7px;
		transition: all ease .4s
	}

	.footer-widget.widget_nav_menu ul li:hover a {
		color: var(--white-color)
	}

	.footer-widget.widget_nav_menu ul li:hover:before {
		color: var(--white-color)
	}

	@media(max-width: 991px) {
		.widget-area.space-bottom.space-md-bottom {
			padding-bottom: calc(var(--section-space-mobile) - 40px)
		}
	}

	.padding-l {
		padding-left: 40px
	}

	@media(max-width: 1399px) {
		.padding-l {
			padding-left: 0
		}
	}

	@media(max-width: 1199px) {
		.padding-l {
			padding-left: 0
		}
	}

	@media(max-width: 991px) {
		.padding-l {
			padding-left: 0
		}
	}

	@media(max-width: 767px) {
		.padding-l {
			padding-left: 0
		}
	}

	@media(max-width: 575px) {
		.padding-l {
			padding-left: 0
		}
	}

	.footer-newsletter {
		position: relative
	}

	.footer-newsletter input {
		font-family: var(--theme-font);
		font-weight: 300;
		font-size: 14px;
		line-height: 26px;
		color: var(--body-color);
		width: 100%;
		border: 0;
		border-radius: 30px;
		height: 60px;
		padding-left: 40px
	}

	.footer-newsletter .form-control {
		border: 0
	}

	.footer-newsletter .mask-style1 {
		color: var(--white-color);
		font-size: 14px;
		background-color: var(--theme-color);
		padding: 16px 27px;
		line-height: 1;
		position: absolute;
		right: 8px;
		top: 15px;
		z-index: 1
	}

	.footer-newsletter .mask-style1:hover {
		background-color: var(--title-color)
	}

	@media(max-width: 991px) {
		.copyright-text p {
			font-size: 14px
		}
	}

	@media(max-width: 575px) {
		.copyright-text {
			text-align: center
		}
	}

	@media(max-width: 991px) {
		.copyright p {
			font-size: 14px
		}
	}

	.copyright a:hover {
		text-decoration: underline;
		color: inherit
	}

	@media(max-width: 575px) {
		.copyright .menu {
			text-align: left
		}
	}

	@media(max-width: 991px) {
		.copyright .menu {
			display: none
		}
	}

	.copyright .menu li {
		display: inline-block
	}

	.copyright .menu a {
		color: var(--white-color);
		font-size: 14px;
		font-weight: 300;
		display: block;
		position: relative;
		padding: 30px 15px;
		background-color: rgba(0, 0, 0, 0);
		transition: all ease .4s
	}

	.copyright .menu a:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 6px;
		background-color: var(--title-color);
		transform: scale(0);
		transition: all ease .4s
	}

	.copyright .menu a:hover {
		background-color: rgba(104, 98, 66, .5);
		color: var(--white-color);
		text-decoration: none
	}

	.copyright .menu a:hover:before {
		transform: scale(1)
	}

	@media(max-width: 991px) {
		.copyright .menu a {
			font-size: 14px
		}
	}

	@media(max-width: 575px) {
		.copyright .menu a {
			margin-left: 0;
			margin-right: 15px;
			font-size: 14px
		}
	}

	.footer-layout3 {
		position: relative;
		z-index: 1
	}

	.footer-layout3 .widget_nav_menu ul a {
		color: var(--white-color)
	}

	.footer-layout3 .widget_nav_menu ul a:hover {
		color: var(--theme-color);
		transform: translateX(2px)
	}

	.footer-layout3 .widget_nav_menu ul li {
		color: var(--white-color)
	}

	.footer-layout3 .widget_nav_menu ul li a {
		color: inherit
	}

	.footer-layout3 .widget_nav_menu ul li a:before {
		color: inherit
	}

	.footer-layout3 .widget_nav_menu ul li:hover {
		color: var(--theme-color)
	}

	.footer-layout3 .widget_nav_menu ul li:hover::before {
		color: inherit
	}

	.footer-layout3 .footer-widget {
		position: relative;
		z-index: 2
	}

	.footer-layout3 .footer-widget p a:hover {
		color: var(--theme-color)
	}

	.footer-layout3 .footer-newsletter .mask-style1 {
		background-color: var(--theme-color)
	}

	.footer-layout3 .footer-newsletter .mask-style1:hover {
		background-color: var(--title-color)
	}

	.footer-layout3 .fot-shape1 {
		position: absolute;
		top: 18%;
		animation: float-bob-y infinite 5s linear;
		z-index: 1
	}

	@media(max-width: 1500px) {
		.footer-layout3 .fot-shape1 {
			opacity: .4
		}
	}

	.info-footer {
		position: relative;
		font-size: 14px;
		margin: 0 0 25px 0;
		padding: 0 0 0 50px
	}

	.info-footer i {
		position: absolute;
		left: 0;
		top: -6px;
		width: 35px;
		height: 35px;
		line-height: 36px;
		text-align: center;
		background-color: var(--theme-color);
		color: var(--white-color);
		border-radius: 50%;
		font-size: 14px;
		margin-right: 7px;
		transition: all ease .4s
	}

	.info-footer:hover i {
		background-color: var(--white-color);
		color: var(--theme-color)
	}

	.footer-social a {
		display: inline-block;
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 16px;
		border-radius: 50%;
		background-color: var(--theme-color);
		color: var(--white-color);
		text-align: center;
		margin-right: 5px
	}

	.footer-social a:last-child {
		margin-right: 0
	}

	.footer-social a:hover {
		background-color: var(--white-color);
		color: var(--theme-color)
	}

	@media(max-width: 991px) {

		.footer-layout3 .copyright,
		.footer-layout1 .copyright {
			padding: 20px 0
		}

		.text-center-md {
			text-align: center
		}
	}

	@media(max-width: 991px)and (max-width: 767px) {
		.text-center-md {
			text-align: unset
		}
	}

	@media(max-width: 991px) {
		.footer_layout2 .widget-area {
			padding-top: 60px;
			padding-bottom: 30px
		}
	}

	.vs-breadcrumb-wrapper {
		position: relative;
		z-index: 2
	}

	.vs-breadcrumb-wrapper::before {
		content: "";
		position: absolute;
		background-color: var(--theme-color);
		opacity: .51;
		left: 0px;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1
	}

	.breadcumb-content {
		position: relative;
		z-index: 2
	}

	.breadcumb-title {
		font-size: 60px
	}

	@media(max-width: 991px) {
		.breadcumb-title {
			font-size: 48px
		}
	}

	@media(max-width: 767px) {
		.breadcumb-title {
			font-size: 28px
		}
	}

	.breadcumb-menu {
		padding-left: 0
	}

	.breadcumb-menu li {
		font-size: 16px;
		display: inline-block
	}

	.breadcumb-menu li a {
		color: var(--white-color);
		padding: 12px 21px;
		line-height: 1;
		border-radius: 30px
	}

	.breadcumb-menu li a:hover {
		background-color: rgba(0, 0, 0, .3)
	}

	.breadcumb-menu li i {
		margin-right: 8px
	}

	.breadcumb-menu li.active {
		background-color: var(--white-color);
		padding: 12px 21px;
		line-height: 1;
		border-radius: 30px
	}

	.breadcumb-layuout-2::before {
		background-color: var(--title-color)
	}

	.hero-title-one {
		color: var(--theme-color);
		font-size: 62px;
		line-height: 1.15;
		margin-bottom: 23px;
		max-width: 700px;
		margin-left: auto;
		margin-right: auto
	}

	.hero-text {
		color: var(--body-color);
		font-size: 16px;
		max-width: 650px
	}

	.hero-shape {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: calc(100% - 60px)
	}

	.hero-content-style1 {
		display: flex;
		flex-wrap: wrap;
		padding-top: 100px
	}

	.hero-content-style1 .vs-btn {
		margin-bottom: 30px
	}

	.hero-layout1 {
		margin-bottom: 100px;
		padding-top: 190px;
		position: relative
	}

	.hero-layout1 .hero-text {
		margin-bottom: 30px
	}

	.hero-layout1 .hero-img-box {
		overflow: hidden;
		border-radius: 20px
	}

	.hero-layout2,
	.hero-layout1 {
		--arrow-size: 80px
	}

	.hero-layout2 .slick-arrow,
	.hero-layout1 .slick-arrow {
		position: absolute;
		top: 50%;
		right: 120px;
		left: auto;
		margin-top: -100px;
		width: 80px;
		height: 80px;
		background-color: rgba(0, 0, 0, 0);
		border: none;
		padding: 0;
		font-size: 22px;
		color: var(--theme-color);
		border-radius: 50%;
		z-index: 3
	}

	.hero-layout2 .slick-arrow:before,
	.hero-layout1 .slick-arrow:before {
		content: "";
		position: absolute;
		left: -15px;
		top: -15px;
		bottom: -15px;
		right: -15px;
		border: 2px solid var(--theme-color);
		border-radius: inherit;
		opacity: 0;
		visibility: hidden;
		transform: scale(1.2);
		transition: all ease .4s
	}

	.hero-layout2 .slick-arrow.slick-next,
	.hero-layout1 .slick-arrow.slick-next {
		margin-top: 0;
		right: 120px
	}

	.hero-layout2 .slick-arrow:hover,
	.hero-layout1 .slick-arrow:hover {
		color: var(--white-color);
		background-color: var(--theme-color)
	}

	.hero-layout2 .slick-arrow:hover:before,
	.hero-layout1 .slick-arrow:hover:before {
		opacity: 1;
		visibility: visible;
		transform: scale(1)
	}

	.hero-layout2 .vs-hero2-bg {
		padding-top: 300px;
		padding-bottom: 260px;
		position: relative;
		z-index: 1
	}

	@media(max-width: 1399px) {
		.hero-layout2 .vs-hero2-bg {
			padding-top: 160px;
			padding-bottom: 170px
		}
	}

	@media(max-width: 1199px) {
		.hero-layout2 .vs-hero2-bg {
			padding-top: 145px;
			padding-bottom: 180px
		}
	}

	@media(max-width: 991px) {
		.hero-layout2 .vs-hero2-bg {
			padding-top: 100px;
			padding-bottom: 100px
		}
	}

	.hero-layout2 .vs-hero2-bg::before {
		content: "";
		position: absolute;
		background-color: var(--black-color);
		width: 100%;
		height: 100%;
		opacity: .6;
		left: 0;
		top: 0;
		z-index: 1
	}

	.hero-layout2 .vs-hero2-bg .hero2-shape {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1
	}

	.hero-layout2 .vs-hero2-bg .hero2-shape img {
		width: 100%
	}

	@media(max-width: 767px) {
		.hero-layout2 .vs-hero2-bg .hero2-shape {
			bottom: -3px
		}
	}

	.hero-layout2 .slick-arrow {
		left: 150px;
		margin: 0;
		right: auto;
		background-color: rgba(159, 151, 79, .24);
		color: var(--white-color);
		transform: translateY(-50%)
	}

	@media(max-width: 1399px) {
		.hero-layout2 .slick-arrow {
			left: 50px
		}
	}

	.hero-layout2 .slick-arrow.slick-next {
		right: 150px;
		left: auto
	}

	@media(max-width: 1399px) {
		.hero-layout2 .slick-arrow.slick-next {
			right: 50px
		}
	}

	.hero-content-area {
		position: relative;
		z-index: 3
	}

	.hero-layout3 {
		position: relative
	}

	.hero-layout3 .vs-hero-bg3 {
		padding: 200px 0 250px 0;
		position: relative
	}

	@media(max-width: 1500px) {
		.hero-layout3 .vs-hero-bg3 {
			padding: 150px 0 124px 0
		}
	}

	@media(max-width: 991px) {
		.hero-layout3 .vs-hero-bg3 {
			padding: 55px 0 30px 0
		}
	}

	.hero-layout3 .vs-hero-bg3::before {
		content: "";
		position: absolute;
		background-color: var(--title-color);
		width: 100%;
		height: 100%;
		opacity: .6;
		left: 0;
		top: 0;
		z-index: 1
	}

	.hero-layout3 .hero__content2 {
		position: relative;
		z-index: 2
	}

	.hero-layout3 .hero__content2 .shape-img {
		position: absolute;
		left: -111px;
		top: 33%;
		z-index: -1
	}

	@media(max-width: 1399px) {
		.hero-layout3 .hero__content2 .shape-img {
			opacity: .6
		}
	}

	.hero-layout3 .hero-nav-box2 .hero-arrow {
		top: 50% !important;
		transform: translateY(-50%) !important;
		position: absolute;
		z-index: 10;
		background-color: var(--theme-color)
	}

	.hero-layout3 .hero-nav-box2 .hero-arrow[data-slick-prev] {
		transform: rotate(0deg);
		left: 165px
	}

	@media(max-width: 1500px) {
		.hero-layout3 .hero-nav-box2 .hero-arrow[data-slick-prev] {
			left: 50px
		}
	}

	.hero-layout3 .hero-nav-box2 .hero-arrow[data-slick-next] {
		top: 50%;
		transform: rotate(0deg);
		left: auto;
		right: 165px
	}

	@media(max-width: 1500px) {
		.hero-layout3 .hero-nav-box2 .hero-arrow[data-slick-next] {
			right: 50px
		}
	}

	.hero-layout3 .hero-nav-box2 .hero-arrow:before {
		content: "";
		position: absolute;
		border: 2px solid var(--theme-color2);
		border-radius: 50%;
		left: -15px;
		top: -15px;
		bottom: -15px;
		right: -15px;
		opacity: 0;
		z-index: 1;
		transition: all .3s;
		transform: scale(1.1)
	}

	.hero-layout3 .hero-nav-box2 .hero-arrow:hover {
		background-color: var(--title-color)
	}

	.hero-layout3 .hero-nav-box2 .hero-arrow:hover::before {
		opacity: 1;
		transform: scale(1)
	}

	.hero-layout4 .vs-hero-bg {
		padding: 240px 0 210px 0;
		position: relative;
		z-index: 2
	}

	@media(max-width: 1199px) {
		.hero-layout4 .vs-hero-bg {
			padding: 145px 0 135px 0
		}
	}

	@media(max-width: 991px) {
		.hero-layout4 .vs-hero-bg {
			padding: 50px 0 45px 0
		}
	}

	.hero-layout4 .vs-hero-bg::before {
		content: "";
		position: absolute;
		background-color: var(--title-color);
		opacity: .6;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1
	}

	.hero-layout4 .vs-hero-bg .vs-video {
		position: absolute;
		right: 22%;
		top: 50%
	}

	.hero-layout4 .hero__content2 {
		padding-right: 50px
	}

	@media(max-width: 1199px) {
		.hero-layout4 .hero__content2 {
			padding-right: 0
		}
	}

	@media(max-width: 575px) {
		.hero-layout4 .hero__content2 {
			text-align: center
		}
	}

	.hero-layout4.style2 .vs-hero-bg:before {
		background-color: rgba(0, 0, 0, 0);
		opacity: .8000000119;
		background: linear-gradient(136deg, #3a5f96 38.71%, rgba(104, 98, 66, 0) 100%)
	}

	.hero-layout4.style2 .hero-title {
		color: var(--white-color);
		font-size: 60px;
		line-height: 74px;
		margin-bottom: 28px
	}

	.hero-layout4.style2 .hero-text {
		color: var(--white-color);
		font-size: 16px;
		line-height: 26px;
		font-weight: 300;
		font-family: var(--theme-font);
		margin-bottom: 37px;
		max-width: 100%
	}

	.number-nav .slick-dots {
		position: absolute;
		left: 121px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 3
	}

	.number-nav .slick-dots li button {
		text-indent: 0;
		color: var(--white-color);
		font-size: 16px;
		font-weight: 500;
		background-color: rgba(0, 0, 0, 0);
		border: 2px solid #fff;
		display: inline-block;
		width: 58px;
		height: 58px;
		padding: 0;
		border-radius: 50%;
		line-height: 55px;
		margin-bottom: 21px;
		transition: .3s
	}

	.number-nav .slick-dots li.slick-active button {
		background-color: var(--theme-color);
		border-color: var(--theme-color)
	}

	@media(max-width: 1500px) {
		.hero-layout4.style2 .hero-title {
			font-size: 48px;
			line-height: 60px;
			margin-bottom: 20px
		}

		.hero-layout4 .vs-video .style-2::before,
		.hero-layout4 .vs-video .style-2::after {
			display: none
		}

		.hero-title-one {
			font-size: 60px;
			line-height: 1.4;
			margin-bottom: 18px
		}

		.hero-layout4 .vs-hero-bg {
			padding: 140px 0 110px 0
		}
	}

	@media(max-width: 1199px) {
		.hero-title-one {
			font-size: 48px;
			line-height: 1.4;
			margin-bottom: 18px
		}

		.hero-text {
			font-size: 16px;
			max-width: 650px
		}

		.hero-layout1 {
			padding-top: 80px;
			--arrow-size: 60px;
			padding-bottom: 80px
		}

		.hero-shape {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%
		}

		.hero-layout2 .hero2-sub-title {
			margin-bottom: 10px
		}

		.hero-layout2 .hero-title-one {
			line-height: 1.3;
			margin-bottom: 30px
		}

		.hero-layout2 .vs-hero2-bg {
			padding-top: 70px;
			padding-bottom: 40px
		}
	}

	@media(max-width: 991px) {
		.hero-title-one {
			font-size: 36px;
			line-height: 1.4;
			margin-bottom: 13px
		}

		.hero-layout4 .vs-hero-bg {
			padding: 60px 0 50px 0
		}

		.hero-text {
			font-size: 14px;
			max-width: 650px
		}

		.hero-content-style1 .vs-btn {
			margin-bottom: 20px
		}

		.hero-layout4.style2 .hero-title {
			font-size: 36px;
			line-height: 48px;
			margin-bottom: 15px
		}

		.hero-layout4.style2 .hero-text {
			font-size: 16px;
			line-height: 26px;
			margin-bottom: 27px
		}
	}

	@media(max-width: 767px) {
		.hero-content-style1 {
			padding-top: 30px
		}

		.hero-content-style1 .vs-btn {
			margin-bottom: 0;
			margin-top: 25px
		}

		.hero-content-style1 [data-ani] {
			animation: none;
			opacity: 1
		}

		.hero-layout1 .hero-content-style1 {
			text-align: center;
			justify-content: center
		}

		.hero-layout1 .hero-text {
			margin-bottom: 0
		}

		.hero-layout2 .hero2-sub-title {
			font-size: 14px
		}

		.hero-layout3 .hero-title-one {
			margin-bottom: 25px
		}

		.hero-title-one {
			font-size: 28px;
			line-height: 1.6;
			margin-bottom: 13px
		}

		.hero-layout4.style2 .hero-title {
			font-size: 28px;
			line-height: 42px;
			margin-bottom: 10px
		}

		.hero-layout4.style2 .hero-text {
			font-size: 14px
		}
	}

	.feature_wrap1 {
		margin-top: -90px;
		position: relative;
		z-index: 1
	}

	.feature_style1 {
		background-color: var(--white-color);
		border: 2px solid rgba(0, 0, 0, 0);
		box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .04);
		padding: 38px 38px 31px 38px;
		margin: 10px 0 30px 0;
		transition: all ease .4s;
		border-radius: 10px
	}

	.feature_style1 .feature_icon {
		width: var(--icon-size, 110px);
		height: var(--icon-size, 110px);
		line-height: var(--icon-size, 110px);
		text-align: center;
		color: var(--theme-color);
		font-size: 52px;
		display: inline-block;
		border-radius: 10px;
		background: #f9f7e6;
		margin: 0 0 20px 0;
		transition: all ease .4s
	}

	.feature_style1 .feature_title {
		font-size: 24px;
		font-weight: 600;
		text-transform: capitalize
	}

	.feature_style1 .feature_title a,
	.feature_style1 .link-btn {
		color: var(--theme-color);
		transition: all ease .4s
	}

	.feature_style1:hover {
		box-shadow: none;
		border-color: var(--theme-color)
	}

	.feature_style1:hover .feature_icon {
		color: var(--white-color);
		background-color: var(--title-color)
	}

	.feature_style1:hover .feature_title a,
	.feature_style1:hover .link-btn {
		color: var(--title-color)
	}

	.fature-border {
		border-bottom: 2px solid var(--theme-color);
		padding-bottom: 60px
	}

	.feature-icon {
		width: 99px;
		height: 99px;
		border: 2px solid var(--theme-color);
		border-radius: 50%;
		margin-right: 30px;
		text-align: center;
		line-height: 105px;
		position: relative;
		z-index: 2
	}

	.feature-icon::before {
		content: "";
		position: absolute;
		background-color: var(--white-color);
		width: 75px;
		height: 75px;
		border-radius: 50%;
		left: -1px;
		right: 0;
		top: 50%;
		bottom: 0;
		margin: 0 auto;
		transform: translateY(-50%);
		z-index: -1;
		transition: all .3s ease-in-out
	}

	.feature-icon i {
		color: var(--theme-color);
		font-size: 36px;
		line-height: 105px
	}

	@media(max-width: 575px) {
		.feature-icon {
			margin: 0 auto 20px auto
		}
	}

	@media(max-width: 575px) {
		.feature-box {
			text-align: center
		}

		.feature-box .feature-key-wrapper2 {
			text-align: left
		}
	}

	.feature-box h4 {
		font-size: 20px
	}

	.feature-box .feature-content {
		overflow: hidden
	}

	.feature-box .feature-content .semi-title a {
		color: var(--theme-color)
	}

	.feature-box .feature-icon {
		border: none
	}

	.feature-box .feature-icon::before {
		background-color: var(--theme-color);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: scale(0.85);
		transition: all ease .4s
	}

	.feature-box .feature-icon:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border: 2px dashed var(--theme-color);
		border-radius: 50%;
		transition: all ease .4s;
		animation: spin 30s infinite linear
	}

	.feature-box .feature-icon i {
		color: var(--white-color)
	}

	.feature-box:hover .feature-icon::before {
		background-color: var(--title-color)
	}

	.feature-box:hover .feature-icon:after {
		border-color: var(--title-color)
	}

	.feature-box:hover .feature-icon i {
		color: var(--white-color)
	}

	.feature-bg {
		padding: 60px 0 40px 0;
		margin-left: 230px;
		margin-right: 230px;
		box-shadow: 0px 20px 117px 0px rgba(37, 69, 116, .06);
		position: relative;
		z-index: 3;
		margin-top: -120px;
		border-radius: 20px
	}

	@media(max-width: 1500px) {
		.feature-bg {
			margin-left: 25px;
			margin-right: 25px
		}
	}

	@media(max-width: 1199px) {
		.feature-bg {
			margin-left: 0;
			margin-right: 0;
			margin-top: 150px
		}
	}

	@media(max-width: 991px) {
		.feature-bg {
			margin-top: 0;
			padding: 60px 0 10px 0
		}
	}

	.feature-bg .feature-box .semi-title a {
		color: var(--title-color)
	}

	.feature-bg .feature-box:hover .feature-icon::before {
		background-color: var(--title-color)
	}

	.feature-layout-2 .feature-box .feature-icon i {
		transition: all ease .4s
	}

	.feature-layout-2 .feature-box:hover .feature-icon i {
		color: var(--theme-color)
	}

	.feature-layout-2 .feature-box:hover .feature-icon::before {
		background-color: var(--white-color)
	}

	.feature-layout-2 .feature-box:hover .feature-icon:after {
		border-color: var(--white-color)
	}

	.feature-key-wrapper2 .title-border2::before {
		background-color: var(--title-color)
	}

	.feature-key-wrapper2 ul li {
		color: var(--body-color) !important
	}

	.feature-key-wrapper2 ul li::before {
		color: var(--body-color) !important
	}

	.feature-key-wrapper2 .feature-box .pro-desc-text::before {
		background-color: var(--title-color) !important
	}

	@media(max-width: 1399px) {
		.feature_wrap1 {
			margin-top: var(--section-space)
		}
	}

	@media(max-width: 1199px) {
		.feature_style1 {
			padding: 38px 20px 31px 20px
		}

		.feature_style1 .feature_title {
			font-size: 22px;
			margin-bottom: 10px
		}

		.feature_style1 .feature_icon {
			--icon-size: 80px;
			font-size: 32px
		}

		.fature-border {
			padding-bottom: 0
		}
	}

	@media(max-width: 767px) {
		.feature_style1 {
			text-align: center
		}
	}

	@media(max-width: 575px) {
		.text-xs-center {
			text-align: center
		}

		.feature-bg.process-bg2 {
			background-position: unset
		}
	}

	.img_box1 {
		position: relative
	}

	.img_box1 .img_1,
	.img_box1 .img_2 {
		border-radius: 10px;
		overflow: hidden;
		width: -moz-max-content;
		width: max-content;
		max-width: 100%;
		position: relative;
		z-index: 1
	}

	.img_box1 .img_2 {
		right: 35px;
		z-index: 0;
		margin: -120px 0 0 auto
	}

	.img_box1 .exp_box1 {
		background-color: var(--theme-color);
		position: absolute;
		right: 0;
		top: 50px;
		padding: 45px 30px;
		border-radius: 10px;
		z-index: 3
	}

	.img_box1 .exp_box1:last-child {
		top: auto;
		right: auto;
		left: -35px;
		bottom: 50px
	}

	.img_box1 .exp_box_title {
		color: var(--white-color);
		margin: 0;
		font-size: 34px
	}

	.img_box1 .exp_box_text {
		color: var(--white-color);
		font-size: 20px;
		font-weight: 400;
		margin: 0
	}

	.list_style1 ul {
		margin-bottom: 38px
	}

	.list_style1 li {
		position: relative;
		margin-bottom: 13px;
		padding-left: 23px
	}

	.list_style1 li:before {
		content: "";
		position: absolute;
		left: 0;
		top: 9px;
		width: 6px;
		height: 6px;
		background-color: var(--white-color);
		box-shadow: 0 0 0 5px var(--theme-color);
		border-radius: 50%
	}

	.list-style2 ul {
		margin: 0 0 20px 0;
		padding: 0;
		list-style-type: none
	}

	.list-style2 li {
		position: relative;
		margin-bottom: 13px;
		display: flex
	}

	.list-style2 li:before {
		content: "";
		font-family: var(--icon-font);
		color: var(--theme-color);
		font-size: 18px;
		margin-right: 10px;
		vertical-align: middle
	}

	.call-media {
		display: flex;
		align-items: center
	}

	.call-media .media-icon {
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		font-size: 24px;
		border-radius: 50%;
		background-color: rgba(159, 151, 79, .2);
		color: var(--theme-color);
		margin-right: 15px
	}

	.call-media .media-label {
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 500;
		color: var(--title-color);
		font-family: var(--theme-font);
		line-height: 1;
		display: block;
		margin-bottom: 15px
	}

	.call-media .media-info {
		font-size: 24px;
		font-weight: 500;
		color: var(--title-color);
		margin-bottom: 0;
		line-height: 1
	}

	.call-media .media-info a:hover {
		color: var(--theme-color)
	}

	.list-style1 ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px 17px;
		text-align: left
	}

	.list-style1:not(.layout2) ul {
		margin: 38px 0 0 0;
		padding: 42px 0 0 0;
		border-top: 1px solid rgba(159, 151, 79, .5)
	}

	.list-style1.layout2 ul {
		margin: 0 0 38px 0;
		padding: 0 0 42px 0;
		border-bottom: 1px solid rgba(159, 151, 79, .5)
	}

	.list-style1 li {
		font-size: 14px;
		font-weight: 400;
		padding: 0 0 0 37px;
		position: relative
	}

	.list-style1 li:before {
		content: "";
		font-family: var(--icon-font);
		width: 25px;
		height: 25px;
		line-height: 27px;
		text-align: center;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: -2px;
		font-size: 14px;
		background-color: rgba(159, 151, 79, .4);
		color: var(--theme-color)
	}

	.about-img-box {
		margin-left: -90px
	}

	@media(max-width: 1500px) {
		.about-img-box {
			margin-left: 0
		}
	}

	.about-img-box2 {
		border-radius: 20px;
		overflow: hidden
	}

	.about-img-box2 .img-1 {
		position: relative;
		display: inline-block;
		padding: 10px;
		overflow: hidden
	}

	.about-img-box2 .img-1::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border: 2px dashed var(--theme-color);
		border-radius: 50%;
		animation: spin 90s infinite linear;
		pointer-events: none
	}

	.about-img-box2 .img-1 .mega-hover {
		border-radius: 50%
	}

	.about-space {
		padding-top: 370px;
		position: relative;
		z-index: 1;
		margin-top: -290px
	}

	.about-content-wrapper {
		padding-right: 20px;
		padding-left: 50px;
		margin-bottom: 30px
	}

	@media(max-width: 1199px) {
		.about-content-wrapper {
			padding-left: 0;
			padding-right: 0
		}
	}

	.hunting-img-box {
		margin-left: -180px
	}

	@media(max-width: 1500px) {
		.hunting-img-box {
			margin-left: 0
		}
	}

	@media(max-width: 991px) {
		.hunting-img-box {
			margin-left: 0
		}
	}

	@media(max-width: 767px) {
		.hunting-img-box {
			margin-left: 0
		}
	}

	@media(max-width: 575px) {
		.hunting-img-box {
			margin-left: 0
		}
	}

	.cta-box {
		overflow: hidden;
		text-align: left;
		display: flex;
		align-items: center;
		margin-bottom: 40px
	}

	@media(max-width: 767px) {
		.cta-box {
			display: inline-flex;
			margin-bottom: 30px
		}
	}

	.cta-box .vs-manager {
		width: 73px;
		height: 73px;
		margin-right: 20px;
		overflow: hidden
	}

	.location-details {
		display: inline-flex;
		flex-wrap: wrap;
		gap: 0 40px
	}

	.location-details .location-box {
		margin-bottom: 10px
	}

	.location-details .location-box h2 {
		margin-bottom: 0
	}

	.tab-btn-box {
		transform: translateY(-50px)
	}

	@media(max-width: 1199px) {
		.tab-btn-box {
			transform: translateY(0);
			padding-top: 60px
		}
	}

	.tab-btn-box .nav {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 30px;
		border: 0
	}

	@media(max-width: 767px) {
		.tab-btn-box .nav {
			grid-template-columns: repeat(1, 1fr);
			grid-gap: 20px
		}
	}

	.tab-btn-box .nav-link {
		color: var(--title-color);
		font-size: 20px;
		font-weight: 700;
		background-color: var(--white-color);
		box-shadow: 0px 7px 70px 0px rgba(37, 69, 116, .08);
		text-align: start;
		border: 0;
		padding: 39px 40px;
		line-height: 1;
		position: relative;
		z-index: 1
	}

	.tab-btn-box .nav-link::before {
		content: "";
		position: absolute;
		font-family: "Font Awesome 5 pro";
		color: var(--white-color);
		font-size: 21px;
		right: 30px;
		top: 50%;
		transform: translateY(-50%);
		background-color: var(--theme-color);
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 50%;
		text-align: center;
		z-index: 1
	}

	.tab-btn-box .nav-link i {
		margin-right: 12px
	}

	@media(max-width: 991px) {
		.tab-btn-box .nav-link {
			padding: 30px 10px;
			font-size: 18px
		}

		.tab-btn-box .nav-link::before {
			right: 10px;
			font-size: 12px;
			width: 30px;
			height: 30px;
			line-height: 30px
		}

		.tab-btn-box .nav-link i {
			margin-right: 10px
		}
	}

	@media(max-width: 767px) {
		.tab-btn-box .nav-link {
			padding: 20px 20px;
			font-size: 14px
		}

		.tab-btn-box .nav-link::before {
			right: 20px;
			font-size: 10px;
			width: 20px;
			height: 20px;
			line-height: 20px
		}

		.tab-btn-box .nav-link i {
			margin-right: 5px
		}
	}

	.tab-btn-box .nav-link:hover,
	.tab-btn-box .nav-link.active {
		color: var(--white-color);
		background-color: var(--theme-color)
	}

	.tab-btn-box .nav-link:hover::before,
	.tab-btn-box .nav-link.active::before {
		color: var(--theme-color);
		background-color: var(--white-color)
	}

	.vs-about-our-company .tab-content {
		padding-top: 100px;
		position: relative;
		z-index: 3
	}

	.gradient-bg {
		background-image: linear-gradient(to bottom, #fffde9, rgba(255, 253, 233, 0.5), rgba(255, 253, 233, 0.3), rgba(255, 253, 233, 0.2), rgba(255, 253, 233, 0))
	}

	.tab-btn-box2 .nav-tabs {
		border: 0;
		background-color: var(--white-color);
		box-shadow: 0px 20px 60px 0px rgba(95, 91, 69, .1);
		border-radius: 40px;
		padding: 10px
	}

	.tab-btn-box2 .nav-link {
		color: var(--title-color);
		font-size: 16px;
		font-weight: 500;
		line-height: 1;
		border: 0;
		padding: 25px 45px;
		border-radius: 40px;
		background-color: rgba(0, 0, 0, 0);
		transition: .3s
	}

	@media(max-width: 1399px) {
		.tab-btn-box2 .nav-link {
			padding: 25px 35px
		}
	}

	@media(max-width: 767px) {
		.tab-btn-box2 .nav-link {
			padding: 25px 30px;
			margin-bottom: 5px
		}
	}

	@media(max-width: 575px) {
		.tab-btn-box2 .nav-link {
			width: 100%
		}
	}

	.tab-btn-box2 .nav-link:hover,
	.tab-btn-box2 .nav-link.active {
		color: var(--white-color);
		background-color: var(--title-color)
	}

	.tab-btn-box2 .nav-link.active:hover {
		background-color: var(--theme-color)
	}

	@media(max-width: 1399px) {
		.list-style1 ul {
			gap: 18px 15px
		}

		.list-style1 li {
			font-size: 14px;
			padding: 0 0 0 35px
		}
	}

	@media(max-width: 1199px) {
		.call-media {
			margin-right: -20px
		}

		.call-media .media-icon {
			width: 50px;
			height: 50px;
			line-height: 50px;
			font-size: 18px
		}

		.call-media .media-label {
			font-size: 13px
		}

		.call-media .media-info {
			font-size: 20px
		}

		.img_box1 .exp_box1 {
			top: 30px;
			padding: 25px 20px;
			border-radius: 10px
		}

		.img_box1 .exp_box1:last-child {
			left: 0;
			bottom: 30px
		}

		.img_box1 .exp_box_title {
			font-size: 26px
		}

		.img_box1 .exp_box_text {
			font-size: 16px
		}

		.img_box1 .img_2 {
			right: 0
		}
	}

	@media(max-width: 991px) {
		.img_box1 {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
			margin-bottom: 40px
		}

		.img_box1 .img_1,
		.img_box1 .img_2 {
			width: 100%
		}

		.img_box1 .img_2 {
			margin: 0
		}

		.img_box1 .exp_box1 {
			top: auto;
			bottom: 30px
		}
	}

	@media(max-width: 767px) {
		.img_box1 .exp_box1 {
			top: 0;
			padding: 15px 15px;
			border-radius: 10px;
			position: relative;
			text-align: center
		}

		.img_box1 .exp_box1:last-child {
			bottom: 0
		}

		.img_box1 .exp_box_title {
			font-size: 18px
		}

		.img_box1 .exp_box_text {
			font-size: 12px
		}
	}

	@media(max-width: 767px) {
		.list-style1 ul {
			grid-template-columns: 1fr
		}

		.list-style1 li {
			font-size: 14px;
			padding: 0 0 0 35px
		}
	}

	.vs-video {
		position: relative;
		text-align: center
	}

	.vs-video .play-btn {
		position: absolute;
		left: 50%;
		top: 50%;
		background-color: var(--theme-color);
		transform: translate(-50%, -50%);
		z-index: 1
	}

	.vs-video .play-btn:hover {
		background-color: var(--title-color)
	}

	@media(max-width: 575px) {
		.vs-video .play-btn {
			padding-left: 0;
			padding-right: 0
		}

		.vs-video .play-btn::before {
			display: none
		}

		.vs-video .play-btn::after {
			display: none
		}
	}

	.vs-video .style-2 {
		background-color: var(--white-color) !important;
		top: 40%;
		left: 50%;
		transform: translateY(-32%, -50%)
	}

	@media(max-width: 1199px) {
		.vs-video .style-2 {
			top: 50%;
			transform: translateY(-50%, -50%)
		}
	}

	@media(max-width: 767px) {
		.vs-video .style-2 {
			width: 50px;
			height: 50px
		}
	}

	.vs-video .style-2::before {
		content: "";
		position: absolute;
		border: 2px solid rgba(255, 255, 255, .3);
		width: 150px;
		height: 150px;
		top: -25px;
		left: -25px;
		z-index: 1;
		border-radius: 50%
	}

	.vs-video .style-2::after {
		content: "";
		position: absolute;
		border: 2px solid rgba(255, 255, 255, .3);
		width: 195px;
		height: 195px;
		top: -46px;
		left: -46px;
		z-index: 1;
		border-radius: 50%
	}

	.vs-video .style-2 i {
		color: var(--title-color) !important;
		line-height: 98px;
		background-color: rgba(0, 0, 0, 0)
	}

	@media(max-width: 767px) {
		.vs-video .style-2 i {
			font-size: 14px;
			line-height: 50px
		}
	}

	.vs-video .style-2:hover {
		background-color: var(--theme-color) !important
	}

	.vs-video .style-2:hover i {
		color: var(--white-color) !important
	}

	.service_style1 {
		display: flex;
		margin-bottom: 30px
	}

	.service_style1 .service_img {
		min-height: 500px;
		position: relative;
		display: block;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center
	}

	.service_style1 .service_img:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		top: 0;
		background: linear-gradient(180deg, rgba(159, 151, 79, 0) 0%, #3a5f96 67.71%);
		opacity: 0;
		visibility: hidden;
		transition: all ease .4s
	}

	.service_style1 .service_content {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;
		padding: 0 0 60px 0;
		transition: all ease .4s
	}

	.service_style1 .service_title {
		color: var(--white-color);
		margin: 0 0 10px 0
	}

	.service_style1 .service_title a {
		color: inherit;
		position: relative
	}

	.service_style1 .service_title a:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 3px;
		background-color: var(--theme-color);
		transform: scaleX(0);
		transition: all ease .4s;
		opacity: 0;
		visibility: hidden
	}

	.service_style1 .service_title a:hover {
		color: var(--white-color)
	}

	.service_style1 .service_title a:hover:before {
		opacity: 1;
		visibility: visible;
		transform: scaleX(1)
	}

	.service_style1 .service_text {
		color: #f9f7e6;
		font-size: 14px;
		line-height: 24px;
		max-width: 390px;
		margin: 0 auto 24px auto
	}

	.service_style1 .vs-btn {
		padding: 8px 22.5px;
		font-size: 14px
	}

	.service_style1 .vs-btn:hover {
		background-color: var(--white-color);
		color: var(--theme-color)
	}

	.service_style1 .vs-btn,
	.service_style1 .service_text,
	.service_style1 .service_title {
		transition: all ease .4s;
		opacity: 0;
		visibility: hidden;
		transform: translateY(60px)
	}

	.service_style1 .service_inner {
		flex: 1;
		transition: all ease .4s;
		position: relative;
		overflow: hidden
	}

	.service_style1 .service_inner:hover {
		flex: 2.5
	}

	.service_style1 .service_inner:hover .service_img:before {
		opacity: .8999999762;
		visibility: visible
	}

	.service_style1 .service_inner:hover .vs-btn,
	.service_style1 .service_inner:hover .service_text,
	.service_style1 .service_inner:hover .service_title {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition-delay: .1s
	}

	.service_style1 .service_inner:hover .service_text {
		transition-delay: .2s
	}

	.service_style1 .service_inner:hover .vs-btn {
		transition-delay: .3s
	}

	@media(max-width: 575px) {
		.vs-services-box img {
			width: 100% !important
		}
	}

	.vs-services-box .vs-services-thumb {
		max-width: 325px;
		overflow: hidden;
		margin: 0 auto;
		border-radius: 20px
	}

	.vs-services-box .vs-services-thumb img {
		transition: all ease .4s;
		width: 100%;
		transform: scale(1.001)
	}

	.vs-services-box a.link-btn {
		margin-bottom: 13px
	}

	.vs-services-box .service-title {
		font-size: 24px
	}

	.vs-services-box .service-title a {
		color: inherit
	}

	.vs-services-box .service-title a:hover {
		color: var(--theme-color)
	}

	.vs-services-box:hover .vs-services-thumb img {
		transform: scale(1.15)
	}

	.vs-services-content {
		position: relative;
		padding: 35px 55px 20px 40px
	}

	@media(max-width: 1199px) {
		.vs-services-content {
			padding: 35px 25px 20px 25px
		}
	}

	@media(max-width: 991px) {
		.vs-services-content {
			padding: 35px 20px 20px 20px
		}
	}

	.vs-services-content::before {
		content: "";
		position: absolute;
		height: 280px;
		width: 100%;
		border-radius: 10px;
		background: var(--white-color);
		border: 2px solid rgba(159, 151, 79, .102);
		left: 0;
		bottom: 0;
		z-index: -1;
		transition: all .3s
	}

	.vs-services-box:hover .vs-services-content::before {
		border-color: var(--theme-color);
		box-shadow: 0px 8px 30px rgba(0, 0, 0, .05);
		opacity: 1
	}

	.services-arrow {
		position: absolute;
		left: -158px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		opacity: 1;
		transition: all ease .4s;
		padding: 0
	}

	@media only screen and (min-width: 1501px)and (max-width: 1900px) {
		.services-arrow {
			left: -100px
		}
	}

	@media(max-width: 1500px) {
		.services-arrow {
			left: -80px
		}
	}

	.services-arrow::before {
		content: "";
		position: absolute;
		border: 2px dashed var(--title-color);
		border-radius: 50%;
		top: -7px;
		right: -7px;
		bottom: -7px;
		left: -7px;
		z-index: 1;
		transition: all .3s;
		animation: spin 30s infinite linear
	}

	.services-arrow[data-slick-next] {
		left: auto;
		right: -158px;
		top: 50%;
		transform: translateY(-50%)
	}

	@media only screen and (min-width: 1501px)and (max-width: 1900px) {
		.services-arrow[data-slick-next] {
			right: -100px
		}
	}

	@media(max-width: 1500px) {
		.services-arrow[data-slick-next] {
			right: -80px
		}
	}

	.services-arrow:hover::before {
		border-color: var(--theme-color)
	}

	.services-arrow-box {
		opacity: 0;
		visibility: hidden;
		transition: all ease .4s
	}

	.vs-services:hover .services-arrow-box {
		opacity: 1;
		visibility: visible
	}

	@media(max-width: 1399px) {
		.vs-services:hover .services-arrow {
			opacity: 1
		}
	}

	.vs-services-area {
		padding-bottom: 55px
	}

	.vs-services-space {
		padding-bottom: 105px
	}

	@media(max-width: 1199px) {
		.vs-services-space {
			padding-bottom: 45px
		}
	}

	@media(max-width: 991px) {
		.vs-services-space {
			padding-bottom: 15px
		}
	}

	.vs-services-box2 {
		position: relative;
		background-color: rgba(0, 0, 0, 0);
		box-shadow: none
	}

	.vs-services-box2 .vs-services-thumb {
		overflow: hidden;
		border-radius: 10px
	}

	.vs-services-box2 .vs-services-thumb img {
		transition: all ease .4s;
		transform: scale(1.001)
	}

	.vs-services-box2:hover .vs-services-thumb img {
		transform: scale(1.18)
	}

	.vs-services-box2 .service-list {
		margin: 0;
		padding: 0;
		list-style-type: none
	}

	.vs-services-box2 .service-list li {
		display: block;
		padding-left: 30px;
		color: var(--body-color);
		font-size: var(--theme-font);
		font-weight: 300;
		position: relative;
		margin-bottom: 5px;
		z-index: 1
	}

	.vs-services-box2 .service-list li::before {
		content: "";
		position: absolute;
		font-family: "Font Awesome 5 pro";
		font-weight: 400;
		font-size: 10px;
		left: 0px;
		top: 0px;
		background-color: rgba(159, 151, 79, .2);
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius: 50%;
		text-align: center;
		filter: drop-shadow(0px 5px 30px rgba(95, 91, 69, 0.18));
		transition: .3s
	}

	.vs-services-box2 .service-list li:hover::before {
		color: var(--white-color);
		background-color: var(--theme-color)
	}

	.vs-services-box2 .vs-services-content2 {
		background-color: var(--white-color);
		filter: drop-shadow(0px 15px 26px rgba(95, 91, 69, 0.08));
		padding: 30px 40px 30px 40px;
		margin: -60px 20px 0 60px;
		position: relative;
		z-index: 5;
		border-radius: 7px;
		transition: .3s
	}

	@media(max-width: 1399px) {
		.vs-services-box2 .vs-services-content2 {
			padding: 30px 30px 30px 30px
		}
	}

	@media(max-width: 1199px) {
		.vs-services-box2 .vs-services-content2 {
			margin-left: 55px
		}
	}

	.vs-services-box2 .vs-services-content3 {
		border-radius: 0 0 10px 10px;
		border-top: none;
		padding: 35px 30px 22px 30px;
		margin-top: -9px;
		border: 1px solid var(--border-color);
		transition: all ease .4s
	}

	.vs-services-box2 .service-title a {
		color: inherit
	}

	.vs-services-box2 .service-title a:hover {
		color: var(--theme-color)
	}

	.vs-services-box2:hover .vs-services-content2 {
		margin-left: 10px
	}

	.vs-services-box2:hover .vs-services-content3 {
		border-color: var(--theme-color)
	}

	.dot-nav-style2 .slick-dots {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
		bottom: -25px;
		z-index: 5
	}

	.dot-nav-style2 .slick-dots li {
		display: inline-block;
		margin: 0 8px;
		position: relative
	}

	.dot-nav-style2 .slick-dots li::before {
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		background-color: var(--white-color);
		left: -6px;
		top: -6px;
		z-index: 1;
		box-shadow: 0px 4px 18px 0px rgba(95, 91, 69, .14);
		border-radius: 50%;
		opacity: 0
	}

	.dot-nav-style2 .slick-dots li button {
		background: rgba(0, 0, 0, 0);
		border: 2px solid var(--theme-color);
		width: 8px;
		height: 8px;
		position: relative;
		z-index: 2
	}

	.dot-nav-style2 .slick-dots li.slick-active::before {
		opacity: 1
	}

	.dot-nav-style2 .slick-dots li.slick-active button {
		background: var(--theme-color);
		width: 6px;
		height: 6px
	}

	@media(max-width: 1399px) {
		.services-arrow {
			left: -30px
		}

		.services-arrow[data-slick-next] {
			right: -30px
		}
	}

	.vs-services-box3 {
		position: relative
	}

	.vs-services-box3 .vs-services-thumb {
		border-radius: 10px
	}

	.vs-services-box3 .vs-services-content {
		border-radius: 10px;
		background-color: var(--white-color);
		box-shadow: 0px 20px 42px 0px rgba(0, 0, 0, .04);
		position: relative;
		text-align: center;
		max-width: 307px;
		margin: 0 auto;
		margin-top: -65px;
		z-index: 2;
		transition: .3s
	}

	.vs-services-box3 .vs-services-content::before {
		display: none
	}

	.vs-services-box3 .vs-services-content h5 a {
		color: var(--title-color) !important
	}

	.vs-services-box3 .vs-services-content p {
		transition: .3s
	}

	.vs-services-box3:hover .vs-services-content {
		background-color: var(--theme-color)
	}

	.vs-services-box3:hover .vs-services-content h5 a {
		color: var(--white-color) !important
	}

	.vs-services-box3:hover .vs-services-content p {
		color: var(--white-color) !important
	}

	.section-space {
		padding-bottom: 120px
	}

	@media(max-width: 1399px) {
		.section-space {
			padding-bottom: 90px
		}
	}

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

	.latest-work-box {
		position: relative;
		overflow: hidden;
		margin-bottom: var(--bs-gutter-x, 30px);
		border-radius: 20px
	}

	.latest-work-box::before {
		content: "";
		background-color: var(--title-color);
		opacity: .89;
		position: absolute;
		left: 0;
		top: 0;
		transform: scaleX(0);
		width: 100%;
		height: 100%;
		z-index: 1;
		transition: .3s
	}

	.latest-work-box .work-content {
		position: absolute;
		left: 30px;
		right: 30px;
		margin: 0 auto;
		text-align: center;
		z-index: 2;
		top: 50%;
		transform: translateY(-50%);
		transition: all ease .4s
	}

	@media(max-width: 1199px) {
		.latest-work-box .work-content {
			left: 0;
			right: 0
		}
	}

	@media(max-width: 991px) {
		.latest-work-box .work-content {
			left: 10px;
			right: 10px
		}
	}

	.latest-work-box .work-content p {
		color: var(--white-color)
	}

	.latest-work-box .work-title {
		color: var(--white-color);
		font-weight: 500;
		margin-top: -0.15em
	}

	.latest-work-box .work-title a {
		color: inherit;
		display: block
	}

	.latest-work-box .work-title a:hover {
		text-decoration: underline
	}

	.latest-work-box .work-content .vs-btn,
	.latest-work-box .work-content p,
	.latest-work-box .work-title {
		opacity: 0;
		visibility: hidden;
		transform: translateY(-20px);
		transition: all ease .4s
	}

	.latest-work-box .work-content .vs-btn2 {
		padding: 10px 25px;
		transform: translateY(20px)
	}

	.latest-work-box:hover::before {
		transform: scaleX(1)
	}

	.latest-work-box:hover .work-content .vs-btn,
	.latest-work-box:hover .work-content p,
	.latest-work-box:hover .work-title {
		transform: translateY(0px);
		opacity: 1;
		visibility: visible;
		transition-delay: .1s
	}

	.latest-work-box:hover .work-content .vs-btn,
	.latest-work-box:hover .work-title {
		transition-delay: .15s
	}

	.brand-content .vs-brand {
		border: 2px solid var(--border-color);
		padding: 28px 30px;
		border-radius: 10px;
		transition: .3s
	}

	.brand-content .vs-brand.mb-30 {
		margin-bottom: var(--bs-gutter-x, 30px)
	}

	.brand-content .vs-brand:hover {
		border-color: var(--title-color)
	}

	.services-details-content {
		background-color: var(--white-color);
		padding: 40px 40px 10px;
		margin-right: 120px;
		margin-left: 120px;
		position: relative;
		z-index: 2;
		margin-top: -70px;
		margin-bottom: 55px;
		border-radius: 20px;
		box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, .04)
	}

	@media(max-width: 1399px) {
		.services-details-content {
			padding: 55px 15px 20px;
			margin-top: 0
		}
	}

	@media(max-width: 1199px) {
		.services-details-content {
			margin-left: 0;
			margin-right: 0
		}
	}

	.services-details-content ul li {
		display: inline-block;
		margin-right: 50px;
		padding-bottom: 20px
	}

	@media(max-width: 991px) {
		.services-details-content ul li {
			margin-right: 15px
		}
	}

	@media(max-width: 575px) {
		.services-details-content ul li {
			display: block
		}
	}

	.services-details-content ul li h5 {
		font-size: 22px
	}

	.services-details-content ul li p {
		margin-bottom: 5px
	}

	.services-details-box {
		border-radius: 20px;
		overflow: hidden
	}

	.vs-services-thumb {
		border-radius: 30px;
		overflow: hidden
	}

	@media(max-width: 1399px) {
		.services-arrow-box {
			display: none
		}
	}

	@media(max-width: 1199px) {
		.service_style1 .service_content {
			padding: 0 20px 30px 20px
		}
	}

	@media(max-width: 991px) {
		.service_style1 {
			flex-direction: column;
			min-height: 700px
		}

		.service_style1 .service_inner {
			display: flex
		}

		.service_style1 .service_img {
			min-height: auto
		}

		.service_style1 .service_img:before {
			background-image: none;
			background-color: var(--title-color)
		}
	}

	@media(max-width: 767px) {
		.vs-services-area {
			padding-bottom: 0
		}

		.services-details-content ul {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			justify-content: center
		}

		.services-details-content ul li {
			margin-right: 10px;
			padding-bottom: 0
		}

		.services-details-content ul li p,
		.services-details-content ul li h5 {
			font-size: 13px
		}

		.services-details-content .vs-btn {
			padding: 7px 20px;
			font-size: 12px
		}

		.services-details-content {
			margin-left: 0;
			margin-right: 0;
			padding: 30px 0 30px 0;
			margin-bottom: 30px
		}
	}

	@media(max-width: 767px) {
		.vs-services-box3 .vs-services-thumb {
			border-radius: 10px 10px 0 0
		}

		.vs-services-box3 .vs-services-content {
			border-radius: 0 0 10px 10px;
			margin: -5px 0 0 0;
			max-width: 100%
		}
	}

	.banner-content-box {
		position: relative;
		overflow: hidden;
		z-index: 1;
		border-radius: 20px
	}

	.banner-content-box .banner-content {
		position: absolute;
		left: 14%;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
		max-width: 256px
	}

	@media(max-width: 991px) {
		.banner-content-box .banner-content {
			left: 7%
		}
	}

	@media(max-width: 575px) {
		.banner-content-box .banner-content {
			left: 7%
		}
	}

	@media(max-width: 991px) {
		.banner-content-box .banner-content .banner-title {
			font-size: 26px
		}
	}

	@media(max-width: 575px) {
		.banner-content-box .banner-content .banner-title {
			font-size: 18px
		}
	}

	.banner-content-box .offer-post-img {
		position: absolute;
		right: 12.5%;
		top: 4%;
		z-index: 1
	}

	@media(max-width: 1199px) {
		.banner-content-box .offer-post-img {
			top: 0;
			width: 22%
		}
	}

	.banner-shape-water {
		position: absolute;
		top: -213px;
		left: 0;
		z-index: 2;
		width: 100%
	}

	.team-wrap1 {
		padding-bottom: 240px
	}

	.team_style1 {
		display: flex;
		align-items: flex-start;
		margin: 0 0 30px 15px
	}

	.team_style1 .team_img {
		position: relative;
		z-index: 2;
		width: var(--img-size, 300px)
	}

	.team_style1 .team_img img {
		width: 100%;
		border-radius: 50%
	}

	.team_style1 .team_img:before {
		content: "";
		position: absolute;
		top: -15px;
		right: -15px;
		bottom: -15px;
		left: -15px;
		border: 30px solid var(--theme-color);
		border-radius: 50%;
		z-index: 1;
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0% 100%);
		clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0% 100%);
		transform: rotate(50deg);
		pointer-events: none;
		transition: all ease .4s
	}

	.team_style1 .team_content {
		flex: 1;
		padding: 0 0 0 var(--img-gap, 30px)
	}

	.team_style1 .team_info {
		position: relative;
		flex: 1;
		z-index: 1;
		padding: 25px 30px 30px 0
	}

	.team_style1 .team_info::before {
		content: "";
		position: absolute;
		left: calc((var(--img-size, 300px) + var(--img-gap, 30px))/-2);
		top: 0;
		right: 0;
		bottom: 0;
		background-color: var(--white-color);
		z-index: -1;
		border-radius: 0 30px 30px 0
	}

	.team_style1 .team_name {
		font-size: 26px;
		font-weight: 500;
		margin: 0 0 5px 0
	}

	.team_style1 .team_name a {
		color: inherit
	}

	.team_style1 .team_name a:hover {
		color: var(--theme-color)
	}

	.team_style1 .team_degi {
		color: var(--theme-color);
		font-weight: 400;
		margin: 0 0 25px 0
	}

	.team_style1 .team_mail {
		display: block;
		padding: 1px 20px 1px 1px;
		font-weight: 300;
		background-color: #f9f7e6;
		color: var(--title-color);
		border-radius: 9999px;
		transition: all ease .4s
	}

	.team_style1 .team_mail i {
		width: 38px;
		height: 38px;
		line-height: 38px;
		text-align: center;
		margin-right: 15px;
		border-radius: 50%;
		color: var(--title-color);
		background-color: var(--white-color)
	}

	.team_style1 .team_mail:hover {
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	.team_style1 .team_social {
		padding: 20px 0 0 0
	}

	.team_style1 .team_social a {
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: var(--white-color);
		color: var(--title-color);
		transition: all ease .4s;
		margin: 0 3px 0 0;
		border-radius: 50%
	}

	.team_style1 .team_social a:last-child {
		margin-right: 0
	}

	.team_style1 .team_social a:hover {
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	.team_style1:hover .team_img:before {
		transform: rotate(30deg);
		border-color: var(--title-color)
	}

	.vs-member-box {
		padding: 55px 0 35px 0;
		margin-bottom: 30px;
		border-radius: 100px;
		transition: all .3s;
		position: relative;
		z-index: 2;
		text-align: center
	}

	.vs-member-box.has-border {
		border: 2px solid var(--border-color)
	}

	.vs-member-box .member-content {
		margin-top: 30px
	}

	.vs-member-box .member-img {
		width: 280px;
		height: 280px;
		border-radius: 50%;
		margin-bottom: 55px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		transition: all .3s
	}

	.vs-member-box .member-img img {
		width: 100%
	}

	.vs-member-box .member-img::before {
		content: "";
		position: absolute;
		background-color: rgba(159, 151, 79, .3);
		border-radius: 50%;
		left: -15px;
		right: -15px;
		bottom: -15px;
		top: -15px;
		z-index: -1;
		transition: all .5s;
		width: auto !important;
		height: auto !important
	}

	.vs-member-box .member-links .links-list {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		text-align: center;
		transform: translate(0, -30%);
		opacity: 0;
		visibility: hidden;
		z-index: 5;
		transition: all ease .4s
	}

	.vs-member-box .member-links .links-list li {
		display: inline-block
	}

	.vs-member-box .member-links a {
		font-size: 16px;
		display: inline-block;
		width: 50px;
		height: 50px;
		line-height: 50px;
		background-color: var(--theme-color);
		color: var(--white-color);
		border-radius: 50%;
		transition: all .3s
	}

	.vs-member-box .member-links a:hover {
		color: var(--title-color);
		background-color: var(--white-color) !important
	}

	.vs-member-box .member-name,
	.vs-member-box .degi {
		transition: all ease .4s
	}

	.vs-member-box:hover .links-list {
		opacity: 1;
		visibility: visible;
		transform: translateY(-50%)
	}

	.slick-center .vs-member-box,
	.vs-member-box:hover {
		background-color: var(--title-color)
	}

	.slick-center .vs-member-box.has-border,
	.vs-member-box:hover.has-border {
		border-color: rgba(0, 0, 0, 0)
	}

	.slick-center .vs-member-box .member-img:before,
	.vs-member-box:hover .member-img:before {
		border-color: rgba(0, 0, 0, 0);
		background-color: var(--theme-color)
	}

	.slick-center .vs-member-box .degi,
	.slick-center .vs-member-box .member-name a,
	.vs-member-box:hover .degi,
	.vs-member-box:hover .member-name a {
		color: var(--white-color) !important
	}

	.slick-center .vs-member-box .member-name a:hover,
	.vs-member-box:hover .member-name a:hover {
		text-decoration: underline
	}

	.vs-team-style2 .vs-member-box {
		overflow: hidden;
		padding: 0;
		position: relative;
		border-radius: 20px;
		background: rgba(0, 0, 0, 0);
		border-color: rgba(0, 0, 0, 0);
		box-shadow: none
	}

	.vs-team-style2 .vs-member-box:before {
		display: none
	}

	.vs-team-style2 .vs-member-box:hover {
		background: rgba(0, 0, 0, 0);
		border-color: rgba(0, 0, 0, 0);
		box-shadow: none
	}

	.vs-team-style2 .vs-member-box:hover .media-links {
		opacity: 1;
		visibility: visible;
		right: -201px
	}

	.vs-team-style2 .media-links {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: var(--white-color);
		transform: rotate(-90deg);
		position: absolute;
		right: -255px;
		top: 196px;
		width: 458px;
		opacity: 0;
		visibility: hidden;
		transition: .3s
	}

	@media(max-width: 1199px) {
		.vs-team-style2 .media-links.px-4 {
			padding-left: 5px !important;
			padding-right: 5px !important
		}
	}

	@media(max-width: 991px) {
		.vs-team-style2 .media-links.px-4 {
			padding-left: 10px !important;
			padding-right: 10px !important
		}
	}

	@media(max-width: 1199px) {
		.vs-team-style2 .media-links h6 {
			display: inline-block
		}
	}

	@media(max-width: 575px) {
		.vs-team-style2 .media-links {
			padding-left: 0 !important;
			padding-right: 0 !important
		}
	}

	.vs-team-style2 .media-links a {
		color: var(--title-color);
		background-color: var(--media-color, var(--light-color));
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin: 0 3px;
		transform: rotate(90deg)
	}

	@media(max-width: 1399px) {
		.vs-team-style2 .media-links a {
			transform: rotate(0deg)
		}
	}

	@media(max-width: 991px) {
		.vs-team-style2 .media-links a {
			transform: rotate(0deg)
		}
	}

	.vs-team-style2 .media-links a:hover {
		background-color: var(--theme-color)
	}

	.vs-team-style2 .media-links h6 a {
		background-color: rgba(0, 0, 0, 0)
	}

	.vs-team-style2 .media-links h6 a:hover {
		color: var(--theme-color);
		background-color: rgba(0, 0, 0, 0)
	}

	.team_fix1 .vs-member-box {
		background-color: var(--smoke-color);
		padding-bottom: 30px
	}

	.team_fix1 .member-img2 {
		position: relative
	}

	.team_fix1 .member-img2:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: var(--title-color);
		opacity: 0;
		visibility: hidden;
		transition: all ease .4s
	}

	.team_fix1 .member-links {
		position: absolute;
		left: 0;
		right: 0;
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 50px;
		opacity: 0;
		visibility: hidden;
		transition: all ease .4s
	}

	.team_fix1 .vs-member-box:hover .member-links {
		margin-top: 0;
		opacity: 1;
		visibility: visible
	}

	.team_fix1 .vs-member-box:hover .member-img2::before {
		opacity: .6;
		visibility: visible
	}

	.team_fix1 .vs-member-box:hover,
	.team_fix1 .slick-center .vs-member-box {
		background-color: var(--theme-color)
	}

	.team_fix1 .slick-center .vs-member-box .media-links {
		opacity: 1;
		visibility: visible;
		right: -201px
	}

	.team_fix1 .media-links {
		background-color: var(--theme-color)
	}

	.team_fix1 .text-title2 a {
		color: var(--white-color)
	}

	.team_fix1 .text-title2 a:hover {
		color: var(--white-color) !important;
		text-decoration: underline
	}

	.team_fix1 .member-links a {
		background-color: var(--white-color);
		color: var(--theme-color)
	}

	.team_fix1 .member-links a:hover {
		background-color: var(--title-color) !important;
		color: var(--white-color)
	}

	.team-details-img {
		border-radius: 20px;
		overflow: hidden
	}

	.team_fix2 .vs-member-box:hover,
	.team_fix2 .slick-center .vs-member-box {
		background-color: var(--theme-color)
	}

	.team_fix2 .vs-member-box:hover .member-img:before,
	.team_fix2 .slick-center .vs-member-box .member-img:before {
		background-color: rgba(255, 255, 255, .3)
	}

	.about-team-layout-1 .vs-member-box {
		background-color: var(--white-color);
		border: none
	}

	.about-team-layout-1 .vs-member-box:before {
		display: none
	}

	.about-team-layout-1 .vs-member-box .member-links a {
		background-color: var(--theme-color)
	}

	.about-team-layout-1 .vs-member-box .member-img:before {
		opacity: 1;
		visibility: visible
	}

	.about-team-layout-1 .member-content {
		margin-top: 40px
	}

	.about-team-layout-1 .vs-member-box .member-img:before,
	.about-team-layout-1 .slick-center .vs-member-box .member-img:before {
		transform: scale(1)
	}

	.vs-team3 .media-links3 {
		background-color: var(--media-color);
		--media-color: #f3f0d9
	}

	@media(max-width: 767px) {
		.vs-team3 .media-links3 {
			padding-right: 0 !important;
			padding-left: 0 !important
		}
	}

	.vs-team3 .media-links3 a {
		background-color: var(--white-color)
	}

	.vs-team3 .media-links3 a:hover {
		background-color: currentColor
	}

	.vs-team3 .media-links3 a:hover i {
		color: var(--white-color)
	}

	.vs-team3 .media-links3 h6:hover i {
		color: inherit
	}

	.team-socials {
		display: flex;
		align-items: center
	}

	.team-socials .title {
		margin: 0;
		line-height: 1;
		margin-right: 20px;
		font-size: 14px
	}

	.team-socials .vs-social-group {
		padding: 0
	}

	.team-socials .vs-social-group a {
		margin-right: 5px
	}

	.team-socials .vs-social-group a:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.team-socials .vs-social-group a:last-child {
		margin-right: 0
	}

	.team-info {
		padding: 60px 70px 60px 50px;
		border-radius: 0 20px 20px 0;
		box-shadow: 0px 0 40px 0px rgba(0, 0, 0, .04)
	}

	.team-info table {
		margin-bottom: 15px
	}

	.team-info span.degi.text-theme {
		font-size: 18px;
		display: block;
		margin-bottom: 5px
	}

	.team-info .desc.fs-md {
		font-size: 14px;
		margin-bottom: 0
	}

	@media(max-width: 1199px) {
		.team-info {
			padding: 30px
		}
	}

	@media(max-width: 575px) {
		.team-info {
			padding: 30px 15px
		}
	}

	.team-info-table td {
		border: none;
		padding: 6px 0;
		font-size: 14px;
		padding-right: 10px
	}

	.team-info-table td:first-child {
		color: var(--title-color);
		font-weight: 600
	}

	.team-info-table td:first-child i {
		color: var(--theme-color);
		display: inline-block;
		width: 35px
	}

	.team-info-table td a:hover {
		color: var(--theme-color) !important
	}

	@media(max-width: 1199px) {
		.vs-member-box .member-img {
			width: 200px;
			height: 200px
		}

		.team_fix1 {
			overflow: hidden
		}
	}

	@media(max-width: 1399px) {
		.team_style1 {
			--img-gap: 20px
		}

		.team_style1 .team_img {
			--img-size: 200px
		}

		.team_style1 .team_img:before {
			top: -7.5px;
			right: -7.5px;
			bottom: -7.5px;
			left: -7.5px;
			border: 15px solid var(--theme-color)
		}

		.team_style1 .team_info {
			padding: 20px 25px 20px 0
		}

		.team_style1 .team_mail {
			padding: 1px 10px 1px 1px;
			font-size: 12px
		}
	}

	@media(max-width: 991px) {
		.team-wrap1 {
			padding-bottom: 30px
		}

		.team_style1 {
			display: block;
			text-align: center;
			margin: 0 0 30px 0
		}

		.team_style1 .team_img {
			margin: 0 auto 0 auto
		}

		.team_style1 .team_info {
			padding: 20px
		}

		.team_style1 .team_info::before {
			left: 0;
			right: 0;
			border-radius: 20px
		}

		.team_style1 .team_mail {
			width: -moz-max-content;
			width: max-content;
			margin-left: auto;
			margin-right: auto;
			padding-right: 20px
		}

		.team_style1 .team_degi {
			margin: 0 0 15px 0
		}

		.team_style1 .team_content {
			padding: 0
		}
	}

	@media(max-width: 767px) {
		.team-socials {
			display: block;
			margin-top: 10px
		}

		.team-socials .title {
			margin-right: 0;
			margin-bottom: 12px
		}

		.team-info-table td {
			font-size: 13px;
			margin-right: 5px
		}

		.team-info-table td:first-child i {
			width: 25px
		}
	}

	.testi_wrap1 {
		margin-top: -120px;
		position: relative;
		z-index: 1
	}

	.testimonial_fix1 .author-info {
		margin-top: 20px
	}

	.testi-img1 img {
		width: 100%
	}

	.testi_style1 {
		padding: 90px 120px
	}

	.testi_style1 .sec_subtitle {
		color: #f9f7e6
	}

	.testi_style1 .sec_title {
		color: var(--white-color);
		margin: 0 0 47px 0
	}

	.testi_style1 .testi_quote {
		width: 80px;
		height: 80px;
		line-height: 80px;
		text-align: center;
		background-color: var(--white-color);
		color: var(--theme-color);
		border-radius: 10px;
		font-size: 38px;
		margin-bottom: 10px;
		margin-bottom: 22px
	}

	.testi_style1 .testi_text {
		font-size: 20px;
		line-height: 34px;
		font-weight: 300;
		color: #f9f7e6;
		margin: 0 0 22px 0
	}

	.testi_style1 .testi_author {
		font-size: 24px;
		line-height: 1;
		margin: 0 0 15px 0;
		color: var(--white-color);
		font-weight: 500
	}

	.testi_style1 .testi_degi {
		line-height: 1;
		color: #f9f7e6;
		display: block
	}

	.testi_avater1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		width: 65px
	}

	.testi_avater1 .avater {
		width: 62px;
		height: 62px;
		background-color: var(--white-color);
		padding: 6px;
		border-radius: 50%;
		margin: 10px auto;
		cursor: pointer;
		transition: all ease .4s
	}

	.testi_avater1 .avater img {
		width: 100%
	}

	.testi_avater1 .slick-center .avater,
	.testi_avater1 .avater:hover {
		background-color: var(--theme-color)
	}

	.vs-testimonial-wrapper {
		position: relative;
		z-index: 2
	}

	.vs-testimonial-wrapper::before {
		z-index: -1
	}

	@media(max-width: 1199px) {
		.vs-testimonial-wrapper .sec-title2 {
			padding-right: 0
		}
	}

	@media(max-width: 991px) {
		.vs-testimonial-wrapper .sec-title2 {
			padding-right: 0
		}
	}

	.vs-testimonial-wrapper .quote-icon {
		position: absolute;
		top: 69px;
		right: 0;
		z-index: -1
	}

	.vs-testimonial-wrapper .rating {
		margin-bottom: 22px
	}

	.vs-testimonial-wrapper .rating a,
	.vs-testimonial-wrapper .rating i {
		color: var(--yellow-color)
	}

	.dot-nav-style .slick-dots {
		position: absolute;
		left: 0;
		right: 0;
		text-align: center;
		bottom: 30px;
		z-index: 11
	}

	.dot-nav-style .slick-dots li {
		margin-right: 20px;
		display: inline-block
	}

	.dot-nav-style .slick-dots li:last-child {
		margin-right: 0
	}

	.dot-nav-style .slick-dots li.slick-active button {
		background-color: var(--theme-color);
		box-shadow: 0 0 0 6px #e9e5bf
	}

	.dot-nav-style .slick-dots button {
		width: 8px;
		height: 8px;
		background-color: var(--white-color);
		border-radius: 50%;
		box-shadow: none
	}

	.dot-nav-style .slick-dots button:hover {
		background-color: var(--theme-color)
	}

	.vs-wrapper-content {
		position: relative;
		z-index: 2
	}

	.vs-wrapper-content::before {
		content: "";
		position: absolute;
		left: 6%;
		top: -13%;
		background: url(../img/icons/quote-2.png) no-repeat;
		width: 507px;
		height: 365px;
		z-index: -1
	}

	@media(max-width: 767px) {
		.vs-wrapper-content::before {
			display: none
		}
	}

	.testimonial-btn {
		position: relative;
		z-index: 1
	}

	.testi-btn {
		position: absolute;
		bottom: 45px;
		left: auto;
		right: calc(var(--bs-gutter-x)/2 + 15px)
	}

	.testi-btn .test-arrow2 {
		font-size: 16px;
		background-color: var(--theme-color);
		color: var(--white-color);
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 50%
	}

	.testi-btn .test-arrow2:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.testimonial-img-box {
		overflow: hidden;
		border-radius: 30px
	}

	@media(max-width: 991px) {
		.testimonial-img-box img {
			width: 100%
		}
	}

	.testimonial-img-box2 {
		border-radius: 30px;
		overflow: hidden
	}

	.testimonial-img-box2 img {
		width: 100%
	}

	@media(max-width: 575px) {
		.testimonial-img-box2 img {
			width: 100%
		}
	}

	.testimonial-content-wrapper3 {
		position: relative;
		z-index: 1
	}

	.testimonial-content-wrapper3 .quote-icon {
		position: absolute;
		right: -195px;
		top: 27px;
		z-index: -1
	}

	@media(max-width: 1500px) {
		.testimonial-content-wrapper3 .quote-icon {
			right: 0
		}
	}

	@media(max-width: 1199px) {
		.testimonial-content-wrapper3 .quote-icon {
			right: 0
		}
	}

	.testimonial-content-wrapper3 .rating i {
		color: var(--yellow-color)
	}

	.testimonial-content-wrapper3 .testimonial-content-box {
		position: relative;
		z-index: 2
	}

	.author-info {
		margin-top: 30px;
		padding-bottom: 10px;
		cursor: pointer
	}

	.author-info .author-img {
		margin-right: 20px;
		position: relative;
		z-index: 1
	}

	.author-info .author-img::before {
		content: "";
		position: absolute;
		width: 74px;
		height: 74px;
		border: 2px solid rgba(0, 0, 0, 0);
		border-radius: 50%;
		left: -7px;
		top: -7px;
		z-index: 1
	}

	.author-info .author-info-text {
		padding-top: 11px
	}

	.author-info.slick-slide {
		opacity: .4
	}

	.author-info.slick-current.slick-active {
		opacity: 1
	}

	.author-info.slick-current.slick-active .author-img::before {
		border-color: var(--title-color)
	}

	.welcome-bg {
		position: relative;
		padding-bottom: 230px;
		overflow: hidden
	}

	@media(max-width: 1199px) {
		.welcome-bg {
			padding-bottom: 110px
		}
	}

	@media(max-width: 991px) {
		.welcome-bg {
			padding-bottom: 50px
		}
	}

	.welcome-bg .author-info-wrapper {
		padding-right: 130px;
		padding-left: 7px;
		margin-left: 0
	}

	.welcome-bg .author-info-wrapper .slick-list.draggable {
		padding-left: 7px
	}

	@media(max-width: 1199px) {
		.welcome-bg .author-info-wrapper {
			padding-right: 0
		}
	}

	.welcome-bg .banner-shape {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 23%;
		z-index: 1;
		animation: float-bob-y infinite 5s linear
	}

	@media(max-width: 1500px) {
		.welcome-bg .banner-shape {
			width: 18%
		}
	}

	.left-img-section {
		position: absolute;
		left: 0;
		top: 0;
		width: 43%;
		z-index: 1;
		-webkit-clip-path: polygon(0 0, 88.5% 0, 100% 83%, 0% 100%);
		clip-path: polygon(0 0, 88.5% 0, 100% 83%, 0% 100%)
	}

	@media(max-width: 1199px) {
		.left-img-section {
			top: 0;
			-webkit-clip-path: none;
			clip-path: none
		}
	}

	@media(max-width: 1399px) {
		.left-img-section {
			top: 15%;
			width: 46%
		}
	}

	.testimonial-fix1 .rating {
		margin-bottom: 10px
	}

	.testimonial-fix1 p {
		line-height: 1.8
	}

	.testimonial-fix1 .author-info {
		margin-top: 15px
	}

	.testimonial-fix1 .author-info h4 {
		margin-bottom: 5px
	}

	.testimonial-fix1 .author-info p {
		margin-bottom: 0;
		color: var(--theme-color)
	}

	@media(max-width: 1399px) {
		.testi_style1 {
			padding: 75px 60px 75px 40px
		}

		.testi_style1 .sec_title {
			margin: 0 0 30px 0
		}

		.testi_style1 .testi_quote {
			width: 65px;
			height: 65px;
			line-height: 66px;
			font-size: 26px
		}

		.testi_style1 .testi_text {
			font-size: 16px;
			line-height: 28px;
			margin: 0 0 22px 0
		}

		.vs-comapany-welcome {
			width: 100%;
			overflow: hidden
		}
	}

	@media(max-width: 991px) {
		.testi_avater1 {
			width: 400px;
			max-width: 100%
		}

		.testi_wrap1 {
			margin-top: 60px
		}

		.testi_style1 {
			text-align: center
		}

		.testi_style1 .testi_quote {
			margin-left: auto;
			margin-right: auto
		}

		.testimonial-content-wrapper.position-relative.mb-30 {
			margin-bottom: 0
		}

		.vs-testimonial-wrapper .sec-title2.mb-40.pr-50 {
			padding-right: 0;
			margin-bottom: 20px;
			margin-top: 10px
		}

		.vs-testimonial-wrapper .rating {
			margin-bottom: 14px
		}
	}

	@media(max-width: 767px) {
		.testi_style1 {
			padding: 50px 15px 70px 15px
		}

		.testi_style1 .testi_author {
			font-size: 18px
		}

		.testimonial-btn .author-info {
			margin-top: 15px;
			padding-bottom: 0;
			cursor: pointer
		}

		.testi_avater1 {
			max-width: 80%
		}

		.testi_avater1 .avater {
			width: 50px;
			height: 50px;
			padding: 3px;
			margin: auto 8px
		}
	}

	@media(max-width: 575px) {
		.testi_style1 .testi_text {
			font-size: 14px;
			line-height: 26px
		}
	}

	.about-shape1 {
		position: absolute;
		top: -50px
	}

	@media(max-width: 1800px) {
		.about-shape1 {
			display: none
		}
	}

	.blog_style1 {
		background-color: var(--white-color);
		overflow: hidden;
		margin-bottom: 30px;
		border-radius: 10px
	}

	.blog_style1 .blog_date {
		display: inline-block;
		border-radius: 6px;
		opacity: .8999999762;
		background-color: var(--theme-color);
		color: var(--white-color);
		position: absolute;
		right: 20px;
		bottom: 20px;
		z-index: 2;
		font-size: 16px;
		line-height: 1;
		text-align: center;
		padding: 12.5px 10px;
		width: 80px;
		transition: all ease .4s
	}

	.blog_style1 .blog_date .day {
		display: block;
		font-weight: 600;
		font-size: 24px;
		margin-bottom: 5px
	}

	.blog_style1 .blog_img {
		overflow: hidden;
		position: relative
	}

	.blog_style1 .blog_img img {
		width: 100%;
		transform: scale(1.001);
		transition: all ease .4s
	}

	.blog_style1 .blog_title {
		margin-bottom: 8px;
		font-weight: 500
	}

	.blog_style1 .blog_title a {
		color: inherit
	}

	.blog_style1 .blog_title a:hover {
		color: var(--theme-color)
	}

	.blog_style1 .blog_content {
		padding: 24px 30px 26px 30px
	}

	.blog_style1 .blog_bottom {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-top: 1px solid var(--theme-color);
		padding: 25px 0 0 0;
		margin: 17px 0 0 0
	}

	.blog_style1 .blog_auth {
		font-size: 14px;
		font-weight: 400;
		color: var(--title-color)
	}

	.blog_style1 .blog_auth img {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		margin-right: 7px
	}

	.blog_style1 .vs-btn {
		padding: 13px 20px;
		font-size: 14px;
		line-height: 1
	}

	.blog_style1:hover .blog_date {
		background-color: var(--white-color);
		color: var(--title-color)
	}

	.blog_style1:hover .blog_img img {
		transform: scale(1.15)
	}

	.vs-blog {
		border-radius: 20px;
		background: var(--white-color);
		border: 1px solid var(--border-color);
		transition: .3s
	}

	.vs-blog .blog-date {
		position: absolute;
		width: 60px;
		height: 80px;
		background: var(--white-color);
		filter: drop-shadow(0px 5px 15px rgba(13, 33, 66, 0.08));
		right: 40px;
		top: 0;
		padding: 16px;
		border-radius: 0 0 5px 5px;
		z-index: 1;
		transition: .3s;
		font-size: 14px;
		font-weight: 300
	}

	.vs-blog .blog-date::first-line {
		font-size: 24px;
		font-weight: 600
	}

	.vs-blog .blog-date:hover {
		color: var(--theme-color)
	}

	.vs-blog .blog-date.text-theme2:hover {
		color: var(--title-color) !important
	}

	.vs-blog .blog-img {
		border-radius: 20px;
		position: relative
	}

	.vs-blog .blog-title {
		font-size: 20px;
		line-height: 1.5
	}

	@media(max-width: 575px) {
		.vs-blog .blog-title {
			font-size: 18px
		}
	}

	.vs-blog .blog-content {
		padding: 35px 40px 20px 40px
	}

	@media(max-width: 575px) {
		.vs-blog .blog-content {
			padding: 35px 25px 20px 25px
		}
	}

	.vs-blog .blog-content .blog-meta a {
		color: var(--body-color);
		margin-right: 24px;
		position: relative
	}

	.vs-blog .blog-content .blog-meta a::before {
		content: "";
		position: absolute;
		width: 1px;
		height: 12px;
		background-color: var(--body-color);
		right: -13px;
		top: 2px;
		z-index: 1
	}

	.vs-blog .blog-content .blog-meta a:last-child {
		margin-right: 0
	}

	.vs-blog .blog-content .blog-meta a:last-child::before {
		display: none
	}

	.vs-blog .blog-content .blog-meta a>i {
		margin-right: 7px
	}

	.vs-blog .blog-content .blog-meta a:hover {
		color: var(--theme-color)
	}

	.vs-blog:hover {
		border: 1px solid var(--border-color);
		box-shadow: 0px 20px 25px rgba(0, 0, 0, .08)
	}

	.vs-blog2 {
		position: relative;
		overflow: hidden;
		border-radius: 30px;
		border: none;
		z-index: 2
	}

	.vs-blog2 .blog-img {
		border-radius: 0;
		border: none;
		box-shadow: none;
		position: relative
	}

	@media(max-width: 767px) {
		.vs-blog2 .blog-img img {
			width: 100%
		}
	}

	.vs-blog2 .blog-img::before {
		content: "";
		position: absolute;
		background-image: linear-gradient(135deg, rgb(159, 151, 79) 55%, transparent);
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 1;
		visibility: hidden;
		opacity: 0;
		transition: .4s
	}

	.vs-blog2 .blog-img::after {
		content: "";
		position: absolute;
		background-image: linear-gradient(to top, rgb(159, 151, 79), transparent);
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 1;
		transition: .4s
	}

	.vs-blog2 .blog-img.blog-img2::before {
		background-image: linear-gradient(135deg, #42bd4b 55%, transparent)
	}

	.vs-blog2 .blog-img.blog-img2::after {
		background-image: linear-gradient(to top, #42bd4b, transparent)
	}

	.vs-blog2 .blog-date {
		right: 40px;
		top: -40px;
		border-radius: 0 0 30px 30px;
		opacity: 0;
		visibility: hidden
	}

	@media(max-width: 1199px) {
		.vs-blog2 .blog-date {
			right: 0
		}
	}

	.vs-blog2 .blog-content {
		padding: 0;
		background-color: rgba(0, 0, 0, 0);
		border: 0;
		border-radius: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 1
	}

	.vs-blog2 .blog-content .blog-meta a {
		color: var(--white-color)
	}

	.vs-blog2 .blog-content .blog-meta a::before {
		background-color: var(--white-color)
	}

	.vs-blog2 .blog-title a {
		color: var(--white-color) !important
	}

	.vs-blog2 .blog-title a:hover {
		text-decoration: underline
	}

	.vs-blog2 .blog-para {
		color: #f8f0ac;
		transition: .3s
	}

	@media(max-width: 767px) {
		.vs-blog2 .blog-para {
			display: none
		}
	}

	@media(max-width: 575px) {
		.vs-blog2 .blog-para {
			display: block
		}
	}

	.vs-blog2 .blog-btn {
		transition: .3s
	}

	.vs-blog2 .blog-btn:hover {
		background-color: var(--title-color)
	}

	.vs-blog2 .display-content .blog-meta a:hover {
		color: var(--white-color);
		text-decoration: underline
	}

	.vs-blog2 .hover-content-inner {
		padding: 50px;
		width: 100%;
		height: 200px;
		transition: .3s;
		position: absolute;
		left: 0;
		bottom: 0
	}

	.vs-blog2 .hover-block {
		transition: .3s;
		opacity: 0;
		visibility: hidden
	}

	.vs-blog2:hover {
		border: none;
		box-shadow: none
	}

	.vs-blog2:hover .blog-img::after {
		display: none
	}

	.vs-blog2:hover .blog-img::before {
		visibility: visible;
		opacity: 1
	}

	.vs-blog2:hover .hover-content-inner {
		padding-top: 100px;
		height: 100%
	}

	@media(max-width: 1199px) {
		.vs-blog2:hover .hover-content-inner {
			padding-top: 80px
		}
	}

	.vs-blog2:hover .hover-block {
		opacity: 1;
		visibility: visible
	}

	.vs-blog2:hover .blog-date {
		top: 0;
		opacity: 1;
		visibility: visible
	}

	.blog-border {
		border-top: 2px solid var(--theme-color)
	}

	.blog-section-wrapper .button-box {
		bottom: 0px;
		position: relative;
		margin: 0;
		background-color: var(--theme-color)
	}

	.blog-layout-3 .vs-blog2 p {
		color: #faf9ee
	}

	.blog-layout-3 .vs-blog2 .blog-btn {
		color: var(--theme-color)
	}

	.blog-layout-3 .vs-blog2 .blog-btn:hover {
		color: var(--white-color);
		background-color: var(--title-color)
	}

	.blog-layout-4 {
		position: relative;
		padding-top: 35px
	}

	.blog-layout-4 .fs-12 {
		font-size: 14px
	}

	.blog-layout-4 .vs-blog {
		border-radius: 0 0 20px 20px;
		background-color: var(--white-color);
		box-shadow: 0px 20px 30px 0px rgba(37, 69, 116, .01);
		border: 0
	}

	.blog-layout-4 .vs-blog .blog-img {
		border-radius: 20px 20px 0 0
	}

	.blog-layout-4 .vs-blog .blog-date {
		border-radius: 0 0 30px 30px
	}

	.blog-layout-4 .vs-blog .blog-date::before {
		background-color: var(--theme-color)
	}

	.blog-layout-4 .vs-blog .blog-meta a {
		color: var(--body-color)
	}

	.blog-layout-4 .vs-blog .blog-meta a::before {
		background-color: var(--body-color)
	}

	.blog-layout-4 .vs-blog .blog-meta a:hover {
		color: var(--theme-color)
	}

	.blog-layout-4 .vs-blog .blog-content {
		border-radius: 0;
		padding: 35px 42px 20px 40px
	}

	@media(max-width: 767px) {
		.blog-layout-4 .vs-blog .blog-content {
			padding: 35px 25px 20px 25px
		}
	}

	.blog-layout-4 .vs-blog .blog-title a {
		color: var(--title-color)
	}

	.blog-layout-4 .vs-blog .blog-title a:hover {
		color: var(--theme-color)
	}

	.blog-layout-4 .vs-blog:hover {
		background-color: var(--white-color);
		box-shadow: 0px 20px 30px 0px rgba(37, 69, 116, .01)
	}

	.blog-layout-4 .link-btn {
		margin-bottom: 17px
	}

	.blog-layout-4 .slick-dots {
		bottom: -65px;
		position: absolute
	}

	.blog-layout-4 .slick-dots li {
		display: inline-block;
		margin: 0 4px;
		position: relative;
		z-index: 2
	}

	.blog-layout-4 .slick-dots li::before {
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0);
		position: absolute;
		left: -7px;
		top: -7px;
		z-index: -2
	}

	.blog-layout-4 .slick-dots li button {
		border: 2px solid var(--theme-color);
		border-radius: 50%;
		width: 8px;
		height: 8px;
		background-color: rgba(0, 0, 0, 0)
	}

	.blog-layout-4 .slick-dots li.slick-active {
		margin: 0 8px
	}

	.blog-layout-4 .slick-dots li.slick-active::before {
		background-color: var(--white-color);
		box-shadow: 0px 4px 18px 0px rgba(95, 91, 69, .14)
	}

	.blog-layout-4 .slick-dots li.slick-active button {
		border: rgba(0, 0, 0, 0);
		background-color: var(--theme-color);
		width: 6px;
		height: 6px
	}

	.sticky-top {
		position: sticky;
		top: 0;
		z-index: 1
	}

	.blog-single {
		position: relative;
		border-radius: 20px
	}

	.blog-single .blog-audio,
	.blog-single .blog-img {
		overflow: hidden;
		border-radius: 20px 20px 0 0
	}

	.blog-single .blog-content {
		padding: 0 40px 0 40px;
		margin: 45px 0 40px 0
	}

	@media(max-width: 991px) {
		.blog-single .blog-content {
			padding: 0 40px 0 40px;
			margin: 35px 0 30px 0
		}
	}

	@media(max-width: 767px) {
		.blog-single .blog-content {
			padding: 0 20px 0 20px;
			margin: 35px 0 30px 0
		}
	}

	.blog-single .blog-meta a {
		margin-right: 26px
	}

	.blog-single .blog-meta a::before {
		display: none
	}

	.blog-single .blog-meta i {
		font-size: 16px
	}

	.blog-single .blog-title {
		font-size: 30px
	}

	.blog-single .blog-title a {
		color: inherit
	}

	@media(max-width: 1199px) {
		.blog-single .blog-title {
			font-size: 24px
		}
	}

	@media(max-width: 575px) {
		.blog-single .blog-title {
			font-size: 18px
		}
	}

	.blog-single .read-btn {
		font-size: 18px;
		line-height: 1;
		font-weight: 500;
		text-align: center
	}

	.blog-single .vs-video {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}

	.blog-single:hover {
		box-shadow: none
	}

	.blog-details-wrapper {
		padding: 60px;
		border: 1px solid var(--border-color)
	}

	@media(max-width: 1199px) {
		.blog-details-wrapper {
			padding: 20px 15px;
			border: 0
		}
	}

	@media(max-width: 1199px) {
		.blog-details-wrapper {
			padding: 20px 0
		}
	}

	.blog-details-wrapper .blog-single {
		border: 0
	}

	.blog-details-wrapper .blog-single .blog-content {
		margin: 35px 0 30px 0;
		padding: 0 0px 0 0px
	}

	.quote-content {
		text-align: center;
		border: 2px solid var(--border-color);
		border-radius: 30px;
		background-color: var(--white-color);
		box-shadow: 0px 10px 64px 0px rgba(14, 14, 10, .09);
		padding: 160px 100px 58px 100px;
		margin-bottom: 33px;
		margin-top: 33px;
		position: relative
	}

	.quote-content p {
		font-size: 20px;
		font-weight: 500;
		color: var(--body-color);
		margin-bottom: 20px
	}

	@media(max-width: 1399px) {
		.quote-content {
			padding: 160px 80px 40px 80px
		}
	}

	@media(max-width: 1199px) {
		.quote-content {
			padding: 160px 30px 40px 30px
		}
	}

	@media(max-width: 575px) {
		.quote-content {
			padding: 160px 15px 40px 15px
		}
	}

	.quote-content::before {
		content: "";
		position: absolute;
		font-family: "Font Awesome 5 pro";
		color: var(--white-color);
		font-size: 30px;
		background-color: var(--theme-color);
		width: 81px;
		height: 81px;
		line-height: 81px;
		text-align: center;
		display: inline-block;
		margin: 0 auto;
		border-radius: 50%;
		left: 0;
		right: 0;
		top: 60px;
		z-index: 1
	}

	.quote-content cite {
		color: var(--theme-color);
		font-size: 18px;
		font-weight: 500;
		font-style: normal
	}

	@media(max-width: 1199px) {
		.blog-details-title {
			font-size: 26px
		}
	}

	@media(max-width: 575px) {
		.blog-details-title {
			font-size: 18px
		}
	}

	.share-links {
		border-bottom: 1px solid var(--border-color);
		margin-top: 30px;
		margin-bottom: 60px
	}

	.social-links a i {
		color: var(--white-color);
		font-size: 14px;
		background-color: var(--theme-color);
		width: 35px;
		height: 35px;
		line-height: 35px;
		display: inline-block;
		border-radius: 50%;
		margin: 0 3px;
		text-align: center;
		transition: all ease .4s
	}

	.social-links a:nth-of-type(1) i {
		background-color: #3b5998
	}

	.social-links a:nth-of-type(3) i {
		background-color: #0e76a8
	}

	.social-links a:nth-of-type(4) i {
		background-color: #d63084
	}

	.social-links a:hover i {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.blog-author {
		padding: 40px 75px 40px 40px;
		border-radius: 30px
	}

	.blog-author.mb-90 {
		margin-bottom: 52px
	}

	@media(max-width: 1399px) {
		.blog-author {
			padding: 60px 90px 60px 60px
		}
	}

	@media(max-width: 1199px) {
		.blog-author {
			padding: 60px 30px 60px 30px
		}
	}

	@media(max-width: 1199px) {
		.blog-author {
			padding: 30px 15px 25px 15px
		}
	}

	.blog-author .author-name {
		margin-bottom: 10px
	}

	.blog-author .author-name a {
		color: inherit
	}

	.blog-author .author-name a:hover {
		text-decoration: underline
	}

	.blog-author .media-img {
		margin-right: 30px;
		width: 150px;
		height: 150px;
		border-radius: 30px;
		overflow: hidden
	}

	@media(max-width: 767px) {
		.blog-author .media-img {
			margin-bottom: 15px
		}
	}

	.blog-author .media-img img {
		transform: scale(1.001);
		transition: all ease .4s
	}

	.blog-author .media-body .author-degi {
		color: #ece5a3
	}

	.blog-author .media-body .author-text {
		color: #fffde7
	}

	.blog-author:hover .media-img img {
		transform: scale(1.15)
	}

	.vs-comments-wrap>ul.comment-list {
		list-style: none;
		margin: 0;
		padding: 0
	}

	.vs-comments-wrap>ul.comment-list li:nth-child(2) .vs-post-comment {
		margin-bottom: 13px
	}

	.vs-comments-wrap .children {
		margin: 0;
		padding: 0;
		list-style-type: none;
		margin-left: 50px
	}

	@media(max-width: 1199px) {
		.vs-comments-wrap .children {
			margin-left: 0
		}
	}

	.vs-comments-wrap .inner-title {
		margin-bottom: 32px
	}

	.vs-post-comment {
		padding: 40px;
		background-color: var(--white-color);
		margin-bottom: 30px;
		border-radius: 20px;
		border: 1px solid rgba(0, 0, 0, 0);
		transition: all ease .4s
	}

	.vs-post-comment:hover {
		border-color: var(--theme-color)
	}

	.vs-post-comment .comment-avater {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 20px
	}

	.vs-post-comment .comment-content {
		width: calc(100% - 120px);
		position: relative;
		line-height: 1
	}

	@media(max-width: 575px) {
		.vs-post-comment .comment-content {
			width: 100%;
			margin-top: 15px
		}
	}

	.vs-post-comment .comment-content p {
		margin-bottom: 15px
	}

	.vs-post-comment .replay-btn {
		display: inline-block;
		border: none;
		font-size: 12px;
		font-weight: 500;
		line-height: 1;
		color: var(--title-color);
		z-index: 2
	}

	.vs-post-comment .replay-btn i {
		margin-right: 9px
	}

	.vs-post-comment .replay-btn:hover {
		color: var(--theme-color)
	}

	.vs-post-comment .commented-on {
		display: block;
		margin-bottom: 10px;
		text-transform: uppercase;
		color: var(--theme-color);
		font-weight: 500
	}

	.vs-post-comment .name.h4 {
		margin-bottom: 10px
	}

	.vs-comment-form-wrap {
		padding: 35px 40px 40px 40px;
		margin-top: 70px;
		border-radius: 20px
	}

	@media(max-width: 1199px) {
		.vs-comment-form-wrap {
			padding: 55px 15px 60px 15px
		}
	}

	.vs-comment-form-wrap .mb-10 {
		margin-bottom: 0
	}

	.vs-comment-form-wrap .contact-form1 .form-control {
		background-color: var(--white-color);
		border: 1px solid #eee;
		transition: all ease .4s
	}

	.vs-comment-form-wrap .contact-form1 .form-control:focus {
		border-color: var(--theme-color)
	}

	.vs-comment-form-wrap .contact-form1 textarea.form-control {
		height: 200px
	}

	.blog-inner-img {
		border-radius: 20px;
		overflow: hidden;
		margin: 30px 0 30px 0
	}

	@media(max-width: 1399px) {
		.vs-blog2 .hover-content-inner {
			padding: 30px 30px;
			width: 100%;
			height: 170px
		}

		.blog_style1 .blog_title {
			font-size: 22px;
			line-height: 1.4
		}
	}

	@media(max-width: 991px) {
		.blog_style1 .blog_auth img {
			width: 40px;
			height: 40px
		}

		.blog_style1 .vs-btn {
			padding: 12px 15px;
			font-size: 12px;
			line-height: 1
		}

		.blog_style1 .blog_title {
			font-size: 20px
		}
	}

	@media(max-width: 767px) {
		.blog_style1 .blog_content {
			padding: 24px 20px 26px 20px
		}

		.blog_style1 .vs-btn {
			padding: 10px 10px;
			font-size: 11px;
			line-height: 1;
			font-weight: 300
		}

		.blog_style1 .blog_auth {
			font-size: 11px
		}
	}

	.form_style1 .form-group {
		display: flex;
		background-color: var(--white-color);
		width: 595px;
		max-width: 100%;
		align-items: center;
		padding: 10px;
		border-radius: 9999px
	}

	.form_style1 input {
		width: 100%;
		flex: 1;
		border: none;
		padding: 0 20px 0 25px;
		font-size: 14px;
		height: 55px
	}

	.form_style1 .vs-btn {
		padding: 0 20px;
		line-height: 55px
	}

	.contact-img-slide {
		position: relative
	}

	.contact-img-slide .hunt-arrow {
		position: absolute;
		z-index: 3;
		right: 20px;
		top: 20px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		background-color: var(--theme-color);
		color: var(--white-color);
		border-radius: 50%;
		text-align: center
	}

	.contact-img-slide .hunt-arrow[data-slick-prev] {
		right: 70px
	}

	.contact-img-slide .hunt-arrow:hover {
		color: var(--theme-color);
		background-color: var(--white-color)
	}

	.contact-img-slide .img-box {
		border-radius: 20px;
		overflow: hidden
	}

	.contact-img-box {
		overflow: hidden;
		border-radius: 20px
	}

	.join-form {
		padding: 60px 60px 55px 60px;
		border-radius: 20px
	}

	@media(max-width: 1399px) {
		.join-form {
			padding: 40px 60px 40px 60px;
			min-height: 100%
		}
	}

	@media(max-width: 1199px) {
		.join-form {
			padding: 34px 30px 34px 30px;
			min-height: 100%
		}
	}

	@media(max-width: 767px) {
		.join-form {
			padding: 34px 15px 34px 15px
		}
	}

	.input-box {
		position: relative;
		z-index: 2
	}

	.input-box::before {
		content: "";
		font-family: "Font Awesome 5 pro";
		position: absolute;
		font-size: 14px;
		color: #6d7684;
		left: 26px;
		top: 17px;
		z-index: 1
	}

	@media(max-width: 1199px) {
		.input-box::before {
			display: none
		}
	}

	.input-box.ib-2::before {
		content: ""
	}

	.input-box.ib-3::before {
		content: ""
	}

	.input-box.ib-4::before {
		content: ""
	}

	.input-box.ib-4 select {
		background-image: none
	}

	.input-box.ib-5 .form-control {
		padding-top: 28px
	}

	.input-box.ib-5::before {
		content: "";
		top: 26px
	}

	.contact-form1 .input-box {
		background-color: var(--white-color);
		border-radius: 30px
	}

	.contact-form1 .form-control {
		height: 60px;
		border: 0;
		border-radius: 30px;
		color: var(--body-color3, #696969);
		font-size: 14px;
		font-weight: 300;
		padding-left: 50px;
		position: relative;
		background-color: rgba(0, 0, 0, 0)
	}

	@media(max-width: 1199px) {
		.contact-form1 .form-control {
			padding-left: 20px
		}
	}

	.contact-form1 textarea.form-control {
		min-height: 150px !important;
		padding-top: 30px;
		background-color: var(--white-color);
		border-radius: 30px
	}

	.contact-bg-wrapper {
		background-color: var(--theme-color);
		padding-bottom: 90px;
		border-radius: 0 0 16px 16px
	}

	@media(max-width: 991px) {
		.contact-bg-wrapper {
			background-color: rgba(0, 0, 0, 0);
			padding-bottom: 0
		}
	}

	.join-form2 {
		padding: 80px 80px 60px 80px;
		position: relative;
		z-index: 3;
		margin-top: -200px;
		border-radius: 16px
	}

	@media(max-width: 1500px) {
		.join-form2 {
			margin-top: -100px
		}
	}

	@media(max-width: 1199px) {
		.join-form2 {
			margin-top: 90px
		}
	}

	@media(max-width: 991px) {
		.join-form2 {
			margin-top: 0;
			padding: 60px 15px 0 15px
		}
	}

	.contact-form2 .input-box {
		background-color: rgba(0, 0, 0, 0)
	}

	.contact-form2 .form-control {
		border-radius: 30px;
		height: 58px;
		border: 2px solid #eee;
		color: #6d7684;
		font-size: 14px;
		font-weight: 300;
		padding-left: 60px;
		position: relative;
		z-index: 1;
		background-color: rgba(0, 0, 0, 0)
	}

	.contact-form2 .form-control:focus {
		background-color: rgba(0, 0, 0, 0)
	}

	@media(max-width: 575px) {
		.contact-form2 .form-control {
			padding-left: 30px
		}
	}

	.contact-form-wrapper {
		padding-right: 30px
	}

	@media(max-width: 991px) {
		.contact-form-wrapper {
			padding-right: 0
		}
	}

	.contact-form-wrapper .contact-form1 .form-control {
		border: 2px solid #f1f1f1;
		background-color: var(--white-color);
		box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, .06)
	}

	.vs-contact-info-wrapper {
		position: relative;
		z-index: 2
	}

	.vs-contact-info-wrapper .info-bg {
		border-radius: 20px;
		background-color: #fff;
		box-shadow: 0px 10px 50px 0px rgba(31, 29, 13, .04);
		padding: 30px
	}

	@media(max-width: 991px) {
		.vs-contact-info-wrapper .info-bg {
			padding: 15px 7px
		}
	}

	.info-box {
		border: 2px solid var(--theme-color);
		border-radius: 20px;
		padding: 60px 50px 55px 50px;
		transition: all ease .4s
	}

	.info-box:hover {
		border-color: var(--title-color)
	}

	.info-box:hover .icon {
		color: var(--title-color);
		transform: rotateY(180deg)
	}

	@media(max-width: 1199px) {
		.info-box {
			padding: 60px 15px 55px 15px
		}
	}

	@media(max-width: 1199px) {
		.info-box {
			padding: 60px 7px 55px 7px
		}
	}

	.info-box .icon {
		margin-bottom: 13px;
		color: var(--theme-color);
		transition: all ease .4s;
		transform: rotateY(0)
	}

	.info-box .icon i {
		font-size: 64px
	}

	.map-area {
		width: 100%;
		height: 756px;
		position: relative;
		z-index: 1;
		margin-top: -180px
	}

	@media(max-width: 991px) {
		.map-area {
			height: 450px;
			margin-top: 60px
		}
	}

	.map-area iframe {
		width: 100%;
		height: 100%
	}

	@media(max-width: 1199px) {
		.form_style1 .form-group {
			width: 100%
		}

		.form_style1 input {
			padding: 0 20px 0 15px
		}
	}

	@media(max-width: 767px) {
		.form_style1 .form-group {
			display: block;
			border-radius: 5px;
			text-align: center
		}

		.form_style1 input {
			border: 1px solid rgba(0, 0, 0, .1);
			margin-bottom: 10px
		}

		.join-form .text-title.mb-35 {
			margin-bottom: -33px
		}
	}

	.process-bg {
		position: relative;
		z-index: 2
	}

	@media(max-width: 1500px) {
		.process-bg {
			margin-right: 0;
			margin-left: 0
		}
	}

	@media(max-width: 1399px) {
		.process-bg {
			margin-right: 0;
			margin-left: 0
		}
	}

	@media(max-width: 1199px) {
		.process-bg {
			margin-right: 0;
			margin-left: 0
		}
	}

	@media(max-width: 991px) {
		.process-bg {
			margin-right: 0;
			margin-left: 0
		}
	}

	@media(max-width: 767px) {
		.process-bg {
			margin-right: 0;
			margin-left: 0
		}
	}

	@media(max-width: 575px) {
		.process-bg {
			margin-right: 0;
			margin-left: 0
		}
	}

	.process-box {
		padding: 0 30px
	}

	.process-box .process-icon {
		width: 150px;
		height: 150px;
		line-height: 150px;
		border: 2px solid rgba(0, 0, 0, 0);
		border-radius: 50%;
		margin: 0 auto;
		margin-bottom: 25px;
		position: relative;
		background-color: var(--white-color);
		transition: all ease .4s
	}

	.process-box .process-icon img {
		filter: none;
		transition: all ease .4s
	}

	.process-box .badge {
		font-size: 16px;
		width: 50px;
		height: 50px;
		line-height: 38px;
		background-color: var(--title-color);
		color: var(--white-color);
		border-radius: 50%;
		z-index: 2;
		transition: all ease .4s
	}

	.process-box .process-content .semi-title {
		color: var(--white-color);
		margin-bottom: 12px;
		font-size: 22px
	}

	.process-box .process-content span {
		color: var(--white-color)
	}

	.process-box:hover .process-icon {
		background-color: var(--title-color)
	}

	.process-box:hover .process-icon .badge {
		background-color: var(--white-color);
		color: var(--theme-color)
	}

	.process-box:hover .process-icon img {
		filter: brightness(0) invert(1)
	}

	.work-bg-shape {
		position: relative;
		z-index: 1
	}

	.vs-counter-bg {
		position: relative;
		z-index: 3;
		padding-top: 100px;
		padding-bottom: 50px;
		background-color: var(--grey-color)
	}

	@media(max-width: 1500px) {
		.vs-counter-bg {
			padding-top: 60px;
			padding-bottom: 10px;
			background-color: var(--grey-color)
		}
	}

	.vs-counter-box {
		display: flex;
		margin-bottom: 30px
	}

	.vs-counter-box .media-icon {
		font-size: 50px;
		color: var(--title-color);
		margin-right: 20px
	}

	.vs-counter-box .sec-title3 {
		margin-right: 20px;
		font-size: 46px;
		margin: -0.1em 0 7px 0;
		line-height: 1
	}

	.vs-counter-box h4 {
		font-size: 18px;
		color: var(--body-color)
	}

	@media(max-width: 1199px) {
		.vs-counter-box {
			display: block;
			text-align: center
		}

		.vs-counter-box .media-icon {
			margin-right: 0;
			margin-bottom: 20px
		}
	}

	.gallery-img {
		position: relative;
		z-index: 1
	}

	.gallery-img .view-img {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-50%) scale(0);
		text-align: center;
		z-index: 3;
		font-size: 36px;
		color: var(--white-color);
		transition: .3s
	}

	.gallery-img::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 0px;
		background-color: rgba(0, 0, 0, .3);
		left: 0;
		top: 0;
		right: 0;
		z-index: 1;
		transition: .3s
	}

	.gallery-img:hover .view-img {
		transform: translateY(-50%) scale(1)
	}

	.gallery-img:hover .view-img:hover {
		color: var(--white-color);
		transform: scale(1.15) translateY(-50%)
	}

	.gallery-img:hover::before {
		height: 100%;
		top: auto;
		bottom: 0
	}

	.gallery-content-wrapper {
		position: relative;
		z-index: 1
	}

	.button-box {
		margin: 30px auto 0 auto;
		padding: 15px;
		border-radius: 45px;
		background: var(--white-color);
		box-shadow: 0px 20px 60px rgba(95, 91, 69, .1);
		z-index: 1;
		display: inline-block;
		width: -moz-max-content;
		width: max-content
	}

	.gallery-arrow {
		color: var(--theme-color);
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 18px;
		background-color: var(--white-color)
	}

	.gallery-arrow:first-child {
		margin-right: 5px
	}

	.gallery-arrow:hover {
		color: var(--white-color);
		background-color: var(--title-color)
	}

	.gallery-arrow.gallery-arrow2 {
		color: var(--theme-color)
	}

	.gallery-arrow.gallery-arrow2:hover {
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	@media(max-width: 1199px) {
		.posright {
			background-position: right top !important
		}
	}

	@media(max-width: 1199px) {
		.posleft {
			background-position: left top !important
		}
	}

	.gallery-box {
		border-radius: 12px;
		overflow: hidden
	}

	.product_style1 {
		display: flex;
		align-items: center;
		border: 1px solid var(--border-color);
		padding: 32px 30px;
		border-radius: 10px;
		margin-bottom: 30px;
		transition: all ease .4s
	}

	.product_style1:hover {
		border-color: var(--theme-color)
	}

	.product_style1 .product_img {
		background-color: #d9d9d9;
		width: 140px;
		border-radius: 10px;
		overflow: hidden;
		margin-right: 30px
	}

	.product_style1 .product_img img {
		width: 100%
	}

	.product_style1 .product_content {
		flex: 1
	}

	.product_style1 .product_title {
		font-size: 20px;
		font-weight: 600
	}

	.product_style1 .product_title a {
		color: inherit
	}

	.product_style1 .product_title a:hover {
		color: var(--theme-color)
	}

	.product_style1 .product_bottom {
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.product_style1 .product_price {
		margin: 0;
		font-size: 24px;
		line-height: 1;
		font-weight: 400;
		color: var(--title-color)
	}

	.product_style1 .product_actions a {
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		background-color: var(--theme-color);
		color: var(--white-color);
		font-size: 12px;
		transition: all ease .4s;
		margin-right: 3px;
		border-radius: 50%
	}

	.product_style1 .product_actions a:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.product_style1 .product_actions a:last-child {
		margin-right: 0
	}

	.product_style2 {
		border: 1px solid rgba(0, 0, 0, 0);
		box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .04);
		padding: 0 0 23px 0;
		transition: all ease .4s;
		margin-bottom: 30px;
		border-radius: 10px
	}

	.product_style2 .discount-tag {
		display: inline-block;
		font-size: 12px;
		padding: 8px 9px 7px 9px;
		line-height: 1;
		color: var(--white-color);
		background-color: var(--theme-color);
		border-radius: 9999px;
		position: absolute;
		right: 20px;
		top: 20px
	}

	.product_style2 .product_img {
		overflow: hidden;
		position: relative;
		padding: 45px 0 20px 0
	}

	.product_style2 .product_img img {
		width: 100%;
		transform: scale(1.001);
		transition: all ease .4s
	}

	.product_style2 .product_title {
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 8px
	}

	.product_style2 .product_title a {
		color: inherit
	}

	.product_style2 .product_title a:hover {
		color: var(--theme-color)
	}

	.product_style2 .product_bottom {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.product_style2 .product_price {
		margin: 0;
		font-size: 24px;
		font-weight: 500;
		color: var(--title-color)
	}

	.product_style2 .product_content {
		padding: 0 30px 0 30px
	}

	.product_style2 .product_actions a {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		background-color: var(--theme-color);
		color: var(--white-color);
		display: inline-block;
		text-align: center;
		border-radius: 50%
	}

	.product_style2 .product_actions a:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.product_style2 .product_options {
		position: absolute;
		left: 25px;
		top: 17px
	}

	.product_style2 .product_options a {
		font-size: 18px;
		line-height: 1;
		margin-right: 11px
	}

	.product_style2:hover {
		border-color: var(--theme-color);
		box-shadow: none
	}

	.product_style3 {
		display: flex;
		align-items: center;
		background-color: #f9f7e6;
		padding: 30px;
		margin-bottom: 30px;
		border: 1px solid rgba(0, 0, 0, 0);
		border-radius: 10px;
		transition: all ease .4s
	}

	.product_style3 .product_img {
		width: 140px;
		margin-right: 25px;
		background-color: var(--white-color);
		overflow: hidden;
		border-radius: 10px;
		transition: all ease .4s
	}

	.product_style3 .product_img img {
		transform: scale(1.001);
		transition: all ease .4s
	}

	.product_style3 .product_content {
		flex: 1
	}

	.product_style3 .product_title {
		font-size: 20px;
		font-weight: 500;
		margin: 0 0 16px 0
	}

	.product_style3 .product_title a {
		color: inherit
	}

	.product_style3 .product_title a:hover {
		color: var(--theme-color)
	}

	.product_style3 .product_category a {
		color: #85847d;
		font-size: 14px;
		display: block;
		width: -moz-max-content;
		width: max-content;
		margin-bottom: 3px;
		position: relative;
		padding-left: 13px
	}

	.product_style3 .product_category a:last-child {
		margin-bottom: 0
	}

	.product_style3 .product_category a:after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 2px;
		width: calc(100% - 13px);
		height: 1px;
		background-color: var(--theme-color);
		transform-origin: left center;
		transform: scaleX(0);
		transition: all ease .4s;
		opacity: 0;
		visibility: hidden
	}

	.product_style3 .product_category a:before {
		content: "";
		font-family: var(--icon-font);
		position: absolute;
		left: 0;
		font-weight: 400;
		font-size: 12px
	}

	.product_style3 .product_category a:hover {
		color: var(--theme-color)
	}

	.product_style3 .product_category a:hover:after {
		transform: scaleX(1);
		opacity: 1;
		visibility: visible
	}

	.product_style3:hover {
		border-color: var(--title-color);
		background-color: rgba(0, 0, 0, 0);
		box-shadow: none
	}

	.product_style3:hover .product_img {
		background-color: #f9f7e6
	}

	.product_style3:hover .product_img img {
		transform: scale(1.05)
	}

	.woocommerce-message,
	.woocommerce-info {
		position: relative;
		border: 1px solid var(--border-color);
		padding: 11px 20px;
		background-color: var(--smoke-color);
		color: var(--title-color);
		font-size: 14px;
		font-weight: 700;
		margin-bottom: 30px;
		border-radius: 10px
	}

	.woocommerce-message a,
	.woocommerce-info a {
		color: inherit;
		text-decoration: underline
	}

	.woocommerce-message a:hover,
	.woocommerce-info a:hover {
		text-decoration: underline
	}

	.woocommerce-message:before,
	.woocommerce-info:before {
		content: "";
		font-family: var(--icon-font);
		font-weight: 900;
		margin-right: 10px
	}

	.woocommerce-notices-wrapper .woocommerce-message {
		background-color: var(--theme-color);
		color: var(--white-color);
		border-color: rgba(0, 0, 0, 0)
	}

	.woocommerce-notices-wrapper .woocommerce-message:before {
		content: "";
		font-weight: 300
	}

	.cart_table .quantity {
		position: relative;
		width: -moz-max-content;
		width: max-content;
		display: flex;
		align-items: center
	}

	.cart_table .quantity>label {
		text-transform: uppercase;
		font-size: 12px;
		color: var(--body-color);
		font-weight: 700;
		letter-spacing: .1em;
		margin: 0 20px 0 0
	}

	.cart_table .quantity input {
		padding: 0 10px 0 10px;
		width: 50px;
		height: 40px;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		--body-color: var(--title-color);
		border: 1px solid rgba(147, 149, 151, .2);
		border-left: none;
		border-right: none
	}

	.cart_table .quantity .qty-btn {
		border: 1px solid rgba(147, 149, 151, .2);
		background-color: rgba(0, 0, 0, 0);
		padding: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: var(--title-color);
		font-size: 16px
	}

	.cart_table .quantity .qty-btn:hover {
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	.cart_table .quantity .quantity-plus {
		bottom: 30px
	}

	.product-wrapper {
		background-color: #e8e6d5;
		position: relative;
		border-radius: 20px
	}

	.product-wrapper .product-img {
		max-width: 390px;
		margin: 0 auto;
		padding: 65px 90px 50px 90px
	}

	@media(max-width: 1199px) {
		.product-wrapper .product-img {
			padding: 50px
		}
	}

	.product-wrapper .badge {
		width: 50px;
		height: 50px;
		font-size: 14px;
		font-weight: 300;
		text-align: center;
		line-height: 41px;
		background-color: var(--title-color);
		right: 40px;
		top: 40px
	}

	.products-wrapper2 .actions-btn2,
	.product-wrapper .actions-btn2 {
		display: flex;
		align-items: center;
		justify-content: center
	}

	.products-wrapper2 .actions-btn2 .add-cart-btn,
	.product-wrapper .actions-btn2 .add-cart-btn {
		color: var(--title-color);
		font-size: 14px;
		background-color: var(--white-color);
		width: 40px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		border-radius: 50%;
		text-align: center
	}

	.products-wrapper2 .actions-btn2 .add-cart-btn:hover,
	.product-wrapper .actions-btn2 .add-cart-btn:hover {
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	.products-wrapper2 .actions-btn2 .add-cart-btn2,
	.product-wrapper .actions-btn2 .add-cart-btn2 {
		color: var(--white-color);
		font-size: 14px;
		line-height: 1;
		background-color: var(--theme-color);
		padding: 15px 23px;
		border-radius: 30px;
		display: inline-block;
		margin: 0 10px
	}

	.products-wrapper2 .actions-btn2 .add-cart-btn2:hover,
	.product-wrapper .actions-btn2 .add-cart-btn2:hover {
		background-color: var(--title-color)
	}

	.product-wrapper2 {
		border-radius: 20px;
		background-color: #e8e6d5
	}

	.product-wrapper2 .badge {
		background-color: var(--title-color)
	}

	.product-wrapper2 .actions-btn2 .add-cart-btn {
		color: var(--title-color);
		background-color: var(--white-color)
	}

	.product-wrapper2 .actions-btn2 .add-cart-btn:hover {
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	.product-wrapper2 .actions-btn2 .add-cart-btn2 {
		background-color: var(--theme-color)
	}

	.product-wrapper2 .actions-btn2 .add-cart-btn2:hover {
		background-color: var(--title-color)
	}

	.products-item-box {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
		height: 100%
	}

	@media(max-width: 575px) {
		.products-item-box {
			grid-template-columns: repeat(1, 1fr)
		}
	}

	.products-item-box .product-wrapper3 {
		text-align: center;
		position: relative;
		border: 2px solid rgba(0, 0, 0, 0);
		background-color: var(--white-color);
		transition: all ease .4s;
		border-radius: 20px
	}

	.products-item-box .product-wrapper3:hover {
		border-color: var(--theme-color)
	}

	@media(max-width: 575px) {
		.products-item-box .product-wrapper3 {
			padding-left: 15px;
			padding-right: 15px
		}
	}

	.products-item-box .product-wrapper3 .product-img {
		position: relative;
		padding: 35px 90px 35px 90px
	}

	@media(max-width: 1199px) {
		.products-item-box .product-wrapper3 .product-img {
			padding: 20px 40px
		}
	}

	@media(max-width: 767px) {
		.products-item-box .product-wrapper3 .product-img {
			padding: 30px 40px
		}
	}

	.products-item-box .product-wrapper3 .products-content h5 {
		margin-bottom: 10px !important
	}

	.products-item-box .product-wrapper3 .badge {
		width: 50px;
		height: 50px;
		font-size: 14px;
		font-weight: 300;
		text-align: center;
		line-height: 41px;
		background-color: var(--theme-color);
		right: 40px;
		top: 40px
	}

	@media(max-width: 1199px) {
		.products-item-box .product-wrapper3 .badge {
			top: 10px;
			right: 10px;
			width: 40px;
			height: 40px;
			font-size: 12px;
			line-height: 33px
		}
	}

	.products-item-box .product-wrapper3 .actions-btn {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: inline-block;
		max-width: 130px;
		margin: 0 auto;
		z-index: 3;
		opacity: 0;
		visibility: hidden;
		display: inline-block;
		background-color: var(--grey-color);
		border-radius: 30px;
		padding: 3px 5px;
		box-shadow: 0px 15px 26px rgba(95, 91, 69, .1);
		transition: .3s
	}

	.products-item-box .product-wrapper3 .actions-btn a {
		font-size: 14px;
		margin: 2px 3px;
		display: inline-block;
		width: 28px;
		height: 28px;
		line-height: 28px;
		border-radius: 50px
	}

	.products-item-box .product-wrapper3 .actions-btn a:hover {
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	.products-item-box .product-wrapper3:hover .actions-btn {
		top: 50%;
		transform: translateY(50%);
		opacity: 1;
		visibility: visible
	}

	@media(max-width: 1399px) {
		.products-item-box .product-wrapper3:hover .actions-btn {
			top: 40%
		}
	}

	@media(max-width: 767px) {
		.products-item-box .product-wrapper3:hover .actions-btn {
			top: 50%
		}
	}

	.products-banner-box {
		position: relative
	}

	.products-banner-box .products-banner-content {
		padding-left: 100px;
		max-width: 500px;
		position: absolute;
		right: 20px;
		bottom: 35px;
		z-index: 3
	}

	@media(max-width: 575px) {
		.products-banner-box .products-banner-content {
			width: 100%;
			padding-left: 0;
			right: 0;
			left: 20px
		}
	}

	.products-content-wrapper {
		position: relative;
		height: 100%
	}

	.products-content-wrapper img {
		width: 100%;
		border-radius: 20px
	}

	@media(max-width: 991px) {
		.products-content-wrapper {
			height: auto
		}
	}

	@media(min-width: 1399px) {
		.products-content-wrapper #products-1 {
			height: 100%
		}

		.products-content-wrapper #products-1 .slick-list.draggable {
			height: 100%
		}

		.products-content-wrapper #products-1 .slick-track {
			height: 100%
		}

		.products-content-wrapper #products-1 .products-banner-box {
			height: 100%
		}

		.products-content-wrapper #products-1 .products-banner-box .product-banner-img {
			height: 100%
		}

		.products-content-wrapper #products-1 .products-banner-box .product-banner-img img {
			height: 100%
		}
	}

	.p-banner-arrow {
		width: 40px;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		right: 20px;
		top: 20px;
		position: absolute;
		z-index: 3;
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	@media(max-width: 1399px) {
		.p-banner-arrow {
			right: 40px;
			top: 40px
		}
	}

	.p-banner-arrow[data-slick-prev] {
		right: 70px
	}

	@media(max-width: 1399px) {
		.p-banner-arrow[data-slick-prev] {
			right: 100px
		}
	}

	.p-banner-arrow:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.vs-sort-bar label {
		color: var(--select-color, var(--body-color3));
		font-size: 14px;
		font-weight: 300;
		margin-right: 10px
	}

	.vs-sort-bar select {
		color: var(--body-color3);
		border: 2px solid var(--secondary-color);
		background-color: #fdfefe;
		padding-right: 50px;
		padding-left: 20px;
		box-shadow: 0px 10px 47px 0px rgba(0, 0, 0, .1);
		height: 45px;
		font-size: 14px;
		border-radius: 35px;
		background-position: right 16px center
	}

	.vs-sort-bar .nav .nav-link {
		border: 0;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		text-align: center;
		padding: 0;
		color: var(--body-color3)
	}

	.vs-sort-bar .nav .nav-link.active {
		color: var(--white-color);
		background-color: var(--theme-color)
	}

	.vs-sort-bar .showtotal {
		margin-right: 30px
	}

	.vs-sort-bar .showtotal select {
		padding-right: 35px
	}

	.products-wrapper2 {
		background-color: #e8e6d5
	}

	.products-wrapper2 .products-content2 {
		margin: 0
	}

	.products-wrapper2 .products-img {
		margin: 0 20px 0 0;
		width: 280px;
		position: relative
	}

	.products-wrapper2 .badge {
		display: inline-block;
		position: absolute;
		left: 15px;
		top: 15px;
		width: 35px;
		height: 35px;
		line-height: 36px;
		padding: 0;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: .03em
	}

	.products-wrapper2 .actions-btn2 {
		justify-content: flex-start
	}

	.pagination-wrapper.pagination-layout1 ul li {
		display: inline-block
	}

	.pagination-layout1 a {
		font-size: 14.45px;
		color: var(--body-color3);
		border: 2px solid #f2f2f2;
		background-color: var(--white-color);
		box-shadow: 0px 12px 42.75px 2.25px rgba(0, 0, 0, .09);
		width: 48px;
		height: 48px;
		display: inline-block;
		margin: 0 2px;
		border-radius: 50%;
		line-height: 45px
	}

	.pagination-layout1 a.active,
	.pagination-layout1 a:hover {
		color: var(--white-color);
		background-color: var(--theme-color);
		box-shadow: none
	}

	.product-big-thumb-area {
		position: relative
	}

	.product-big-thumb-area .price-tag {
		position: absolute;
		top: 53px;
		right: 60px;
		z-index: 1
	}

	@media(max-width: 1199px) {
		.product-big-thumb-area .price-tag {
			top: 15px;
			right: 25px
		}
	}

	.product-big-thumb-area .wishlist {
		position: absolute;
		right: 60px;
		bottom: 53px;
		z-index: 1
	}

	@media(max-width: 1199px) {
		.product-big-thumb-area .wishlist {
			bottom: 15px;
			right: 25px
		}
	}

	.product-big-thumb-area .wishlist i {
		margin-right: 10px
	}

	.product-big-thumb-area .wishlist:hover {
		color: var(--title-color)
	}

	.shop-details-bg {
		background-color: #f7f5ea;
		padding: 80px 75px 50px 75px
	}

	@media(max-width: 1199px) {
		.shop-details-bg {
			padding: 50px
		}
	}

	@media(max-width: 1199px) {
		.shop-details-bg {
			padding: 50px 10px 50px
		}
	}

	.shop-details-bg .product-img-wrapper {
		position: relative
	}

	.shop-details-bg .product-big-img {
		margin-bottom: 16px
	}

	@media(max-width: 991px) {
		.shop-details-bg .product-big-img .product-img-box img {
			width: 100%
		}
	}

	.shop-details-bg .product-thumb-img {
		margin-bottom: 30px;
		margin-left: -5px;
		margin-right: -5px
	}

	.shop-details-bg .product-thumb-img .product-thumb {
		padding: 0 5px
	}

	.shop-details-bg .product-thumb-img img:hover,
	.shop-details-bg .product-thumb-img .slick-current.product-thumb img {
		border-color: var(--theme-color)
	}

	.shop-details-bg .product-thumb-img img {
		transition: all ease .4s;
		border: 1px solid rgba(0, 0, 0, 0);
		cursor: pointer
	}

	.product-size span {
		color: var(--title-color);
		font-size: 14px;
		font-weight: 500
	}

	.product-size a {
		color: var(--body-color);
		font-size: 12px;
		background-color: var(--white-color);
		line-height: 1;
		padding: 9px 12px;
		border-radius: 30px;
		margin: 0 4px
	}

	.product-size a:hover {
		color: var(--white-color);
		background-color: var(--title-color)
	}

	.shop-details-content .quantity.q-style1 {
		display: inline-block;
		position: relative
	}

	.shop-details-content .quantity.q-style1 .qty-input {
		width: 83px;
		height: 58px;
		border-radius: 30px;
		border: 0;
		color: var(--title-color);
		font-size: 14px;
		position: relative;
		padding-left: 23px;
		-webkit-appearance: none;
		-moz-appearance: textfield
	}

	.shop-details-content .quantity.q-style1 .qut-btn {
		border: 0;
		background: rgba(0, 0, 0, 0);
		color: var(--title-color);
		font-size: 14px;
		font-weight: 300;
		position: absolute;
		right: 12px
	}

	.shop-details-content .quantity.q-style1 .qut-btn:hover {
		color: var(--theme-color)
	}

	.shop-details-content .quantity.q-style1 .quantity-minus.qut-btn {
		top: 43%
	}

	.shop-details-content .quantity.q-style1 .quantity-plus.qut-btn {
		top: 8%
	}

	.shop-details-content .rating {
		color: var(--theme-color);
		margin-bottom: 10px !important
	}

	.shop-details-content .rating span {
		margin-left: 5px;
		font-weight: 500
	}

	.shop-details-content .actions {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		margin-bottom: 30px
	}

	.shop-details-content .availability-text {
		font-size: 14px
	}

	.shop-details-content .availability-text strong {
		font-weight: 500;
		color: var(--title-color)
	}

	.shop-details-content .availability-text a {
		color: var(--success-color)
	}

	.shop-details-content .icon-btn {
		background-color: var(--theme-color);
		width: 58px;
		height: 58px
	}

	.shop-details-content .icon-btn:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.shop-details-content .price-tag {
		font-size: 28px
	}

	.discount-tagged {
		display: inline-block;
		width: 80px;
		height: 80px;
		position: absolute;
		right: 22px;
		top: 22px;
		background-color: #ffe400;
		color: #222;
		text-transform: uppercase;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		padding: 15px 10px;
		line-height: 1.2;
		border-radius: 50%;
		z-index: 3
	}

	.product-tagged {
		position: absolute;
		left: 27px;
		top: 27px;
		z-index: 1
	}

	.product-tagged a {
		font-size: 15px;
		font-weight: 600;
		text-transform: uppercase;
		background-color: #4adf3b;
		color: var(--white-color);
		display: block;
		width: -moz-max-content;
		width: max-content;
		min-width: 83px;
		text-align: center;
		line-height: 1;
		padding: 6px 8px;
		margin-bottom: 4px
	}

	.product-tagged a:last-child {
		margin-bottom: 0;
		position: relative
	}

	.product-tagged a:last-child:before {
		content: "";
		position: absolute;
		left: 0;
		top: 100%;
		border-left: 10px solid #4adf3b;
		border-bottom: 10px solid rgba(0, 0, 0, 0)
	}

	.product-tagged a.offers {
		background-color: #ed0c0c
	}

	.product-tagged a.offers::before {
		border-left-color: #ed0c0c
	}

	.product_meta>span {
		color: var(--title-color);
		font-size: 14px;
		font-weight: 500;
		display: block;
		margin-bottom: 10px
	}

	.product_meta>span a,
	.product_meta>span span {
		color: var(--body-color);
		font-weight: 400
	}

	.product_meta>span:last-child {
		margin-bottom: 0
	}

	.product_meta>span a:hover {
		color: var(--theme-color);
		text-decoration: underline
	}

	.shop-details-tab .nav-tabs {
		border-bottom: 1px solid var(--border-color);
		margin-bottom: 35px
	}

	.shop-details-tab .nav .nav-link {
		color: var(--body-color);
		font-size: 18px;
		font-weight: 500;
		border: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		position: relative;
		padding-bottom: 20px
	}

	@media(max-width: 575px) {
		.shop-details-tab .nav .nav-link {
			font-size: 16px;
			width: 100%
		}
	}

	.shop-details-tab .nav .nav-link.active {
		color: var(--title-color);
		border-color: var(--title-color);
		background-color: rgba(0, 0, 0, 0)
	}

	.shop-details-tab .nav .nav-link.active::before {
		content: "";
		position: absolute;
		font-family: "Font Awesome 5 Pro";
		font-size: 14px;
		color: var(--title-color);
		left: 0;
		right: 0;
		bottom: -10px;
		margin: 0 auto;
		text-align: center
	}

	.product-desc-area .product-desc-img {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px
	}

	.title-border2 {
		margin-top: 52px;
		margin-bottom: 25px;
		position: relative;
		padding-bottom: 10px
	}

	.title-border2::before {
		content: "";
		position: absolute;
		background-color: var(--title-color);
		width: 50px;
		height: 2px;
		left: 0;
		bottom: 0;
		z-index: 1
	}

	.feature-box ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-bottom: 30px
	}

	.feature-box ul li {
		color: var(--body-color);
		font-size: 14px;
		font-weight: 300;
		padding-left: 43px;
		margin-bottom: 15px;
		position: relative
	}

	.feature-box ul li::before {
		content: "";
		position: absolute;
		font-family: "Font Awesome 5 Pro";
		font-size: 14px;
		color: var(--title-color);
		background-color: var(--white-color);
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .1);
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 25px;
		border-radius: 50%;
		left: 0;
		top: 0;
		z-index: 1
	}

	.feature-box .pro-desc-text {
		background-color: #e8e6d5;
		padding: 35px 40px;
		position: relative;
		margin-bottom: 0
	}

	@media(max-width: 767px) {
		.feature-box .pro-desc-text {
			padding: 45px 15px;
			font-size: 16px
		}
	}

	.feature-box .pro-desc-text::before {
		content: "";
		position: absolute;
		background-color: var(--theme-color);
		width: 8px;
		height: 100%;
		left: 0;
		bottom: 0;
		z-index: 1
	}

	.feature-box .pro-desc-text.bg-theme2::before {
		background-color: var(--title-color)
	}

	.product-tab {
		position: relative;
		border-bottom: 1px solid #e5e5e5;
		margin-top: -0.2em
	}

	.product-tab a {
		color: var(--title-color);
		font-size: 18px;
		font-weight: 700;
		padding: 0 20px 20px 20px
	}

	.product-tab a:hover,
	.product-tab a.active {
		color: var(--theme-color)
	}

	.product-tab .indicator {
		position: absolute;
		left: 0;
		top: auto !important;
		height: 0 !important;
		bottom: -1px;
		transition: all ease .4s;
		border-bottom: 1px solid var(--theme-color)
	}

	.product-tab .indicator:before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: 12px;
		height: 12px;
		border-top: 1px solid var(--theme-color);
		border-left: 1px solid var(--theme-color);
		transform: rotate(45deg);
		margin: -6px 0 0 -6px;
		background-color: var(--white-color)
	}

	#review-profile .vs-post-comment {
		position: relative;
		background-color: var(--smoke-color)
	}

	#review-profile .vs-post-comment .rating {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 14px
	}

	#review-profile .vs-post-comment .rating i {
		color: var(--yellow-color)
	}

	#review-profile .vs-post-comment p:last-of-type {
		margin-bottom: 0
	}

	.contact-review-wrapper {
		margin-top: 50px;
		background-color: var(--smoke-color);
		padding: 40px
	}

	.rating-select label {
		margin: 0;
		margin-right: 10px
	}

	.rating-select p.stars {
		margin-bottom: 0;
		line-height: 1
	}

	.rating-select p.stars a {
		position: relative;
		height: 14px;
		width: 18px;
		text-indent: -999em;
		display: inline-block;
		text-decoration: none
	}

	.rating-select p.stars a::before {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 18px;
		height: 14px;
		line-height: 1;
		font-family: var(--icon-font);
		content: "";
		font-weight: 400;
		text-indent: 0;
		color: var(--yellow-color)
	}

	.rating-select p.stars a:hover~a::before {
		content: "";
		font-weight: 400
	}

	.rating-select p.stars:hover a::before {
		content: "";
		font-weight: 700
	}

	.rating-select p.stars.selected a.active::before {
		content: "";
		font-weight: 700
	}

	.rating-select p.stars.selected a.active~a::before {
		content: "";
		font-weight: 400
	}

	.rating-select p.stars.selected a:not(.active)::before {
		content: "";
		font-weight: 700
	}

	.big-banner .product-banner-img {
		position: relative
	}

	.big-banner .product-banner-img:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 40px;
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 50%, transparent 100%);
		border-radius: 20px
	}

	@media(max-width: 1399px) {
		.products-wrapper2 .products-img {
			margin: 0 15px 0 0;
			width: 190px
		}

		.discount-tagged {
			width: 70px;
			height: 70px;
			font-size: 16px;
			padding: 14px 10px
		}
	}

	@media(max-width: 991px) {
		.products-wrapper2 {
			text-align: center;
			padding-bottom: 30px
		}

		.products-wrapper2 .actions-btn2 {
			justify-content: center
		}

		.products-wrapper2 .products-img {
			width: 100%
		}

		.shop-details-content .actions .vs-btn {
			padding-left: 25px;
			padding-right: 25px
		}

		.product_style3 {
			display: block;
			text-align: center
		}

		.product_style3 .product_img {
			margin: 0 auto 20px auto
		}

		.product_style3 .product_category a {
			margin-left: auto;
			margin-right: auto
		}
	}

	@media(max-width: 1199px) {
		.product_style1 {
			padding: 20px
		}

		.product_style1 .product_img {
			width: 140px;
			margin-right: 20px
		}
	}

	@media(max-width: 991px) {
		.product_style1 {
			display: block
		}

		.product_style1 .product_img {
			margin: 0 auto 15px auto;
			width: 100%
		}
	}

	@media(max-width: 767px) {
		.big-banner .sec-title2 {
			font-size: 18px
		}

		.big-banner .sec-title4 {
			font-size: 26px;
			margin: 0
		}

		.product_style1 .product_title {
			font-size: 16px
		}

		.product_style1 .product_price {
			font-size: 16px
		}

		.products-item-box .product-wrapper3 .badge {
			right: 0
		}
	}

	.sidemenu-wrapper {
		position: fixed;
		z-index: 99999;
		right: 0;
		top: 0;
		height: 100%;
		width: 0;
		background-color: rgba(0, 0, 0, .75);
		opacity: 0;
		visibility: hidden;
		transition: all ease .8s
	}

	.sidemenu-wrapper .widget_title {
		font-size: 24px;
		color: var(--title-color);
		position: relative;
		padding: 0 0 10px 0;
		margin: 37px 0 30px 0;
		font-weight: 500
	}

	.sidemenu-wrapper .widget_title:after,
	.sidemenu-wrapper .widget_title:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 40px;
		height: 2px;
		background-color: var(--theme-color);
		display: inline-block
	}

	.sidemenu-wrapper .widget_title:after {
		background-color: var(--title-color);
		left: 45px;
		width: 5px
	}

	.sidemenu-wrapper .sidemenu-content {
		background-color: var(--white-color);
		width: 380px;
		height: 100%;
		padding: 40px 30px;
		overflow: scroll;
		position: relative;
		margin-left: auto;
		right: -500px;
		top: 0;
		cursor: auto;
		transition: right ease 1s;
		z-index: 1
	}

	.sidemenu-wrapper .closeButton {
		font-size: 24px;
		background-color: var(--theme-color);
		color: var(--white-color);
		border: none;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		line-height: 46px;
		display: inline-block;
		position: absolute;
		right: 25px;
		top: 25px
	}

	.sidemenu-wrapper .closeButton:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.sidemenu-wrapper.show {
		opacity: 1;
		visibility: visible;
		width: 100%;
		transition: all ease .8s
	}

	.sidemenu-wrapper.show .sidemenu-content {
		right: 0;
		opacity: 1;
		visibility: visible
	}

	.sidemenu-wrapper.show .widget_about .about-text {
		font-size: 14px;
		margin-bottom: 25px
	}

	.widget-contact span {
		color: var(--white-color);
		font-size: 15px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background-color: var(--theme-color);
		text-align: center;
		border-radius: 50%;
		display: inline-block;
		margin-right: 15px;
		transition: all ease .4s
	}

	.widget-contact a {
		color: var(--title-color);
		font-size: 18px;
		font-weight: 500
	}

	.widget-contact a:hover {
		color: var(--theme-color)
	}

	.widget-contact p:hover span {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.widget .recent-post {
		display: flex;
		align-items: center;
		-webkit-box-align: center;
		margin-bottom: 20px
	}

	.widget .recent-post .post-img {
		margin-right: 15px;
		width: 100px;
		height: 90px;
		overflow: hidden
	}

	.widget .recent-post .post-img img {
		transform: scale(1.001);
		height: 100%;
		width: auto;
		transition: all ease .4s
	}

	.widget .recent-post:hover .post-img img {
		transform: scale(1.15)
	}

	.widget .recent-post .post-content {
		flex: 1
	}

	.widget .recent-post .post-content a {
		color: var(--title-color);
		font-size: 16px;
		display: block;
		font-weight: 700;
		margin-bottom: 10px
	}

	.widget .recent-post .post-content a:hover {
		color: var(--theme-color)
	}

	.widget .recent-post .post-content span {
		font-size: 12px;
		display: block;
		text-transform: uppercase
	}

	.widget .recent-post .post-content i {
		color: var(--theme-color);
		margin-right: 7px;
		position: relative;
		top: -1px
	}

	.plan {
		background-color: var(--white-color);
		box-shadow: 0px 20px 60px 0px rgba(37, 69, 116, .02);
		padding: 80px 0;
		border-radius: 20px;
		transition: .3s
	}

	.plan .pr__body li {
		margin-bottom: 9px
	}

	.plan:hover {
		transform: translateY(-15px)
	}

	.plan2 ul li {
		font-size: 20px;
		font-weight: 500;
		color: var(--title-color);
		border-bottom: 1px solid var(--border-color);
		padding: 23px 0
	}

	.plan2 ul li a {
		color: inherit
	}

	.plan2 ul li a:hover {
		color: var(--theme-color)
	}

	@media(max-width: 575px) {
		.plan2 ul li {
			font-size: 16px
		}
	}

	.plan2 ul li span {
		color: var(--theme-color)
	}

	@media(max-width: 991px) {
		.plan {
			padding: 50px 0
		}

		.plan .text-theme2 {
			font-size: 32px
		}
	}

	.error-main-title {
		font-size: 387px;
		line-height: 1
	}

	@media(max-width: 1399px) {
		.error-main-title {
			font-size: 72px
		}
	}

	@media(max-width: 1199px) {
		.error-main-title {
			font-size: 56px
		}
	}

	.sidebar-area .widget {
		margin-bottom: 40px;
		background-color: var(--white-color)
	}

	.sidebar-area .widget.widget_search,
	.sidebar-area .widget.widget_popular_post,
	.sidebar-area .widget.widget_tag_cloud {
		margin-bottom: 40px
	}

	.sidebar-area .widget.widget_search ul,
	.sidebar-area .widget.widget_popular_post ul,
	.sidebar-area .widget.widget_tag_cloud ul {
		list-style: none;
		margin: 0;
		padding: 0
	}

	.sidebar-area .widget .widget_title {
		color: var(--title-color);
		margin-bottom: 30px;
		padding-bottom: 20px;
		position: relative;
		font-size: 24px;
		border-bottom: 1px solid var(--border-color)
	}

	.sidebar-area .widget .widget_title:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -1px;
		width: 40px;
		height: 2px;
		background-color: var(--theme-color)
	}

	.sidebar-area .widget {
		border-radius: 20px;
		border: 1px solid var(--border-color);
		padding: 40px 35px
	}

	@media(max-width: 1199px) {
		.sidebar-area .widget {
			padding: 40px 15px
		}
	}

	.search-form {
		position: relative
	}

	.search-form input[type=text] {
		width: 100%;
		height: 60px;
		border: 0;
		font-size: 14px;
		line-height: 1;
		color: var(--body-color3);
		padding: 0 30px;
		background-color: var(--secondary-color);
		font-weight: 300;
		border-radius: 9999px
	}

	.search-form button {
		color: var(--theme-color);
		border: 0;
		background-color: rgba(0, 0, 0, 0);
		padding: 0;
		position: absolute;
		right: 30px;
		top: 50%;
		z-index: 1;
		transform: translateY(-50%);
		font-size: 20px
	}

	.widget .widget_title_border {
		position: relative;
		font-weight: 500
	}

	.widget .widget_title_border::before {
		content: "";
		position: absolute;
		background-color: var(--border-color);
		width: 276px;
		height: 1px;
		left: 0;
		bottom: 0;
		z-index: 1
	}

	.widget.widget_categories ul {
		margin: 0;
		padding: 0;
		list-style-type: none
	}

	.widget.widget_categories ul li {
		position: relative
	}

	.widget.widget_categories ul li:last-child {
		margin-bottom: 0
	}

	.widget.widget_categories ul li a {
		font-size: 14px;
		color: var(--title-color);
		font-weight: 500;
		padding: 14px 25px;
		margin-bottom: 10px;
		display: block;
		position: relative;
		background-color: var(--secondary-color);
		transition: .3s;
		border-radius: 9999px;
		transition: .4s
	}

	.widget.widget_categories ul li a:before {
		content: "";
		font-family: var(--icon-font);
		font-weight: 900;
		margin-right: 5px
	}

	.widget.widget_categories ul li span {
		position: absolute;
		top: 8px;
		right: 12px;
		color: var(--white-color);
		background-color: var(--theme-color);
		width: 35px;
		height: 35px;
		text-align: center;
		border-radius: 50%;
		line-height: 35px;
		font-size: 14px;
		transition: .4s
	}

	.widget.widget_categories ul li:hover a {
		background-color: var(--theme-color);
		color: var(--white-color)
	}

	.widget.widget_categories ul li:hover span {
		color: var(--theme-color);
		background-color: var(--white-color)
	}

	.tagcloud a {
		border: 1px solid rgba(0, 0, 0, .1);
		background-color: var(--white-color);
		padding: 12px 22px;
		border-radius: 30px;
		display: inline-block;
		line-height: 1;
		margin: 0 3px 8px 0;
		font-weight: 500;
		color: var(--title-color)
	}

	@media(max-width: 767px) {
		.tagcloud a {
			padding: 10px 15px
		}
	}

	.tagcloud a:hover {
		color: var(--white-color);
		border-color: rgba(0, 0, 0, 0);
		background-color: var(--theme-color)
	}

	.vs-widget-recent-post .recent-post {
		border-bottom: 1px solid var(--border-color)
	}

	.vs-widget-recent-post .recent-post i {
		vertical-align: middle;
		margin-right: 5px;
		top: -1px;
		position: relative
	}

	.vs-widget-recent-post .recent-post:last-child {
		border: 0
	}

	.vs-widget-recent-post .recent-post .text-body {
		font-weight: 500
	}

	.vs-widget-recent-post .recent-post .text-body:hover {
		color: var(--theme-color) !important
	}

	.vs-widget-recent-post .recent-post-title {
		color: var(--title-color);
		font-weight: 600
	}

	.vs-widget-recent-post .recent-post-title a {
		color: inherit
	}

	.vs-widget-recent-post .recent-post-title:hover {
		color: var(--theme-color)
	}

	@media(max-width: 575px) {
		.vs-widget-recent-post .recent-post-title {
			font-size: 15px
		}
	}

	.vs-widget-recent-post .media-img {
		overflow: hidden;
		border-radius: 10px
	}

	.vs-widget-recent-post .media-img img {
		transition: all ease .4s;
		transform: scale(1.001)
	}

	.vs-widget-recent-post .recent-post:hover .media-img img {
		transform: scale(1.15)
	}

	.woocommerce-cart-form {
		text-align: center
	}

	.cart_table {
		border: 1px solid var(--border-color);
		margin-bottom: 45px
	}

	.cart_table thead {
		background-color: var(--theme-color)
	}

	.cart_table thead th {
		border: none !important;
		color: var(--white-color);
		font-size: 18px
	}

	.cart_table td:before,
	.cart_table th {
		font-family: var(--theme-font);
		color: var(--title-color);
		font-weight: 600;
		border: none;
		padding: 27px 15px
	}

	.cart_table td:before {
		content: attr(data-title);
		position: absolute;
		left: 15px;
		top: 50%;
		vertical-align: top;
		padding: 0;
		transform: translateY(-50%);
		display: none
	}

	.cart_table td {
		border: none;
		border-bottom: 1px solid var(--border-color);
		color: var(--body-color);
		padding: 20px 10px;
		position: relative;
		vertical-align: middle;
		line-height: 1
	}

	.cart_table .product-quantity {
		color: var(--title-color)
	}

	.cart_table .product-quantity input {
		position: relative;
		top: -2px
	}

	.cart_table .cart-productname {
		font-weight: 400;
		font-family: var(--theme-font);
		color: var(--body-color)
	}

	.cart_table .cart-productimage {
		display: inline-block;
		border: 2px solid var(--border-color);
		overflow: hidden
	}

	.cart_table .cart-productimage img {
		transform: scale(1);
		transition: all ease .4s
	}

	.cart_table .cart-productimage:hover img {
		transform: scale(1.1)
	}

	.cart_table .amount {
		font-size: 18px;
		font-weight: 500;
		color: var(--title-color)
	}

	.cart_table .cart-productname {
		font-size: 18px;
		font-weight: 500;
		color: var(--title-color)
	}

	.cart_table .cart-productname:hover {
		color: var(--theme-color)
	}

	.cart_table .remove {
		color: var(--theme-color);
		font-size: 18px
	}

	.cart_table .remove:hover {
		color: var(--title-color)
	}

	.cart_table .quantity {
		width: -moz-max-content;
		width: max-content;
		margin-left: auto;
		margin-right: auto
	}

	.cart_table .qty-input {
		width: -moz-max-content;
		width: max-content;
		height: 40px;
		padding: 0 20px 0 15px;
		font-size: 16px;
		border: 1px solid var(--border-color)
	}

	.cart_table .qty-btn {
		right: 2px;
		width: 21px;
		height: 18px;
		font-size: 10px
	}

	.cart_table .actions {
		text-align: right;
		vertical-align: middle
	}

	.cart_table .actions>.vs-btn {
		font-size: 16px;
		padding: 17px 28px;
		margin-right: 15px
	}

	.cart_table .actions>.vs-btn:last-child {
		margin-right: 0
	}

	.cart_table .vs-cart-coupon {
		float: left;
		margin: 0;
		width: 455px;
		max-width: 100%;
		display: flex
	}

	.cart_table .vs-cart-coupon input {
		height: 50px;
		width: calc(100% - 200px);
		margin-right: 10px;
		color: var(--title-color);
		border-radius: 9999px;
		padding-left: 30px;
		font-size: 14px
	}

	.cart_table .vs-cart-coupon .vs-btn {
		font-size: 16px;
		padding: 17px 22px;
		width: -moz-max-content;
		width: max-content
	}

	.cart_totals {
		border: 1px solid var(--border-color)
	}

	.cart_totals th,
	.cart_totals td {
		vertical-align: top;
		padding: 20px 20px;
		border: none;
		border-bottom: 1px solid var(--border-color);
		font-size: 14px;
		color: var(--title-color);
		width: 55%
	}

	.cart_totals th:first-child,
	.cart_totals td:first-child {
		width: 45%;
		background-color: var(--smoke-color);
		font-weight: 700;
		font-size: 14px;
		color: var(--title-color)
	}

	.cart_totals .shipping-calculator-button {
		display: inline-block;
		border-bottom: 1px solid;
		color: var(--title-color);
		font-weight: 700
	}

	.cart_totals .shipping-calculator-button:hover {
		color: var(--theme-color)
	}

	.cart_totals .woocommerce-shipping-destination {
		margin-bottom: 10px
	}

	.cart_totals .woocommerce-shipping-methods {
		margin-bottom: 0
	}

	.cart_totals .shipping-calculator-form {
		display: none
	}

	.cart_totals .shipping-calculator-form p:first-child {
		margin-top: 20px
	}

	.cart_totals .shipping-calculator-form p:last-child {
		margin-bottom: 0
	}

	.cart_totals .shipping-calculator-form .vs-btn {
		padding: 2px 30px 0 30px
	}

	.cart_totals .amount {
		font-weight: 700;
		font-size: 18px
	}

	.cart_totals .order-total .amount {
		color: var(--theme-color)
	}

	.cart_totals input,
	.cart_totals select {
		height: 50px;
		padding-left: 20px;
		padding-right: 20px;
		background-position: right 20px center;
		font-size: 14px
	}

	@media(max-width: 991px) {
		.cart_table th {
			padding: 23px 8px;
			font-size: 14px
		}

		.cart_table .cart-productname {
			font-size: 14px
		}

		.cart_table .vs-cart-coupon {
			width: 100%;
			margin-bottom: 20px
		}

		.cart_table .actions {
			text-align: center
		}
	}

	@media(max-width: 767px) {
		.cart_table {
			text-align: left;
			min-width: auto;
			border-collapse: separate;
			border-spacing: 0 20px;
			border: none
		}

		.cart_table .quantity {
			margin-right: 0
		}

		.cart_table thead {
			display: none
		}

		.cart_table td {
			padding: 15px;
			display: block;
			width: 100%;
			padding-left: 25%;
			text-align: right;
			border: 1px solid var(--border-color);
			border-bottom: none
		}

		.cart_table td::before {
			display: block
		}

		.cart_table td:last-child {
			border-bottom: 1px solid var(--border-color)
		}

		.cart_table td.actions {
			padding-left: 15px;
			text-align: center
		}

		.cart_table td.actions>.vs-btn {
			margin-top: 10px;
			margin-right: 0;
			display: block;
			width: -moz-max-content;
			width: max-content;
			margin-left: auto;
			margin-right: auto
		}

		.cart_table td.actions>.vs-btn:last-child {
			margin-right: auto
		}

		.cart_table .vs-cart-coupon {
			width: 100%;
			text-align: center;
			float: none;
			justify-content: center;
			display: block;
			padding-bottom: 10px
		}

		.cart_table .vs-cart-coupon input {
			width: 100%;
			margin-bottom: 10px
		}

		.cart_totals th,
		.cart_totals td {
			padding: 15px 10px
		}

		.cart_totals th:first-child,
		.cart_totals td:first-child {
			width: 17%;
			line-height: 1.4
		}
	}

	.woocommerce-form-coupon,
	.woocommerce-form-login {
		padding: 40px;
		background-color: var(--smoke-color);
		--bs-gutter-x: 20px;
		margin-bottom: 40px
	}

	.woocommerce-form-coupon .form-group,
	.woocommerce-form-login .form-group {
		margin-bottom: 20px
	}

	.woocommerce-form-coupon .form-group:last-child,
	.woocommerce-form-login .form-group:last-child {
		margin-bottom: 0
	}

	.woocommerce-checkout .form-select,
	.woocommerce-checkout .select2-container,
	.woocommerce-checkout .form-control {
		margin-bottom: var(--bs-gutter-x)
	}

	.woocommerce-checkout .select2-container--open .select2-dropdown--below {
		margin-top: -35px
	}

	.woocommerce-checkout .select2-container--open .select2-dropdown--above {
		position: relative;
		bottom: -30px
	}

	.woocommerce-checkout .select2-dropdown {
		border: 1px solid var(--border-color);
		border-top: none
	}

	.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
	.woocommerce-checkout .form-control:focus {
		color: var(--body-color)
	}

	.select2-container--default .select2-selection--single {
		height: 60px;
		border: 1px solid var(--border-color)
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 60px;
		padding-left: 30px;
		padding-right: 25px
	}

	.woocommerce-billing-fields .form-row {
		margin-bottom: 0
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
		content: "";
		font-family: var(--icon-font)
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		margin: 0;
		border: none;
		top: 0
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 60px;
		line-height: 60px;
		margin-right: 18px
	}

	span.select2-selection.select2-selection--single:focus {
		outline: none
	}

	.shipping-calculator-form .form-select,
	.shipping-calculator-form .form-control {
		height: 45px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 12px;
		border-radius: 9999px;
		background-position: right 20px center
	}

	.shipping-calculator-form .vs-btn {
		font-size: 14px;
		padding: 0 20px;
		width: -moz-max-content;
		width: max-content;
		height: 40px
	}

	.checkout-right {
		margin-top: 10px
	}

	.checkout-ordertable th,
	.checkout-ordertable td {
		border: none;
		vertical-align: middle;
		padding: 5px 0;
		font-size: 14px;
		font-weight: 700;
		color: var(--title-color)
	}

	.checkout-ordertable ul {
		margin: 0;
		padding: 0
	}

	.checkout-ordertable .order-total .amount {
		color: var(--theme-color)
	}

	.checkout-ordertable input[type=hidden]~label {
		color: var(--theme-color)
	}

	.woocommerce-checkout .form-group input:not(:last-child) {
		margin-bottom: var(--bs-gutter-x)
	}

	.checkout-ordertable th,
	.checkout-ordertable td {
		border: 1px solid var(--border-color);
		text-align: right;
		padding: 10px 20px
	}

	.checkout-ordertable th {
		text-align: left
	}

	.woocommerce-checkout-payment {
		text-align: left
	}

	.woocommerce-checkout-payment ul {
		margin: 0;
		padding: 0;
		list-style-type: none
	}

	.woocommerce-checkout-payment ul li {
		padding-top: 18px;
		border-bottom: 1px solid var(--border-color);
		border-radius: 4px;
		font-size: 16px
	}

	.woocommerce-checkout-payment ul input[type=radio]~label {
		margin-bottom: 19px;
		color: var(--body-color)
	}

	.woocommerce-checkout-payment ul input[type=radio]~label img {
		margin-bottom: -2px;
		margin-left: 10px
	}

	.woocommerce-checkout-payment .place-order {
		padding-top: 30px
	}

	.woocommerce-checkout-payment .payment_box {
		color: var(--title-color);
		background-color: var(--light-color);
		border: 1px solid var(--border-color);
		border-bottom: none;
		font-size: 14px;
		padding: 10px 20px;
		border-radius: 4px;
		display: none
	}

	.woocommerce-checkout-payment .payment_box p {
		margin: 0
	}

	.vs-checkout-wrapper form.woocommerce-form {
		margin-bottom: 25px
	}

	@media(max-width: 767px) {
		tfoot.checkout-ordertable th {
			display: none
		}

		.woocommerce-checkout-payment ul input[type=radio]~label img {
			max-width: 150px
		}

		.checkout-ordertable th,
		.checkout-ordertable td {
			padding: 5px 20px 5px 60px
		}

		.woocommerce-form-coupon,
		.woocommerce-form-login {
			padding: 40px 20px
		}
	}

	@media(max-width: 575px) {

		.woocommerce-message,
		.woocommerce-info {
			font-size: 12px;
			padding: 11px 15px
		}
	}

	.tinv-wishlist input[type=checkbox] {
		display: inline-block;
		opacity: 1;
		visibility: visible;
		width: auto;
		height: auto
	}

	.tinv-wishlist .cart-empty {
		padding: 12px 25px;
		background-color: #eee;
		border-radius: 5px;
		font-weight: 700;
		font-size: 14px
	}

	.tinv-wishlist p.return-to-shop .button {
		display: inline-block;
		background-color: var(--theme-color);
		color: #fff;
		font-size: 14px;
		padding: 10px 25px;
		border-radius: 4px;
		margin-top: 10px;
		font-weight: 700
	}

	.tinv-wishlist p.return-to-shop .button:Hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	.tinv-wishlist table th {
		color: var(--title-color)
	}

	.tinv-wishlist table td,
	.tinv-wishlist table th {
		padding: 10px;
		border: 1px solid var(--border-color);
		text-align: center
	}

	.tinv-wishlist .product-cb,
	.tinv-wishlist .product-remove {
		width: 40px;
		text-align: center
	}

	.tinv-wishlist .product-thumbnail {
		width: 110px
	}

	.tinv-wishlist .stock.in-stock {
		margin-bottom: 0
	}

	.tinv-wishlist ins {
		text-decoration: none
	}

	.tinv-wishlist .product-remove button {
		border: none;
		height: 22px;
		width: 22px;
		text-align: center;
		font-size: 12px;
		line-height: 22px
	}

	.tinv-wishlist .tinvwl-mobile {
		display: none
	}

	.tinv-wishlist .social-buttons {
		display: flex;
		max-width: 295px;
		margin-left: auto;
		align-items: center
	}

	.tinv-wishlist .social-buttons ul {
		padding-left: 0;
		margin-bottom: 0;
		margin-left: auto
	}

	.tinv-wishlist .social-buttons li {
		margin-right: 5px
	}

	.tinv-wishlist .social-buttons li:last-child {
		margin-right: 0
	}

	.tinv-wishlist table.tinvwl-table-manage-list {
		font-size: 14px
	}

	.tinv-wishlist table.tinvwl-table-manage-list button {
		border-radius: 9999px
	}

	.tinv-wishlist table.tinvwl-table-manage-list button:hover {
		color: var(--white-color);
		background-color: var(--title-color)
	}

	.tinv-wishlist .product-stock i {
		margin-right: 5px
	}

	.tinv-wishlist .tinv-modal .icon_big_times {
		margin-bottom: 5px;
		color: var(--theme-color)
	}

	.tinv-wishlist button.button {
		border: none;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		font-weight: 700;
		background-color: var(--theme-color);
		color: #fff;
		padding: 1px 15px
	}

	.tinv-wishlist button.button i {
		font-size: 14px !important;
		margin-right: 3px !important
	}

	.tinv-wishlist th,
	.tinv-wishlist td.product-name {
		font-size: 16px;
		font-weight: 700;
		font-family: var(--theme-font)
	}

	.tinv-wishlist td.product-name a {
		color: var(--title-color)
	}

	.tinv-wishlist td.product-name a:hover {
		color: var(--theme-color)
	}

	.tinv-wishlist td.product-price del {
		font-size: .9em
	}

	.tinv-wishlist .social-buttons>span {
		font-weight: 700;
		margin-right: 10px;
		font-family: var(--theme-font);
		color: var(--title-color)
	}

	.tinv-wishlist .social-buttons li {
		display: inline-block
	}

	.tinv-wishlist .social-buttons li a.social {
		background-color: var(--theme-color);
		color: #fff;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		display: inline-block;
		text-align: center;
		border-radius: 50px;
		margin-left: 3px
	}

	.tinv-wishlist .social-buttons li a.social:first-child {
		margin-left: 0
	}

	.tinv-wishlist .social-buttons li a.social i {
		line-height: inherit
	}

	.tinv-wishlist .social-buttons li a.social:hover {
		background-color: var(--title-color);
		color: var(--white-color)
	}

	@media(max-width: 991px) {
		.tinvwl-full {
			display: none
		}

		.tinv-wishlist .tinvwl-mobile {
			display: block
		}

		.tinvwl-txt {
			display: none
		}

		.product-stock {
			width: 40px;
			text-align: center
		}
	}

	@media(max-width: 767px) {
		.tinv-wishlist table {
			table-layout: fixed
		}

		.tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove,
		.tinv-wishlist table.tinvwl-table-manage-list thead th:not(.product-name) {
			display: none
		}

		.tinv-wishlist table.tinvwl-table-manage-list tbody td {
			display: block;
			width: 100% !important;
			text-align: center
		}

		.product-name {
			text-align: center
		}

		.tinv-wishlist table td,
		.tinv-wishlist table th {
			border-bottom: none
		}

		.tinv-wishlist table tbody {
			border-bottom: 1px solid var(--border-color)
		}

		.tinv-wishlist .social-buttons {
			max-width: 100%;
			margin-left: unset;
			flex-direction: column
		}

		.tinv-wishlist .social-buttons ul {
			margin-left: unset;
			margin-top: 5px
		}

		.tinvwl-txt {
			display: inline-block
		}
	}

	.font-theme {
		font-family: var(--theme-font)
	}

	.font-theme2 {
		font-family: var(--theme-font)
	}

	.font-icon {
		font-family: var(--icon-font)
	}

	.fw-light {
		font-weight: 300
	}

	.fw-normal {
		font-weight: 400
	}

	.fw-medium {
		font-weight: 500
	}

	.fw-semibold {
		font-weight: 600
	}

	.fw-bold {
		font-weight: 700
	}

	.fs-md {
		font-size: 18px
	}

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

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

	.fs-xs {
		font-size: 14px
	}

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

	@media(max-width: 1199px) {
		.fs-20 {
			font-size: 18px
		}

		.fs-md {
			font-size: 16px
		}
	}

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

	.bg-theme2 {
		background-color: var(--theme-color) !important
	}

	.bg-title {
		background-color: var(--title-color) !important
	}

	.bg-light {
		background-color: var(--light-color) !important
	}

	.bg-black {
		background-color: var(--black-color) !important
	}

	.bg-smoke {
		background-color: var(--smoke-color) !important
	}

	.bg-secondary {
		background-color: var(--secondary-color) !important
	}

	.bg-white {
		background-color: var(--white-color) !important
	}

	.bg-dark {
		background-color: var(--dark-color) !important
	}

	.bg-yellow {
		background-color: var(--yellow-color) !important
	}

	.bg-success {
		background-color: var(--success-color) !important
	}

	.bg-error {
		background-color: var(--error-color) !important
	}

	.bg-body {
		background-color: var(--body-color) !important
	}

	.bg-grey {
		background-color: var(--grey-color) !important
	}

	[data-bg-src] {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center
	}

	.bg-fluid {
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center center
	}

	.bg-auto {
		background-size: auto auto
	}

	.bg-fixed {
		background-attachment: fixed
	}

	.bg-light-2 {
		background-color: #f9f7e6
	}

	@media(min-width: 1922px) {
		.bg1 {
			background-size: 100%
		}
	}

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

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

	.text-title {
		color: var(--title-color) !important
	}

	.text-title2 {
		color: var(--title-color) !important
	}

	.text-body {
		color: var(--body-color) !important
	}

	.text-body2 {
		color: var(--body-color) !important
	}

	.text-light {
		color: var(--light-color) !important
	}

	.text-white {
		color: var(--white-color) !important
	}

	.text-yellow {
		color: var(--yellow-color) !important
	}

	.text-success {
		color: var(--success-color) !important
	}

	.text-error {
		color: var(--error-color) !important
	}

	.text-inherit {
		color: inherit
	}

	.text-theme {
		color: var(--theme-color)
	}

	.title-color {
		color: var(--title-color)
	}

	.title-color a,
	.title-color span {
		color: inherit
	}

	.title-color a:hover {
		color: var(--theme-color)
	}

	.text-hover-white:hover {
		color: var(--white-color) !important
	}

	.underline {
		transition: .3s ease all
	}

	.underline:hover {
		text-decoration: underline
	}

	.text-theme2 a {
		color: inherit
	}

	.text-theme2 a:hover {
		color: var(--title-color)
	}

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

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

	a.text-title:hover {
		color: var(--theme-color) !important
	}

	a.text-title2:hover {
		color: var(--theme-color) !important
	}

	h2.title-color a:hover,
	h3.title-color a:hover,
	h4.title-color a:hover,
	h5.title-color a:hover,
	h6.title-color a:hover {
		color: var(--theme-color)
	}

	h2.text-title a:hover,
	h3.text-title a:hover,
	h4.text-title a:hover,
	h5.text-title a:hover,
	h6.text-title a:hover {
		color: var(--theme-color)
	}

	h2.title-color2 a:hover,
	h3.title-color2 a:hover,
	h4.title-color2 a:hover,
	h5.title-color2 a:hover,
	h6.title-color2 a:hover {
		color: var(--theme-color)
	}

	.radius-circle {
		border-radius: 50%
	}

	.radius-50 {
		border-radius: 50px
	}

	.radius-100 {
		border-radius: 100px
	}

	.overlay {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		display: block;
		z-index: 1
	}

	[data-overlay] {
		position: relative
	}

	[data-overlay] [class^=col-],
	[data-overlay] [class*=col-] {
		z-index: 1
	}

	[data-overlay]:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 1
	}

	[data-overlay=theme]:before {
		background-color: var(--theme-color)
	}

	[data-overlay=white]:before {
		background-color: var(--white-color)
	}

	[data-overlay=dark]:before {
		background-color: var(--dark-color)
	}

	[data-overlay=body]:before {
		background-color: var(--body-color)
	}

	[data-opacity="1"]:before {
		opacity: 0.1
	}

	[data-opacity="2"]:before {
		opacity: 0.2
	}

	[data-opacity="3"]:before {
		opacity: 0.3
	}

	[data-opacity="4"]:before {
		opacity: 0.4
	}

	[data-opacity="5"]:before {
		opacity: 0.5
	}

	[data-opacity="6"]:before {
		opacity: 0.6
	}

	[data-opacity="7"]:before {
		opacity: 0.7
	}

	[data-opacity="8"]:before {
		opacity: 0.8
	}

	[data-opacity="9"]:before {
		opacity: 0.9
	}

	[data-opacity="10"]:before {
		opacity: 1
	}

	.slideinup.vs-animated {
		--animation-name: slideinup
	}

	.slideindown.vs-animated {
		--animation-name: slideindown
	}

	.slideindown,
	.slideinup {
		opacity: 0
	}

	.vs-animated {
		animation-fill-mode: both;
		animation-iteration-count: 1;
		animation-duration: 1s;
		animation-delay: .3s;
		opacity: 1;
		animation-name: var(--animation-name)
	}

	.ripple-animation,
	.play-btn.style-1::before,
	.play-btn.style-1::after,
	.vs-video .style-2::before,
	.vs-video .style-2::after {
		animation-duration: var(--ripple-ani-duration);
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-name: ripple
	}

	.ani-moving-x,
	.ani-moving-y,
	.ani-moving {
		animation-duration: var(--moving-ani-duration);
		animation-timing-function: linear;
		animation-iteration-count: infinite
	}

	.ani-moving {
		animation-name: moving
	}

	.ani-moving-x {
		animation-name: moving-x
	}

	.ani-moving-y {
		animation-name: moving-y
	}

	.mega-hover {
		position: relative;
		overflow: hidden
	}

	.mega-hover img {
		transition: all 2s ease;
		transform: scale(1)
	}

	.mega-hover:after,
	.mega-hover:before {
		content: "";
		position: absolute;
		pointer-events: none;
		opacity: 1;
		z-index: 3;
		transform: rotate(5deg)
	}

	.mega-hover:before {
		top: 0;
		right: 51%;
		bottom: 0;
		left: 50%;
		background: rgba(255, 255, 255, .3)
	}

	.mega-hover:after {
		top: 50%;
		right: 0;
		bottom: 50%;
		left: 0;
		background: rgba(255, 255, 255, .6)
	}

	.mega-hover:hover:before {
		left: 0;
		right: 0;
		opacity: 0;
		transition: all 900ms linear
	}

	.mega-hover:hover:after {
		top: 0;
		bottom: 0;
		opacity: 0;
		transition: all 900ms linear
	}

	.mega-hover:hover img {
		transform: scale(1.05)
	}

	.thumb_swap .img_swap {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
		transition: all .5s ease 0s;
		background-color: var(--white-color)
	}

	.thumb_swap:hover .img_swap {
		opacity: 1;
		visibility: visible
	}

	.thumb_swap .flash-img,
	.thumb_swap .product-img {
		overflow: hidden;
		position: relative
	}

	@media(max-width: 991px) {
		.ani-md-none {
			animation: none
		}
	}

	@keyframes ripple {
		0% {
			transform: scale(1);
			opacity: 0
		}

		30% {
			opacity: .4
		}

		100% {
			transform: scale(1.7);
			opacity: 0
		}
	}

	@keyframes moving {
		0% {
			transform: translate(0px, 0px)
		}

		20% {
			transform: translate(0px, -60px)
		}

		50% {
			transform: translate(-60px, -60px)
		}

		70% {
			transform: translate(-60px, 0px)
		}

		100% {
			transform: translate(0px, 0px)
		}
	}

	@keyframes moving-y {
		0% {
			transform: translate(0px, 0px)
		}

		50% {
			transform: translate(0, -60px)
		}

		100% {
			transform: translate(0px, 0px)
		}
	}

	@keyframes moving-x {
		0% {
			transform: translate(0px, 0px)
		}

		50% {
			transform: translate(-60px, 0)
		}

		100% {
			transform: translate(0px, 0px)
		}
	}

	@keyframes pulseBig {
		0% {
			box-shadow: 0 0 0 0 #fff
		}

		50% {
			box-shadow: 0 0 0 30px rgba(1, 93, 199, 0)
		}

		100% {
			box-shadow: 0 0 0 0 rgba(1, 93, 199, 0)
		}
	}

	@keyframes float-bob-y {
		0% {
			transform: translateY(0px)
		}

		50% {
			transform: translateY(-25px)
		}

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

	@keyframes newsMove {
		0% {
			transform: translate3d(100%, 0, 0)
		}

		100% {
			transform: translate3d(-200%, 0, 0)
		}
	}

	@keyframes slideinup {
		0% {
			opacity: 0;
			transform: translateY(70px)
		}

		100% {
			transform: translateY(0)
		}
	}

	@keyframes slideindown {
		0% {
			opacity: 0;
			transform: translateY(-70px)
		}

		100% {
			transform: translateY(0)
		}
	}

	@keyframes spin {
		to {
			transform: rotate(360deg)
		}
	}

	.space,
	.space-top {
		padding-top: var(--section-space)
	}

	.space,
	.space-bottom {
		padding-bottom: var(--section-space)
	}

	.space-negative,
	.space-negative-top {
		padding-top: calc(var(--section-space) - 30px)
	}

	.space-negative,
	.space-negative-bottom {
		padding-bottom: calc(var(--section-space) - 30px)
	}

	.space-y-2 {
		padding-top: 80px;
		padding-bottom: 80px
	}

	@media(max-width: 991px) {

		.space,
		.space-top {
			padding-top: var(--section-space-mobile)
		}

		.space,
		.space-bottom {
			padding-bottom: var(--section-space-mobile)
		}

		.space-negative,
		.space-negative-top {
			padding-top: calc(var(--section-space-mobile) - 30px)
		}

		.space-negative,
		.space-negative-bottom {
			padding-bottom: calc(var(--section-space-mobile) - 30px)
		}
	}

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

	.px-10 {
		padding-right: 10px;
		padding-left: 10px
	}

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

	.px-20 {
		padding-right: 20px;
		padding-left: 20px
	}

	.px-25 {
		padding-right: 25px;
		padding-left: 25px
	}

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

	.px-35 {
		padding-right: 35px;
		padding-left: 35px
	}

	.px-40 {
		padding-right: 40px;
		padding-left: 40px
	}

	.px-45 {
		padding-right: 45px;
		padding-left: 45px
	}

	.px-50 {
		padding-right: 50px;
		padding-left: 50px
	}

	.px-55 {
		padding-right: 55px;
		padding-left: 55px
	}

	.px-60 {
		padding-right: 60px;
		padding-left: 60px
	}

	.px-65 {
		padding-right: 65px;
		padding-left: 65px
	}

	.px-70 {
		padding-right: 70px;
		padding-left: 70px
	}

	.px-75 {
		padding-right: 75px;
		padding-left: 75px
	}

	.px-80 {
		padding-right: 80px;
		padding-left: 80px
	}

	.px-85 {
		padding-right: 85px;
		padding-left: 85px
	}

	.px-90 {
		padding-right: 90px;
		padding-left: 90px
	}

	.px-95 {
		padding-right: 95px;
		padding-left: 95px
	}

	.px-100 {
		padding-right: 100px;
		padding-left: 100px
	}

	.py-5 {
		padding-top: 5px;
		padding-bottom: 5px
	}

	.py-10 {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.py-15 {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.py-20 {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.py-25 {
		padding-top: 25px;
		padding-bottom: 25px
	}

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

	.py-35 {
		padding-top: 35px;
		padding-bottom: 35px
	}

	.py-40 {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.py-45 {
		padding-top: 45px;
		padding-bottom: 45px
	}

	.py-50 {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.py-55 {
		padding-top: 55px;
		padding-bottom: 55px
	}

	.py-60 {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.py-65 {
		padding-top: 65px;
		padding-bottom: 65px
	}

	.py-70 {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.py-75 {
		padding-top: 75px;
		padding-bottom: 75px
	}

	.py-80 {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.py-85 {
		padding-top: 85px;
		padding-bottom: 85px
	}

	.py-90 {
		padding-top: 90px;
		padding-bottom: 90px
	}

	.py-95 {
		padding-top: 95px;
		padding-bottom: 95px
	}

	.py-100 {
		padding-top: 100px;
		padding-bottom: 100px
	}

	.pt-5 {
		padding-top: 5px
	}

	.pt-10 {
		padding-top: 10px
	}

	.pt-15 {
		padding-top: 15px
	}

	.pt-20 {
		padding-top: 20px
	}

	.pt-25 {
		padding-top: 25px
	}

	.pt-30 {
		padding-top: 30px
	}

	.pt-35 {
		padding-top: 35px
	}

	.pt-40 {
		padding-top: 40px
	}

	.pt-45 {
		padding-top: 45px
	}

	.pt-50 {
		padding-top: 50px
	}

	.pt-55 {
		padding-top: 55px
	}

	.pt-60 {
		padding-top: 60px
	}

	.pt-65 {
		padding-top: 65px
	}

	.pt-70 {
		padding-top: 70px
	}

	.pt-75 {
		padding-top: 75px
	}

	.pt-80 {
		padding-top: 80px
	}

	.pt-85 {
		padding-top: 85px
	}

	.pt-90 {
		padding-top: 90px
	}

	.pt-95 {
		padding-top: 95px
	}

	.pt-100 {
		padding-top: 100px
	}

	.pb-5 {
		padding-bottom: 5px
	}

	.pb-10 {
		padding-bottom: 10px
	}

	.pb-15 {
		padding-bottom: 15px
	}

	.pb-20 {
		padding-bottom: 20px
	}

	.pb-25 {
		padding-bottom: 25px
	}

	.pb-30 {
		padding-bottom: 30px
	}

	.pb-35 {
		padding-bottom: 35px
	}

	.pb-40 {
		padding-bottom: 40px
	}

	.pb-45 {
		padding-bottom: 45px
	}

	.pb-50 {
		padding-bottom: 50px
	}

	.pb-55 {
		padding-bottom: 55px
	}

	.pb-60 {
		padding-bottom: 60px
	}

	.pb-65 {
		padding-bottom: 65px
	}

	.pb-70 {
		padding-bottom: 70px
	}

	.pb-75 {
		padding-bottom: 75px
	}

	.pb-80 {
		padding-bottom: 80px
	}

	.pb-85 {
		padding-bottom: 85px
	}

	.pb-90 {
		padding-bottom: 90px
	}

	.pb-95 {
		padding-bottom: 95px
	}

	.pb-100 {
		padding-bottom: 100px
	}

	.pl-5 {
		padding-left: 5px
	}

	.pl-10 {
		padding-left: 10px
	}

	.pl-15 {
		padding-left: 15px
	}

	.pl-20 {
		padding-left: 20px
	}

	.pl-25 {
		padding-left: 25px
	}

	.pl-30 {
		padding-left: 30px
	}

	.pl-35 {
		padding-left: 35px
	}

	.pl-40 {
		padding-left: 40px
	}

	.pl-45 {
		padding-left: 45px
	}

	.pl-50 {
		padding-left: 50px
	}

	.pl-55 {
		padding-left: 55px
	}

	.pl-60 {
		padding-left: 60px
	}

	.pl-65 {
		padding-left: 65px
	}

	.pl-70 {
		padding-left: 70px
	}

	.pl-75 {
		padding-left: 75px
	}

	.pl-80 {
		padding-left: 80px
	}

	.pl-85 {
		padding-left: 85px
	}

	.pl-90 {
		padding-left: 90px
	}

	.pl-95 {
		padding-left: 95px
	}

	.pl-100 {
		padding-left: 100px
	}

	.pr-5 {
		padding-right: 5px
	}

	.pr-10 {
		padding-right: 10px
	}

	.pr-15 {
		padding-right: 15px
	}

	.pr-20 {
		padding-right: 20px
	}

	.pr-25 {
		padding-right: 25px
	}

	.pr-30 {
		padding-right: 30px
	}

	.pr-35 {
		padding-right: 35px
	}

	.pr-40 {
		padding-right: 40px
	}

	.pr-45 {
		padding-right: 45px
	}

	.pr-50 {
		padding-right: 50px
	}

	.pr-55 {
		padding-right: 55px
	}

	.pr-60 {
		padding-right: 60px
	}

	.pr-65 {
		padding-right: 65px
	}

	.pr-70 {
		padding-right: 70px
	}

	.pr-75 {
		padding-right: 75px
	}

	.pr-80 {
		padding-right: 80px
	}

	.pr-85 {
		padding-right: 85px
	}

	.pr-90 {
		padding-right: 90px
	}

	.pr-95 {
		padding-right: 95px
	}

	.pr-100 {
		padding-right: 100px
	}

	.pt-200 {
		padding-top: 200px
	}

	.pb-200 {
		padding-bottom: 200px
	}

	.pt-300 {
		padding-top: 300px
	}

	.pb-300 {
		padding-bottom: 300px
	}

	.pt-175 {
		padding-top: 175px
	}

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

	.mx-10 {
		margin-right: 10px;
		margin-left: 10px
	}

	.mx-15 {
		margin-right: 15px;
		margin-left: 15px
	}

	.mx-20 {
		margin-right: 20px;
		margin-left: 20px
	}

	.mx-25 {
		margin-right: 25px;
		margin-left: 25px
	}

	.mx-30 {
		margin-right: 30px;
		margin-left: 30px
	}

	.mx-35 {
		margin-right: 35px;
		margin-left: 35px
	}

	.mx-40 {
		margin-right: 40px;
		margin-left: 40px
	}

	.mx-45 {
		margin-right: 45px;
		margin-left: 45px
	}

	.mx-50 {
		margin-right: 50px;
		margin-left: 50px
	}

	.mx-55 {
		margin-right: 55px;
		margin-left: 55px
	}

	.mx-60 {
		margin-right: 60px;
		margin-left: 60px
	}

	.mx-65 {
		margin-right: 65px;
		margin-left: 65px
	}

	.mx-70 {
		margin-right: 70px;
		margin-left: 70px
	}

	.mx-75 {
		margin-right: 75px;
		margin-left: 75px
	}

	.mx-80 {
		margin-right: 80px;
		margin-left: 80px
	}

	.mx-85 {
		margin-right: 85px;
		margin-left: 85px
	}

	.mx-90 {
		margin-right: 90px;
		margin-left: 90px
	}

	.mx-95 {
		margin-right: 95px;
		margin-left: 95px
	}

	.mx-100 {
		margin-right: 100px;
		margin-left: 100px
	}

	.my-5 {
		margin-top: 5px;
		margin-bottom: 5px
	}

	.my-10 {
		margin-top: 10px;
		margin-bottom: 10px
	}

	.my-15 {
		margin-top: 15px;
		margin-bottom: 15px
	}

	.my-20 {
		margin-top: 20px;
		margin-bottom: 20px
	}

	.my-25 {
		margin-top: 25px;
		margin-bottom: 25px
	}

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

	.my-35 {
		margin-top: 35px;
		margin-bottom: 35px
	}

	.my-40 {
		margin-top: 40px;
		margin-bottom: 40px
	}

	.my-45 {
		margin-top: 45px;
		margin-bottom: 45px
	}

	.my-50 {
		margin-top: 50px;
		margin-bottom: 50px
	}

	.my-55 {
		margin-top: 55px;
		margin-bottom: 55px
	}

	.my-60 {
		margin-top: 60px;
		margin-bottom: 60px
	}

	.my-65 {
		margin-top: 65px;
		margin-bottom: 65px
	}

	.my-70 {
		margin-top: 70px;
		margin-bottom: 70px
	}

	.my-75 {
		margin-top: 75px;
		margin-bottom: 75px
	}

	.my-80 {
		margin-top: 80px;
		margin-bottom: 80px
	}

	.my-85 {
		margin-top: 85px;
		margin-bottom: 85px
	}

	.my-90 {
		margin-top: 90px;
		margin-bottom: 90px
	}

	.my-95 {
		margin-top: 95px;
		margin-bottom: 95px
	}

	.my-100 {
		margin-top: 100px;
		margin-bottom: 100px
	}

	.mt-5 {
		margin-top: 5px
	}

	.mt-10 {
		margin-top: 10px
	}

	.mt-15 {
		margin-top: 15px
	}

	.mt-20 {
		margin-top: 20px
	}

	.mt-25 {
		margin-top: 25px
	}

	.mt-30 {
		margin-top: 30px
	}

	.mt-35 {
		margin-top: 35px
	}

	.mt-40 {
		margin-top: 40px
	}

	.mt-45 {
		margin-top: 45px
	}

	.mt-50 {
		margin-top: 50px
	}

	.mt-55 {
		margin-top: 55px
	}

	.mt-60 {
		margin-top: 60px
	}

	.mt-65 {
		margin-top: 65px
	}

	.mt-70 {
		margin-top: 70px
	}

	.mt-75 {
		margin-top: 75px
	}

	.mt-80 {
		margin-top: 80px
	}

	.mt-85 {
		margin-top: 85px
	}

	.mt-90 {
		margin-top: 90px
	}

	.mt-95 {
		margin-top: 95px
	}

	.mt-100 {
		margin-top: 100px
	}

	.mb-5 {
		margin-bottom: 5px
	}

	.mb-10 {
		margin-bottom: 10px
	}

	.mb-15 {
		margin-bottom: 15px
	}

	.mb-20 {
		margin-bottom: 20px
	}

	.mb-25 {
		margin-bottom: 25px
	}

	.mb-30 {
		margin-bottom: 30px
	}

	.mb-35 {
		margin-bottom: 35px
	}

	.mb-40 {
		margin-bottom: 40px
	}

	.mb-45 {
		margin-bottom: 45px
	}

	.mb-50 {
		margin-bottom: 50px
	}

	.mb-55 {
		margin-bottom: 55px
	}

	.mb-60 {
		margin-bottom: 60px
	}

	.mb-65 {
		margin-bottom: 65px
	}

	.mb-70 {
		margin-bottom: 70px
	}

	.mb-75 {
		margin-bottom: 75px
	}

	.mb-80 {
		margin-bottom: 80px
	}

	.mb-85 {
		margin-bottom: 85px
	}

	.mb-90 {
		margin-bottom: 90px
	}

	.mb-95 {
		margin-bottom: 95px
	}

	.mb-100 {
		margin-bottom: 100px
	}

	.ml-5 {
		margin-left: 5px
	}

	.ml-10 {
		margin-left: 10px
	}

	.ml-15 {
		margin-left: 15px
	}

	.ml-20 {
		margin-left: 20px
	}

	.ml-25 {
		margin-left: 25px
	}

	.ml-30 {
		margin-left: 30px
	}

	.ml-35 {
		margin-left: 35px
	}

	.ml-40 {
		margin-left: 40px
	}

	.ml-45 {
		margin-left: 45px
	}

	.ml-50 {
		margin-left: 50px
	}

	.ml-55 {
		margin-left: 55px
	}

	.ml-60 {
		margin-left: 60px
	}

	.ml-65 {
		margin-left: 65px
	}

	.ml-70 {
		margin-left: 70px
	}

	.ml-75 {
		margin-left: 75px
	}

	.ml-80 {
		margin-left: 80px
	}

	.ml-85 {
		margin-left: 85px
	}

	.ml-90 {
		margin-left: 90px
	}

	.ml-95 {
		margin-left: 95px
	}

	.ml-100 {
		margin-left: 100px
	}

	.mr-5 {
		margin-right: 5px
	}

	.mr-10 {
		margin-right: 10px
	}

	.mr-15 {
		margin-right: 15px
	}

	.mr-20 {
		margin-right: 20px
	}

	.mr-25 {
		margin-right: 25px
	}

	.mr-30 {
		margin-right: 30px
	}

	.mr-35 {
		margin-right: 35px
	}

	.mr-40 {
		margin-right: 40px
	}

	.mr-45 {
		margin-right: 45px
	}

	.mr-50 {
		margin-right: 50px
	}

	.mr-55 {
		margin-right: 55px
	}

	.mr-60 {
		margin-right: 60px
	}

	.mr-65 {
		margin-right: 65px
	}

	.mr-70 {
		margin-right: 70px
	}

	.mr-75 {
		margin-right: 75px
	}

	.mr-80 {
		margin-right: 80px
	}

	.mr-85 {
		margin-right: 85px
	}

	.mr-90 {
		margin-right: 90px
	}

	.mr-95 {
		margin-right: 95px
	}

	.mr-100 {
		margin-right: 100px
	}

	.mt-n1 {
		margin-top: -0.25rem
	}

	.mt-n2 {
		margin-top: -0.5rem
	}

	.mt-n3 {
		margin-top: -1rem
	}

	.mt-n4 {
		margin-top: -1.5rem
	}

	.mt-n5 {
		margin-top: -3rem
	}

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

	@media(max-width: 991px) {
		.mb-md-30 {
			margin-bottom: 30px
		}
	}

	.space,
	.space-top {
		padding-top: var(--section-space)
	}

	.space,
	.space-bottom {
		padding-bottom: var(--section-space)
	}

	.space-negative,
	.space-negative-top {
		padding-top: calc(var(--section-space) - 30px)
	}

	.space-negative,
	.space-negative-bottom {
		padding-bottom: calc(var(--section-space) - 30px)
	}

	.space-y-2 {
		padding-top: 80px;
		padding-bottom: 80px
	}

	@media(max-width: 991px) {

		.space,
		.space-top {
			padding-top: var(--section-space-mobile)
		}

		.space,
		.space-bottom {
			padding-bottom: var(--section-space-mobile)
		}

		.space-negative,
		.space-negative-top {
			padding-top: calc(var(--section-space-mobile) - 30px)
		}

		.space-negative,
		.space-negative-bottom {
			padding-bottom: calc(var(--section-space-mobile) - 30px)
		}
	}