/* Form Components Here */
body {
	overflow-x: hidden;
	background-color: var(--body-color);
}

.form-label {
	font-size: 16px;
	font-family: var(--primary-medium-font);
	color: var(--extra-color-6);
}

.form-group {
	margin-bottom: 20px;
	position: relative;
}

.input-pass-btn {
	top: 12px;
	right: 10px;
}

.input-pass-btn i {
	color: #b1b1b1;
	font-size: 20px;
}

.form-control {
	background-color: var(--extra-color-2);
	border: 1px solid transparent;
	color: #9F9F9F;
	padding: 14px 20px;
	font-size: 13px;
	font-family: var(--primary-medium-font);
	font-weight: 400;
	resize: none;
	border-radius: 5px;
}

.form-control:focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 0 0.15rem rgb(244 249 252);
}

.form-control::placeholder {
	color: #9F9F9F;
}

.form-control-2 {
	background: #f3f3fa;
	border: 0;
	border-radius: 14px;
	color: #b5b5b5;
}

.form-control-1 {
	border-radius: 25px;
	font-size: 16px;
}

.form-control-1:focus,
.form-control-1:focus-visible {
	outline: 1px solid var(--secondary-color);
	background-color: transparent;
}

.form-control-1::placeholder {
	color: var(--extra-color-6);
}

.input-inline-btn {
	position: absolute;
	right: 8px;
	bottom: 9px;
	background-color: transparent;
	border: 0px;
	padding-left: 10px;
}

.input-inline-btn i {
	font-size: 19px;
	color: #c2c2c2;
}

.shop-btn {
	background-color: #dd0808;
	border-radius: 50%;
	color: var(--body-color);
	text-align: center;
	border: 10px solid var(--body-color);
	transition: 0.6s all;
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	animation-name: float_up_down;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.shop-btn i {
	font-size: 60px;
}

.register-btn {
	font-size: 16px;
	font-family: var(--primary-bold-font);
	font-weight: 500;
	color: var(--extra-color-1);
	background: #017638;
	padding: 8px 30px;
	border: 1px solid transparent;
	border-radius: 29px;
	text-decoration: none;
	transition: 0.8s;
	text-align: center;
}

.register-btn:hover {
	color: #017638;
	background: var(--body-color);
	border: 1px solid #017638;
}

.shop-btn.with-bg,
.shop-btn:hover {
	background-color: transparent;
	color: var(--extra-color-7);
	border-color: var(--extra-color-7);
}

.dark-mode .shop-btn {
	border-color: var(--secondary-color);
}

.btn.explore-btn {
	background: var(--dark-color);
	color: var(--body-color);
}

.btn.explore-btn:hover {
	color: var(--dark-color);
	border-color: var(--dark-color);
}

.btn {
	background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 0%, rgba(98, 201, 129, 1) 0%, rgba(232, 170, 41, 1) 0%, rgba(150, 92, 33, 1) 0%, rgba(249, 186, 81, 1) 50%, rgba(180, 111, 10, 1) 100%) border-box;
	border-radius: 29px;
	font-size: 18px;
	color: var(--extra-color-2);
	text-align: center;
	font-family: var(--primary-regular-font);
	border: 1px solid transparent;
	padding: 15px 40px;
	transition: 0.6s all;
	text-transform: capitalize;
	-webkit-mask: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 0%, rgba(98, 201, 129, 1) 0%, rgba(232, 170, 41, 1) 0%, rgba(150, 92, 33, 1) 0%, rgba(249, 186, 81, 1) 50%, rgba(180, 111, 10, 1) 100%);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}

.btn:hover {
	background: -webkit-linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 0%, rgba(98, 201, 129, 1) 0%, rgba(232, 170, 41, 1) 0%, rgba(150, 92, 33, 1) 0%, rgba(249, 186, 81, 1) 50%, rgba(180, 111, 10, 1) 100%);
	border-color: var(--secondary-color);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.consulation-btn {
	background: var(--primary-color);
	border-radius: 29px;
	font-size: 18px;
	color: var(--extra-color-2);
	text-align: center;
	font-family: var(--primary-regular-font);
	border: 1px solid transparent;
	padding: 15px 40px;
	transition: 0.6s all;
	text-transform: capitalize;
	text-decoration: none;
	text-transform: capitalize;
}

.consulation-btn:hover {
	background: transparent;
	color: var(--primary-color);
	border-color: var(--primary-color);
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
}

.custom-btn {
	padding: 12px 40px;
	font-size: 18px;
	color: var(--body-color);
	text-align: center;
	font-family: var(--primary-regular-font);
	background: transparent;
	outline: none !important;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	text-decoration: none;
	display: inline-block;
}

.btn-3 {
	width: 170px;
	height: 44px;
	line-height: 42px;
	padding: 0;
	border: 1px solid var(--primary-color);
}

.btn-3 span {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: var(--primary-color);
}

.btn-3:before,
.btn-3:after {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	background: var(--primary-color);
	transition: all 0.3s ease;
}

.btn-3:before {
	height: 0%;
	width: 2px;
}

.btn-3:after {
	width: 0%;
	height: 2px;
}

.btn-3:hover:before {
	height: 100%;
}

.btn-3:hover:after {
	width: 100%;
}

.btn-3 span:before,
.btn-3 span:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	background: var(--primary-color);
	transition: all 0.3s ease;
}

.btn-3 span:before {
	width: 2px;
	height: 0%;
}

.btn-3 span:after {
	width: 0%;
	height: 2px;
}

.btn-3 span:hover:before {
	height: 100%;
}

.btn-3 span:hover:after {
	width: 100%;
}

.banner-btn {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 12px 20px 12px 50px;
	width: fit-content;
}

.header-btn {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 12px 20px 12px 80px;
	position: relative;
}

.btn:hover .btn-arrow {
	background: var(--secondary-color);
	color: var(--body-color);
}

.header-btn::before {
	content: "";
	position: absolute;
	background-image: url(../img/dog-btn-img.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 60px;
	height: 70px;
	left: 20px;
	top: -20px;
}

.quote-btn {
	background-color: var(--dark-color);
	border-radius: 20px;
	font-size: 16px;
	color: var(--extra-color-3);
	text-align: center;
	font-family: var(--primary-regular-font);
	border: 1px solid transparent;
	padding: 12px 40px;
	transition: 0.6s all;
	text-decoration: none;
}

.quote-btn:hover {
	background: transparent;
	color: var(--dark-color);
	border-color: var(--dark-color);
}

.dark-mode .btn {
	background-color: var(--secondary-color-bg);
	color: var(--body-color);
}

.btn-transparent {
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
	background-color: transparent;
}

.default-btn {
	background: #746d60;
	border-radius: 6px;
	padding: 2px 7px;
	color: var(--extra-color-1);
	font-weight: 400;
}

.custom-checkbox label {
	position: relative;
	cursor: pointer;
}

.custom-checkbox label:before {
	content: "";
	appearance: none;
	background-color: #ececec;
	border: 1px solid #ececec;
	/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
		inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); */
	padding: 7px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 5px;
	margin-right: 5px;
}

.custom-checkbox input:checked+label:after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	width: 4px;
	height: 9px;
	border: solid var(--secondary-color);
	border-width: 0 1px 1px 0;
	transform: rotate(45deg);
}

* {
	transition: 0.6s all;
}

.img-hover {
	overflow: hidden;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.img-hover:hover figure img.img-fluid {
	transform: scale(1.1);
}

.gradient-color {
	background: var(--secondary-color);
	-webkit-background-clip: text;
	color: transparent;
}

/* Custom checkbox end here */

/* Custom Radio Start here */

.custom-radio-1:checked~.radio-here,
.custom-radio-1:not(:checked)~.radio-here {
	position: relative;
	padding-left: 22px;
	cursor: pointer;
	display: block;
	width: 18px;
	height: 15px;
}

.custom-radio-1:checked~.radio-here:before,
.custom-radio-1:not(:checked)~.radio-here:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	border: 1px solid var(--secondary-color);
	border-radius: 100%;
	background: #fff;
}

.custom-radio-1:checked~.radio-here:after,
.custom-radio-1:not(:checked)~.radio-here:after {
	content: "";
	width: 8px;
	height: 8px;
	background: var(--reviews-color);
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.custom-radio-1:not(:checked)~.radio-here:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.custom-radio-1:checked~.radio-here:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.custom-radio-1:checked+.radio-here+.label-span {
	font-weight: 600;
}

/* Custom Radio end here */

/* Faqs Css   */
.faqs-section .accordion-button:not(.collapsed) {
	color: var(--primary-color);
	background-color: transparent;
	box-shadow: unset;
}

.faqs-section .accordion-item:first-of-type {
	border-radius: 0px;
}

.faqs-section .accordion-item {
	background-color: #fff;
	border: 0;
}

.faqs-section .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	transform: unset;
}

.faqs-section .accordion-button::after {
	transform: rotate(-90deg);
}

.faqs-section .accordion-item {
	margin-bottom: 0px;
	border-radius: 0px;
}

.faqs-section .accordion-item:not(:first-of-type) {
	border-top: unset;
}

.faqs-section .accordion-button {
	border-radius: 0px;
}

.faqs-section .accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.faqs-section .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.faqs-scroll {
	overflow-y: scroll;
	height: auto;
}

.faqs-scroll::-webkit-scrollbar {
	width: 5px;
}

.faqs-scroll::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.faqs-scroll::-webkit-scrollbar-thumb {
	background-color: #d0d9f1;
}

/* Faqs Css  */

/* Form Components Here */
/* Neccesary Css Here */
/* * {
	transition: 0.6s all;
} */

.dark-mode .light-image {
	filter: brightness(0) invert(1);
}

.radius-4 {
	border-radius: 4px;
}

.radius-8 {
	border-radius: 8px;
}

.radius-9 {
	border-radius: 9px;
}

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

.radius-12 {
	border-radius: 12px;
}

.radius-17 {
	border-radius: 17px;
}

.radius-20 {
	border-radius: 20px;
}

.radius-22 {
	border-radius: 22px;
}

.radius-30 {
	border-radius: 30px;
}

.radius-35 {
	border-radius: 35px;
}

.radius-42 {
	border-radius: 42px;
}

.radius-46 {
	border-radius: 46px;
}

.radius-50 {
	border-radius: 50px;
}

.radius-53 {
	border-radius: 53px;
}

.border-rounded {
	border-radius: 60px;
}

.radius-100 {
	border-radius: 50%;
}

.icon-border {
	border: 1px solid var(--nav-color);
	border-radius: 2px;
}

.border-down {
	border-bottom: 1px solid #a7a9aa;
}

.border-roundness-0 {
	border-radius: 0px;
}

.border-top-radius {
	border-radius: 7px 7px 0px 0px;
}

.border-bottom-radius {
	border-radius: 0px 0px 7px 7px;
}

.cursor-pointer {
	cursor: pointer;
}

.right-0 {
	right: 0px;
}

.left-0 {
	left: 0px;
}

.space-nowrap {
	white-space: nowrap;
}

.arrows-wrapper {
	gap: 2px;
}

.arrow-icon {
	background: var(--secondary-color);
	color: var(--body-color);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.left-arrow {
	background: var(--extra-color-2);
}

.icon-badge {
	background-color: transparent;
	height: 40px;
	width: 40px;
	border: 1px solid var(--extra-color-2);
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--extra-color-2);
	text-decoration: none;
}

.icon-badge.user-icon {
	background: #754c24;
}

.icon-badge.user-icon:hover {
	color: #754c24;
	border-color: #754c24;
}

.icon-badge.wishlsit-icon {
	background: #005630;
}

.icon-badge.cart-icon {
	background: var(--extra-color-7);
}


.icon-badge.wishlsit-icon:hover {
	color: #005630;
	border-color: #005630;
}

.icon-badge.google-icon {
	background: #dd4b39;
	border-color: transparent;
}

.icon-badge.google-icon:hover {
	color: #dd4b39;
	border-color: #dd4b39;
}

.icon-badge.pinterest-icon {
	background: #b7242a;
	border-color: transparent;
}

.icon-badge.pinterest-icon:hover {
	color: #b7242a;
	border-color: #b7242a;
}

.social-icon {
	background-color: var(--extra-color-1);
	height: 35px;
	width: 35px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--secondary-color);
	text-decoration: none;
	transition: 0.3s all;
}

.social-icon:hover {
	transform: scale(1.1);
	color: var(--secondary-color);
}

.listing-badge {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	background: linear-gradient(261deg,
			rgb(222 197 171 / 72%) 0%,
			rgb(27 26 26 / 72%) 0%,
			rgb(129 125 125 / 72%) 72%);
	backdrop-filter: blur(30px);
	color: var(--body-color);
	border-radius: 14px;
	font-size: 22px;
}

.wishlist-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	background: linear-gradient(261deg,
			rgb(222 197 171 / 72%) 0%,
			rgb(27 26 26 / 72%) 0%,
			rgb(129 125 125 / 72%) 72%);
	backdrop-filter: blur(30px);
	color: var(--body-color);
	border-radius: 14px;
	font-size: 14px;
	padding: 14px 14px;
}

.wishlist-badge i {
	font-size: 20px;
}

.icon-badge i {
	font-size: 17px;
}

.icon-badge.sm {
	height: 29px;
	width: 29px;
}

.icon-badge.md {
	height: 33px;
	width: 33px;
}

.icon-badge.sm i {
	font-size: 13px;
}

.icon-badge.md i {
	font-size: 16px;
}

.icon-badge:hover {
	background: var(--secondary-color);
	border-color: transparent;
	color: var(--extra-color-2);
}

.support-badge {
	width: 70px;
	height: 70px;
	background: var(--secondary-color);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 14px;
}

.writting-mode-lr {
	writing-mode: vertical-lr;
}

.writting-mode-roate {
	writing-mode: vertical-lr;
	rotate: 180deg;
}

figure {
	margin-bottom: 0px;
}

.secondary-border {
	border: 1px solid var(--secondary-color);
}

.box-shadow-1 {
	box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

.w-fit {
	width: fit-content;
}

.h-fit {
	height: fit-content;
}

.column-count-2 {
	column-count: 2;
}

.border-line {
	background-color: var(--dark-color);
	width: 100%;
	height: 4px;
	display: inline-block;
	margin: 20px 0px;
}

.z-index-1 {
	z-index: 1;
}

.z-index-99 {
	z-index: 99;
}

.letter-spacing-1 {
	letter-spacing: 1px;
}

.letter-spacing-7 {
	letter-spacing: 7px;
}

.letter-spacing-sub {
	letter-spacing: 20px;
}

.dark-color-hover:hover {
	color: var(--dark-color);
}

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

.header-link:hover {
	color: var(--secondary-color);
}

.footer-ul .header-link:hover {
	color: var(--extra-color-1);
}

.dark-hover:hover {
	color: var(--secondary-color);
}

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

.line-clamp-1,
.line-clamp-2,
.line-clamp-3,
.line-clamp-4,
.line-clamp-5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line-clamp-1 {
	-webkit-line-clamp: 1;
}

.line-clamp-2 {
	-webkit-line-clamp: 2;
}

.line-clamp-3 {
	-webkit-line-clamp: 3;
}

.line-clamp-4 {
	-webkit-line-clamp: 4;
}

.line-clamp-5 {
	-webkit-line-clamp: 5;
}

.object-cover {
	object-fit: cover;
}

.section {
	padding: 50px 0px 58px;
}

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

/* Firefox */
.number-input[type="number"] {
	-moz-appearance: textfield;
}

/* Neccesary Css Here */
/* Variable Css End Here */

.link-hover:hover {
	color: var(--extra-color-3);
}

.link-here:before {
	content: "";
	position: absolute;
	width: 0;
	height: 3px;
	background: var(--secondary-color);
	left: 0;
	bottom: 0;
	transition: 0.8s;
}

.footer-ul .link-here:before {
	background: var(--extra-color-1);
}

.site-header .header-nav .link-here:hover {
	color: var(--extra-color-3);
}

.link-here:hover:before {
	width: 100%;
}

.link-here {
	position: relative;
	padding-bottom: 4px;
}

.header-link.active {
	color: var(--secondary-color);
	font-weight: 600;
	border-bottom: 4px solid var(--secondary-color);
}

.header-link::after {
	content: "";
	position: absolute;
	background-image: url(../img/nav-active.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 30px;
	height: 30px;
	top: -40px;
	left: 0;
	right: 0;
	margin: auto;
	display: none;
}

.footer-ul .header-link::after {
	top: -28px;
	filter: invert(1);
}

.header-link.active::after {
	display: block;
}


.footer-ul .header-link.active {
	color: var(--extra-color-1);
	border-bottom: 4px solid var(--extra-color-1);
}

.font-unset {
	font-size: unset;
}

.faqs-wrapper.after-unset::after {
	content: unset;
}

.line-height-normal {
	line-height: normal;
}

.line-height-100 {
	line-height: 100px;
}

.line-height-160 {
	line-height: 160px;
}

/* opacity Css  */

.opacity-03 {
	opacity: 0.3;
}

.opacity-09 {
	opacity: 23%;
}

.opacity-26 {
	opacity: 0.26;
}

.opacity-50 {
	opacity: 0.50;
}

.opacity-56 {
	opacity: 0.56;
}

/* opacity Css  */

/* bg-img Css  */
.img-no-repeat {
	background-repeat: no-repeat;
}

.bg-img-cover {
	background-size: cover;
}

.position-center {
	background-position: center;
}

/* Loader Css  */
.site-loader {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background: var(--dark-color);
	z-index: 999999;
}

.site-loader .preloader-container {
	position: absolute;
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.site-loader .preloader-1 {
	rotate: 180deg;
}

.site-loader .preloader-2 {
	margin-bottom: 36px !important;
}

.site-loader .preloader-1,
.preloader-2 {
	position: relative;
	margin: 10px auto;
	width: 66px;
	height: 12px;
}

.site-loader .preloader-1 .line,
.preloader-2 .line {
	width: 2px;
	height: 20px;
	background: #B46F0A;
	margin: 0 2px;
	display: inline-block;
	animation: opacity-1 1000ms infinite ease-in-out;
	box-shadow: 0 0 5px #B46F0A, 0 0 10px #B46F0A, 0 0 20px #B46F0A;
}

.site-loader .preloader-2 .line {
	background: #fff;
	box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff;
}

.site-loader .preloader-1 .line-1,
.preloader-2 .line-1 {
	animation-delay: 800ms;
}

.site-loader .preloader-1 .line-2,
.preloader-2 .line-2 {
	animation-delay: 600ms;
}

.site-loader .preloader-1 .line-3,
.preloader-2 .line-3 {
	animation-delay: 400ms;
}

.site-loader .preloader-1 .line-4,
.preloader-2 .line-4 {
	animation-delay: 200ms;
}

.site-loader .preloader-1 .line-6,
.preloader-2 .line-6 {
	animation-delay: 200ms;
}

.site-loader .preloader-1 .line-7,
.preloader-2 .line-7 {
	animation-delay: 400ms;
}

.site-loader .preloader-1 .line-8,
.preloader-2 .line-8 {
	animation-delay: 600ms;
}

.site-loader .preloader-1 .line-9,
.preloader-2 .line-9 {
	animation-delay: 800ms;
}

@keyframes opacity-1 {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

@keyframes opacity-2 {
	0% {
		opacity: 1;
		height: 15px;
	}

	50% {
		opacity: 0.2;
		height: 12px;
	}

	100% {
		opacity: 1;
		height: 15px;
	}
}

.site-loader .scanline {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
			rgba(42, 123, 155, 1) 0%,
			rgba(87, 199, 133, 1) 0%,
			rgba(98, 201, 129, 1) 0%,
			rgba(232, 170, 41, 1) 0%,
			rgba(150, 92, 33, 1) 0%,
			rgba(249, 186, 81, 1) 50%,
			rgba(180, 111, 10, 1) 100%) border-box;
	opacity: 0.5;
	animation: scan 1s linear infinite;
}

.site-loader .scanline2 {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
			rgba(87, 199, 133, 1) 0%,
			rgba(42, 123, 155, 1) 0%,
			rgba(98, 201, 129, 1) 0%,
			rgba(232, 170, 41, 1) 0%,
			rgba(150, 92, 33, 1) 0%,
			rgba(249, 186, 81, 1) 50%,
			rgba(180, 111, 10, 1) 100%) border-box;
	animation: scan2 1s linear infinite;
}

.site-loader .scanline3 {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
			rgba(98, 201, 129, 1) 0%,
			rgba(42, 123, 155, 1) 0%,
			rgba(87, 199, 133, 1) 0%,
			rgba(232, 170, 41, 1) 0%,
			rgba(150, 92, 33, 1) 0%,
			rgba(249, 186, 81, 1) 50%,
			rgba(180, 111, 10, 1) 100%) border-box;
	animation: scan3 1s linear infinite;
}


@keyframes scan {
	0% {
		top: 0;
	}

	100% {
		top: 100%;
	}
}

@keyframes scan2 {
	0% {
		top: 10px;
	}

	100% {
		top: 110%;
	}
}

@keyframes scan3 {
	0% {
		top: 20px;
	}

	100% {
		top: 120%;
	}
}

.site-loader .glitch-text {
	margin-top: 3vh;
	color: var(--body-color);
	font-family: var(--secondary-regular-font);
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	perspective: 500px;
}

.site-loader .letter {
	display: inline-block;
	transform-style: preserve-3d;
	animation: circle-3d 0.4s infinite linear;
	animation-delay: calc(var(--index) * 0.01s);
}

@keyframes circle-3d {
	0% {
		transform: rotateY(0deg);
	}

	25% {
		transform: rotateY(90deg);
	}

	50% {
		transform: rotateY(180deg);
	}

	75% {
		transform: rotateY(270deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}

.site-loader .letter:nth-child(odd) {
	animation: circle-3d 4s infinite ease-in-out, glitchText 1.5s infinite;
}

.site-loader .letter:nth-child(even) {
	animation: circle-3d 4s infinite ease-in-out, glitchText 2s infinite;
}

@keyframes glitch {
	0% {
		transform: translate(0);
	}

	20% {
		transform: translate(-2px, 2px);
	}

	40% {
		transform: translate(2px, -2px);
	}

	60% {
		transform: translate(-2px, 2px);
	}

	80% {
		transform: translate(2px, -2px);
	}

	100% {
		transform: translate(0);
	}
}

/* Loader Css  */

/* carousel Css  */
.reservation-detail-wrapper .carousel-indicators button.thumbnail {
	width: 55px;
}

.reservation-detail-wrapper .carousel-indicators button.thumbnail:not(.active) {
	opacity: 1;
}

/* .reservation-detail-wrapper .carousel-indicators {
	position: static;
} */
.reservation-detail-wrapper .carousel-indicators [data-bs-target] {
	width: 0px;
	height: 0px;
	background-color: transparent;
	border-top: 0;
	border-bottom: 0;
}

.reservation-detail-wrapper .carousel-inner .carousel-item img.img-fluid {
	height: 264px;
}

.reservation-detail-wrapper .carousel-indicators {
	justify-content: end;
	margin: 0px 0px 70px 0px;
	right: 10px;
}

.reservation-detail-wrapper .carousel-indicators button.thumbnail img.img-fluid {
	width: 51px;
	height: 49px;
}

.reservation-detail-wrapper .carousel-control-next-icon {
	background-image: url("../img/next-icon.svg");
}

.reservation-detail-wrapper .carousel-control-prev-icon {
	background-image: url("../img/previous-icon.svg");
}

.reservation-detail-wrapper .carousel-control-next,
.carousel-control-prev {
	opacity: 1;
}

.reservation-detail-wrapper .carousel-control-next {
	right: -25px;
}

.reservation-detail-wrapper .carousel-control-prev {
	left: -25px;
}

.reservation-detail-wrapper .carousel-control-next-icon,
.carousel-control-prev-icon {
	width: 1rem;
	height: 1rem;
}

/* carousel Css  */

/* video-slider Css  */
.video-section .custom-controls button {
	cursor: pointer;
	color: #fefefe;
	border-radius: 50%;
	height: 100px;
	width: 100px;
	background-color: #ed1b24;
	animation: pulse-animation 2s infinite;
	backdrop-filter: blur(6px);
	overflow: hidden;
	background-position: center;
}

.video-section .custom-controls button i {
	font-size: 35px;
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgb(238, 203, 189, 0.9);
	}

	100% {
		box-shadow: 0 0 0 20px rgb(230, 42, 42, 0.1);
	}
}


/* video-slider Css  */


/* img animations  */

.img-animate {
	display: grid;
	place-content: center;
	color: white;
	text-shadow: 0 1px 0 #000;
	--border-angle: 0turn;

	/* Solid background color */
	background: transparent;
	border: solid 2px transparent;
	border-radius: 0px;

	/* Update the gradient border */
	--gradient-border: conic-gradient(from var(--border-angle),
			transparent 25%,
			rgba(172, 138, 77, 1) 35%,
			/* Start with your new gradient color */
			rgba(210, 170, 109, 1) 65%,
			/* The next color in the gradient */
			rgba(169, 135, 75, 1) 100%,
			/* Final color */
			transparent);

	background: var(--gradient-border) border-box, #d2d2d2 padding-box;
	background-position: center center;
	-webkit-animation: bg-spin 3s linear infinite;
	animation: bg-spin 3s linear infinite;
}


@-webkit-keyframes bg-spin {
	to {
		--border-angle: 1turn;
	}
}

@keyframes bg-spin {
	to {
		--border-angle: 1turn;
	}
}

.box:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

@property --border-angle {
	syntax: "<angle>";
	inherits: true;
	initial-value: 0turn;
}

/* img animations  */

/* video-aniamte  */

.video-animate {
	display: grid;
	place-content: center;
	color: white;
	text-shadow: 0 1px 0 #000;
	--border-angle: 0turn;

	/* Solid background color */
	background: transparent;
	/* Set the background color directly */

	border: solid 15px transparent;
	border-radius: 0px;

	/* Update the gradient border */
	--gradient-border: conic-gradient(from var(--border-angle),
			transparent 25%,
			/* Make the first part transparent */
			#30977e,
			#30977e 99%,
			transparent);

	background: var(--gradient-border) border-box, #d2d2d2 padding-box;
	/* Set background to solid */
	background-position: center center;
	-webkit-animation: bg-spin1 3s linear infinite;
	animation: bg-spin1 3s linear infinite;
}

@-webkit-keyframes bg-spin1 {
	to {
		--border-angle: 1turn;
	}
}

@keyframes bg-spin1 {
	to {
		--border-angle: 1turn;
	}
}

.box:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

@property --border-angle {
	syntax: "<angle>";
	inherits: true;
	initial-value: 0turn;
}

/* video-aniamte  */

/* slider buttons Css   */
.slider-sec .slick-prev,
.slick-next {
	width: 70px;
	height: 70px;
	border-radius: 50px;
	/* color: var(--secondary-color); */
	border: 0;
	right: 80px;
	top: -60px;
	background-color: transparent;
}

.slider-sec .slick-prev,
.slick-next:hover {
	background-color: var(--secondary-color);
}


/* .slider-sec .slick-prev {
	background-color: #cab8b1;
}

.slider-sec .slick-next {
	background-color: var(--secondary-color);
} */

.slider-sec .slick-prev:before {
	content: "\f104";
	font-family: "FontAwesome";
	opacity: 1 !important;
	color: var(--body-color);
	font-size: 15px;
}

.slider-sec .slick-next:before {
	content: "\f105";
	font-family: "FontAwesome";
	opacity: 1 !important;
	color: var(--body-color);
	font-size: 15px;
}

.slider-sec .slick-prev {
	left: unset;
	top: unset;
	bottom: 0;
	top: 0;
	right: 50%;
	margin: auto;
	z-index: 1;
	background-color: transparent;
	background-image: url(../img/banner-prev.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.slider-sec .slick-next {
	top: 0;
	top: 0;
	bottom: 0;
	left: unset;
	right: 250px;
	background: transparent;
	margin: auto;
	background-image: url(../img/banner-next.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.slider-sec .slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: var(--secondary-color);
}

.stay-section .slick-prev {
	left: 0%;
	top: 107%;
}

.stay-section .slick-next {
	right: 75%;
	top: 107%;
}

.slider-sec .slick-dots {
	display: flex;
	justify-content: center;
	align-items: end;
	list-style: none;
	cursor: pointer;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	flex-direction: column;
	row-gap: 20px;
	width: fit-content;
	height: fit-content;
}

.slider-sec .slick-dots li {
	background: var(--body-color);
	height: 10px;
	width: 10px;
	margin: 0 6px;
	border-radius: 50%;
	transition: 0.4s ease;
}

.slider-sec .slick-dots li.slick-active {
	background: var(--secondary-color);
	border-color: transparent;
}

.slider-sec .slick-dots button {
	display: none;
}

.product-slider {
	margin-bottom: 80px !important;
}

/* .listing-detail-wrapper .slick-prev, .slick-next {
    border: 0;
} */
.listing-detail-wrapper .slick-next:before {
	content: "\f054";
	font-family: "FontAwesome";
	opacity: 1;
}

.listing-detail-wrapper .slick-prev:before {
	content: "\f104";
	font-family: "FontAwesome";
	opacity: 1;
}

.listing-detail-wrapper .slick-next {
	right: 25px;
	border: 0;
}

.listing-detail-wrapper .slick-prev {
	left: 25px;
	z-index: 1;
}

/* slider buttons Css   */

/* page-banner Css  */
.page-banner-section .page-banner {
	background-image: url(../img/page-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 220px;
	border-radius: 20px;
}

.page-banner-section .page-banner .banner-content-here {
	padding-left: 90px;
}

/* page-banner Css  */

/* Pagination Css Start here */
.site-pagination .page-item.active .page-link {
	background-color: var(--extra-color-1);
	color: var(--body-color);
}

.site-pagination .page-item .page-link {
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: var(--extra-color-3);
	background: transparent;
	border: 1px solid #d6dbd7;
}

.site-pagination .pagination-para {
	color: #b9b6b0;
}

/* .site-pagination .page-item .page-link.pagination-btn i {
	font-size: 14px;
	color: var(--extra-color-9);
} */

/* .site-pagination .page-item .page-link.pagination-btn {
	background: #ececec;
	border: 0;
} */

/* .text-bg {
	background-image: url(../img/text-bg.webp);
	background-repeat: no-repeat;
	background-position: left;
} */


.text-bg {
	font-size: 50px;
	color: white;
	font-weight: bold;
	background-image: url('your-image.jpg');
	background-clip: text;
	-webkit-background-clip: text;
	display: inline;
}

/* Pagination Css End here */

/* Global Responsive Here */
@media (max-width: 1600px) {
	.level-1 {
		font-size: 90px;
	}

	.level-2 {
		font-size: 68px;
	}

	.slider-sec .slick-next {
		right: 140px;
	}
}

@media (max-width: 1400px) {
	.level-1 {
		font-size: 80px;
	}

	.level-2 {
		font-size: 63px;
	}

	.level-2-sm {
		font-size: 58px;
	}

	.level-3-lg {
		font-size: 50px;
	}

	.level-3-md {
		font-size: 46px;
	}

	.level-3 {
		font-size: 40px;
	}

	.level-3-md {
		font-size: 34px;
	}

	.level-4-lg {
		font-size: 28px;
	}

	.level-4 {
		font-size: 25px;
	}

	.level-5-lg {
		font-size: 22px;
	}

	.level-5 {
		font-size: 20px;
	}

	.level-6-lg {
		font-size: 18px;
	}

	.level-6 {
		font-size: 16px;
	}

	.level-7 {
		font-size: 15px;
	}

	.level-8 {
		font-size: 13px;
	}

	.level-9 {
		font-size: 12px;
	}

	.level-10 {
		font-size: 10px;
	}

	/* .form-control {
		padding: 9px 14px;
	} */

	.icon-badge {
		height: 39px;
		width: 39px;
	}

	.icon-badge.sm {
		height: 27px;
		width: 27px;
	}

	.icon-badge.md {
		height: 31px;
		width: 31px;
	}

	.product-desc i {
		font-size: 12px;
	}

	.custom-checkbox input:checked+label:after {
		top: 3px;
	}
}

@media (max-width: 1200px) {
	.level-1 {
		font-size: 70px;
	}

	.level-2 {
		font-size: 57px;
	}

	.level-2-sm {
		font-size: 53px;
	}

	.level-3-lg {
		font-size: 46px;
	}

	.level-3-md {
		font-size: 42px;
	}

	.level-3 {
		font-size: 38px;
	}

	.level-3-md {
		font-size: 32px;
	}

	.level-4-lg {
		font-size: 26px;
	}

	.level-4 {
		font-size: 23px;
	}

	.level-5-lg {
		font-size: 20px;
	}

	.level-5 {
		font-size: 18px;
	}

	.level-6-lg {
		font-size: 17px;
	}

	.level-6 {
		font-size: 15px;
	}

	.level-7 {
		font-size: 14px;
	}

	.level-8 {
		font-size: 12px;
	}

	.level-9 {
		font-size: 11px;
	}

	.level-10 {
		font-size: 10px;
	}

	/* .form-control {
		font-size: 12px;
		padding: 8px 12px;
	} */

	.icon-badge {
		height: 37px;
		width: 37px;
	}

	.icon-badge.sm {
		height: 25px;
		width: 25px;
	}

	.icon-badge.md {
		height: 29px;
		width: 29px;
	}

	.section {
		padding: 50px 0px 56px;
	}

	.products-accordion-wrapper .accordion-button:not(.collapsed):before {
		left: 50%;
	}

	.stay-section .slick-next {
		right: 65%;
	}

	.slider-sec .slick-next {
		right: 60px;
	}
}

@media (max-width: 991px) {
	.level-1 {
		font-size: 60px;
	}

	.level-2 {
		font-size: 50px;
	}

	.level-2-sm {
		font-size: 46px;
	}

	.level-3-lg {
		font-size: 41px;
	}

	.level-3-md {
		font-size: 37px;
	}

	.level-3 {
		font-size: 34px;
	}

	.level-3-md {
		font-size: 30px;
	}

	.level-4-lg {
		font-size: 24px;
	}

	.level-4 {
		font-size: 21px;
	}

	.level-5-lg {
		font-size: 19px;
	}

	.level-5 {
		font-size: 17px;
	}

	.level-6-lg {
		font-size: 16px;
	}

	.level-6 {
		font-size: 15px;
	}

	.level-7 {
		font-size: 14px;
	}

	.level-8 {
		font-size: 12px;
	}

	.level-9 {
		font-size: 11px;
	}

	.level-10 {
		font-size: 10px;
	}

	/* .form-control {
		font-size: 11px;
		padding: 7px 11px;
	} */

	.icon-badge {
		height: 34px;
		width: 34px;
	}

	.icon-badge.sm {
		height: 23px;
		width: 23px;
	}

	.icon-badge.md {
		height: 27px;
		width: 27px;
	}

	.level-3-sm {
		font-size: 20px;
	}

	.section {
		padding: 40px 0px 44px;
	}

	.product-desc-right i {
		font-size: 10px;
	}

	.video-wrapper .custom-controls button {
		height: 50px;
		width: 50px;
	}

	.video-animate {
		border: solid 5px transparent;
	}

	.video-wrapper .custom-controls button i {
		font-size: 18px;
	}

	.slider-sec .slick-prev,
	.slick-next {
		width: 30px;
		height: 30px;
	}

	.slider-sec .slick-prev:before {
		font-size: 14px;
	}

	.slider-sec .slick-next:before {
		font-size: 14px;
	}

	.header-btn {
		justify-content: space-between;
	}
}

@media (max-width: 768px) {
	.level-1 {
		font-size: 50px;
	}

	.level-2 {
		font-size: 45px;
	}

	.level-2-sm {
		font-size: 40px;
	}

	.level-3-lg {
		font-size: 36px;
	}

	.level-3-md {
		font-size: 32px;
	}

	.level-3 {
		font-size: 29px;
	}

	.level-3-md {
		font-size: 26px;
	}

	.level-4-lg {
		font-size: 22px;
	}

	.level-4 {
		font-size: 20px;
	}

	.level-5-lg {
		font-size: 18px;
	}

	.level-5 {
		font-size: 16px;
	}

	.level-6-lg {
		font-size: 15px;
	}

	.level-6 {
		font-size: 14px;
	}

	.level-7 {
		font-size: 13px;
	}

	.level-8 {
		font-size: 12px;
	}

	.level-9 {
		font-size: 11px;
	}

	.level-10 {
		font-size: 10px;
	}

	.icon-badge {
		height: 32px;
		width: 32px;
	}

	.icon-badge.sm {
		height: 21px;
		width: 21px;
	}

	.icon-badge.md {
		height: 25px;
		width: 25px;
	}

	.page-banner-section .page-banner {
		height: 170px;
	}
}

@media (max-width: 576px) {
	.level-1 {
		font-size: 45px;
	}

	.level-2 {
		font-size: 37px;
	}

	.level-2-sm {
		font-size: 34px;
	}

	.level-3-lg {
		font-size: 31px;
	}

	.level-3-md {
		font-size: 27px;
	}

	.level-3 {
		font-size: 24px;
	}

	.level-3-md {
		font-size: 22px;
	}

	.level-4-lg {
		font-size: 20px;
	}

	.level-4 {
		font-size: 18px;
	}

	.level-5-lg {
		font-size: 17px;
	}

	.level-5 {
		font-size: 15px;
	}

	.level-6-lg {
		font-size: 14px;
	}

	.level-6 {
		font-size: 13px;
	}

	.level-7 {
		font-size: 12px;
	}

	.level-8 {
		font-size: 11px;
	}

	.level-9 {
		font-size: 10px;
	}

	.level-10 {
		font-size: 9px;
	}

	.icon-badge {
		height: 30px;
		width: 30px;
	}

	.icon-badge.sm {
		height: 21px;
		width: 21px;
	}

	.icon-badge.md {
		height: 25px;
		width: 25px;
	}

	.icon-badge.md i {
		font-size: 14px;
	}

	/* .shop-btn {
		height: 100px;
		width: 100px;
		font-size: 13px;
	} */

	.py-xs-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.mb-xs-4 {
		margin-bottom: 1.5rem !important;
	}

	.btn {
		font-size: 12px;
		width: 100%;
		display: block;
	}

	.header-btn {
		display: flex;
		justify-content: space-between;
	}

	.shop-btn {
		font-size: 9px;
		width: 100%;
		display: block;
	}

	.form-btn {
		font-size: 9px;
		width: 100%;
		display: block;
	}

	.page-banner-section .page-banner {
		background-position: left;
		height: 160px;
		display: flex;
	}

	.page-banner-section .page-banner .banner-content-here {
		padding-left: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 0 !important;
		margin: auto;
	}

	.slider-sec .slick-dots {
		bottom: -22px;
		left: 0;
	}

	.slider-sec .slick-dots li {
		background: var(--extra-color-1);
	}

	.header-link::after {
		content: unset;
	}
}

/* Global Responsive Here */