:root {
	--red-color: #A40029;
	--white-color: #fff;
	--black-color: #000000;
	--black-color2: #393939;
	--golden-color: #C6A24D;
	--section-spacing: 80px;
	--h2-font-size: 56px;
	--gray-lt: #9D9D9D;
}
@font-face {
	font-family: 'Satoshi';
	src: url('../fonts/Satoshi_Complete/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Regular.woff2') format('woff2'),
		url('../fonts/Satoshi_Complete/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Satoshi';
	src: url('../fonts/Satoshi_Complete/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Medium.woff2') format('woff2'),
		url('../fonts/Satoshi_Complete/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Satoshi';
	src: url('../fonts/Satoshi_Complete/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Bold.woff2') format('woff2'),
		url('../fonts/Satoshi_Complete/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Canela Trial';
	src: url('../fonts/Canela_Collection/Canela-Family/Canela-Regular-Trial.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5{
	font-family: Canela Trial;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a {
	text-decoration: none;
}

.container-main {
	/* max-width: 1440px;
	margin: 0 auto; */
	padding-left: 70px;
	padding-right: 70px;
}

body {
	/* font-family: "Inter Tight", sans-serif; */
	font-family: "Outfit", sans-serif;
}


img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.coming-soon-main {
	position: relative;
}

.coming-soon-bg {
	position: relative;
	height: 100vh;
}

.coming-soon-info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.coming-soon-info .container-main {
	height: 100%;
}

.coming-soon-content {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding-top: 45px;
	padding-bottom: 29px;
	align-items: center;
}

.coming-soon-content-logo {
	max-width: 193px;
}
.coming-soon-content-heading{
	padding-top:52px;
}
.coming-soon-content-heading h1 {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 500;
	text-align: center;
	color: var(--white-color);
}

.coming-soon-content-heading p {
	font-size: 21px;
	line-height: 1.4;
	font-weight: 500;
	text-align: center;
	color: #FFFFFFB2;
	max-width: 866px;
	padding-top: 12px;
}


.coming-soon-box-heading p {
	font-size: 44px;
	line-height: 1.2;
	font-weight: 500;
	text-align: center;

	background: linear-gradient(to bottom,
		#ffffff 0%,
		#ffd6d6 54%,
		#EB1414 100%);

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.coming-soon-box-links {
	width: 479px;
	margin: 0 auto;
	padding-top: 84px;
}

.coming-soon-box-links ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.coming-soon-box-links ul li {
	font-weight: 500;
	font-size: 21px;
	line-height: 140%;
	text-align: center;
	color: #fff;
}

.coming-soon-box-links ul li a {
	color: #fff;
}

.coming-soon-box {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.coming-soon-box-img {
	max-width: 368px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.coming-soon-box-heading {
	position: absolute;
	top: 40px;
	z-index: 3;

	width: auto;
	white-space: nowrap;
	text-align: center;
}

.coming-soon-box-email {
	position: absolute;
	bottom: -22px;
	z-index: 3;
}


.notify-wrapper {
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(10px);
	border-radius: 50px;
	padding: 4px;
	/* 	width: 557px; */
	/* 	max-width: 557px; */
	position: relative;
}
.notify-wrapper p{
	display: flex;
	align-items: center;
}

.notify-wrapper input[type="email"] {
	flex: 1;
	background: transparent;
	border: none;
	outline: none;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 37px;
	padding-right: 8px;
	color: #FFFFFF;
	font-size: 16px;
}

.notify-wrapper::before {
	content: unset;
	position: absolute;
	left: 24px;
	height: 19px;
	width: 1px;
	background: #fff
}

.notify-wrapper input[type="email"]::placeholder {
	color: #FFFFFF33;
}

.notify-wrapper input[type="submit"] {
	background: #000;
	color: #fff;
	border: none;
	padding: 13.5px 24px;
	border-radius: 40px;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: 4px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-transform: uppercase;
}

.coming-soom-email-address p {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 500;
	text-align: center;
	color: #FFFFFFB2;
}

.coming-soom-email-address p a {
	color: #FFFFFFB2;
}


/* header css start  */

.top-bar-main,
.main-header {
	background-color: var(--black-color);
}

.mob-header,
.header-cta.mob {
	display: none;
}

.top-bar,
.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0px;
}

.top-bar {
	border-bottom: 1px solid #FFFFFF;
}

.top-bar-left ul,
.social-icons,
.top-bar-right,
.header-links ul,
.header-cta ul,
.header-cta {
	display: flex;

	gap: 15px;
}

.top-bar-left ul li,
.top-bar-middle p,
.social-icons li,
.topbar-dropdown select {
	font-weight: 500;
	font-size: 12px;
	line-height: 19.8px;
	letter-spacing: 0%;
	color: var(--white-color);
}

.top-bar-left ul li a,
.header-links ul li a {
	color: var(--white-color);
}

.top-bar-middle span {
	border: 1px solid #FFFFFF80;
	padding: 5px 10px;
	margin-left: 15px;
}

.social-icons li {
	font-size: 14px;
}

.social-icons li a {
	color: #9D9D9D;
}

.topbar-dropdown select {
	background-color: unset;
	border: 0;
	outline: none;
}

.header-logo {
	max-width: 90px;
}

.header-links ul {
	gap: 30px;
}

.menu-item-has-children::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	height: 30px;
	width: 100%;
	z-index: 999;
}

.header-links ul li {
	font-family: Satoshi;
	font-weight: 400;
	font-size: 16px;
	line-height: 20.8px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: var(--white-color);
}

.menu-item-has-children {
	position: relative;
}

.menu-item-has-children a {
	display: flex;
	align-items: center;
}

.menu-item-has-children i {
	font-size: 14px;
	padding-left: 8px;
}

.menu-item-has-children .sub-menu {
	padding: 15px;
	background-color: #fff;
	display: none;
	position: absolute;
	z-index: 10;
	width: max-content;
	top: 40px;
}

.menu-item-has-children .sub-menu li {
	padding: 0 10px;
	padding-bottom: 10px;
	color: var(--black-color2);
	font-size: 14px;
}

.menu-item-has-children .sub-menu li a {
	color: var(--black-color2);
}

.menu-item-has-children .sub-menu li a:hover {
	color: var(--golden-color);
}

.menu-item-has-children:hover .sub-menu {
	display: block;
}

.search-box {
	display: flex;
}

.header-cta ul li img {
	width: 20px;
	height: auto;
}

.search-box input {
	background-color: var(--white-color);
	padding: 0px 20px;
	font-weight: 300;
	font-size: 14px;
	line-height: 19.8px;
	letter-spacing: 0%;
	height: 40px;
	outline: none;
	border: 0;
	width: 150px;
}

.search-box button {
	background-color: var(--golden-color);
	border: 0;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white-color);
	font-size: 16px;
	height: 40px;
}

/* product listing css start */

.products-main {
	padding-top: var(--section-spacing);
}

.products-header .breadcrumb-item {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--golden-color);
}

.products-header .breadcrumb-item a {
	color: var(--gray-lt);
}

.product-title {
	margin-bottom: 30px;
}

.product-title h2 {
	font-size: 44px;
	font-weight: 300;
	line-height: 1.2;
	color: var(--black-color);
	text-align:center;
}

.products-grid-main {
	/* 	padding-top: 40px; */
	padding-bottom: var(--section-spacing);
}

.products-filter {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* .filter-box {
display: flex;
align-items: center;
gap: 10px;
}
*/
.filter-box button {
	background-color: var(--white-color);
	border: 1px solid #E1E1E1;
	padding: 8px 28px 8px 15px;
	color: #525252;
	box-shadow: 0 0 0 1px inset var(--color-border-button-tertiary);
	display: flex;
	align-items: center;
	gap: 5px;
	justify-content: center;
}

.active-filter-tag {
	border: 0 !important;
	padding: 8px 15px !important;
}

.remove-icon {
	font-size: 18px;
	font-weight: 300;
}

.filter-text {
	font-size: 14px;
}

.filter-box svg {
	width: 24px;
	height: auto;
}

.filter-box p {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	text-align: center;
	color: var(--black-color2);
}

/* container */

.custom-sort {
	position: relative;
	color: #444;
}

/* header */

.custom-sort__header {
	display: flex;
	align-items: center;
	gap: 15px;
	cursor: pointer;
	padding: 7px 15px;
	border: 1px solid #E1E1E1
}

/* icons */

.custom-sort__icon-grid,
.custom-sort__icon-list {
	width: 18px;
	height: 18px;
	border: 2px solid #444;
}

.custom-sort__icon-grid {
	box-shadow:
		8px 0 #444,
		0 8px #444,
		8px 8px #444;

}

.custom-sort__icon-list {
	width: 20px;
	height: 14px;
	border: none;
	border-top: 2px solid #444;
	border-bottom: 2px solid #444;
	position: relative;
}

.custom-sort__icon-list::after {
	content: "";
	position: absolute;
	top: 5px;
	width: 100%;
	border-top: 2px solid #444;
}

/* label */

.custom-sort__label {
	font-size: 14px;
}

.custom-sort__selected {
	font-weight: 500;
}

.custom-sort__arrow {
	margin-left: 5px;
}

/* dropdown */

.custom-sort__dropdown {
	position: absolute;
	top: 50px;
	right: 0;
	width: 260px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
	padding: 15px;
	z-index: 99;
}

/* options */

.custom-sort__option {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	cursor: pointer;
}


/* hide default radio */

.custom-sort__option input {
	display: none;
}

/* custom radio */

.custom-sort__radio {
	width: 16px;
	height: 16px;
	border: 2px solid #ccc;
	border-radius: 50%;
	display: inline-block;
	position: relative;
}

/* checked */

.custom-sort__option input:checked+.custom-sort__radio {
	border-color: #333;
}

.custom-sort__option input:checked+.custom-sort__radio::after {
	content: "";
	width: 8px;
	height: 8px;
	background: #333;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* hide by default */

.custom-sort__dropdown {
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;
}

/* show when active */

.custom-sort.open .custom-sort__dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* arrow rotate */

.custom-sort__arrow img {
	filter: invert(1);
	width: 11px;
	height: auto;
	margin-bottom: 2px;
}

.custom-sort__arrow {
	display: inline-block;
	transition: transform 0.3s ease;
}

.custom-sort.open .custom-sort__arrow {
	transform: rotate(180deg);
}

.toggle {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	user-select: none;
}

.toggle-checkbox {
	display: none;
}

.toggle-switch {
	width: 48px;
	height: 24px;
	background: #ccc;
	border-radius: 16px;
	position: relative;
	transition: background 0.25s;
	margin-right: 8px;
}

.toggle-switch::before {
	content: "";
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px;
	transition: left 0.25s, background 0.25s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.toggle-checkbox:checked~.toggle-switch {
	background: var(--golden-color);
}

.toggle-checkbox:checked~.toggle-switch::before {
	left: 30px;
}

.toggle-switch:hover::before {
	background: #f0f0f0;
}

.toggle-label {
	font-size: 15px;
	color: var(--black-color2);
	font-weight: 500;
}

.products-flex {
	display: flex;
	margin-top: 30px;
}

.product-detail-left-sticky {
	position: sticky;
	top: 20px;
}

.products-sidebar {
	width: 25%;
	padding-right: 30px;
	border-right: 1px solid #E1E1E1
}

.products-items {
/* 	width: 75%; */
	width: 70%;
	padding-left:30px;
}

.sb {
	display: block;
	position: sticky;
	top: 20px;
}

.sb.active {
	display: block;
}

.sb-hd {
	padding: 15px 0 0px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
}

.sb-hd p {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--black-color2);
	margin-bottom:12px;
}

.sb-ar {
	background-image: url(../images/down_arrow.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: auto;
	filter: invert(1);
	margin-top: 5px;
	transition: .3s;
	opacity: 0.3;
}

.sb-sec.active .sb-ar {
	transform: rotate(180deg);
	margin-top: 0;
	margin-bottom: 8px;
}

.sb-bd {
	display: block;    
}

.sb-sec.active .sb-bd {
	display: none;
}

.sb-sec {
	border-top: 1px solid #E1E1E1;
	margin-top: 20px;
}


.sb-ch,
.sb-col {
	display: flex;
	align-items: center;
	/* 	margin: 10px 0; */
	cursor: pointer;
}

.sb-col input {
	display: none;
}


.sb-ch span {
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	margin-right: 10px;
}

.sb-ch {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	color:var(--black-color2);
}

.sb-ch input {
	appearance: none;
	width: 16px;
	height: 16px;
	cursor: pointer;
	border: 1px solid #C4C4C4;
	border-radius: 4px;
	position: relative;
}

.sb-ch input:checked {
	background-color: var(--golden-color);
}

.sb-ch input:checked::after {
	content: "";
	position: absolute;
	left: 5px;
	top: 2px;
	width: 5px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.sb-col span {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 10px;
	border: 1px solid #999;
}

.sb-col input:checked+span {
	outline: 2px solid #000;
}


.sb-src {
	width: 100%;
	padding: 5px 10px;
	padding-left: 30px;
	border: 1px solid #ccc;
	background-image: url(../images/search-interface-symbol.webp);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 10px;
	outline: none;
	font-size: 13px;
}


.sb-pr {
	display: flex;
	gap: 10px;
	align-items: center;
}

.sb-pr input {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	outline: none;
	font-size: 13px;
}


.sb-tx {
	font-size: 12px;
	color: #3A3A3A;
	margin-top: 10px;
}

.range-box {
	margin-top: 15px;
}

.range-box input {
	width: 100%;
}

.range-box input[type="range"] {
	accent-color: var(--golden-color);
}

.sb-pr span{
	font-weight: 400;
	font-size: 13px;
	line-height: 19.5px;
	letter-spacing: 0px;
	color:#999999;
}


/* colors */

.c-grey {
	background: #777;
}

.c-white {
	background: #eee;
}

.c-pink {
	background: #f3a6b4;
}

.c-purple {
	background: #6d214f;
}

.c-red {
	background: #d63031;
}

.product-item-flex {
	display: flex;
	flex-wrap: wrap;
	margin: -7px;
}

.product-item-block {
	width: 33.33%;
	padding: 7px;
}

.product-item-block-inner {
	position: relative;
	padding:12px;
	border: 1px solid #E7E7E7;
	box-shadow: 0px 4px 4px 0px #BBBBBB12;
	overflow: hidden;
}

.qty-flex {
	position: absolute;
	right: 20px;
	top: 20px;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 10px;
}

.qty svg{
	width: 18px;
	height: auto;
}

.quick-view {
	opacity: 0;
	transition: opacity .3s ease;
}

.product-item-block-inner:hover .quick-view {
	opacity: 1;
}

.qty {
	margin-top:12px;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transform: translateY(100%);
	transition: 
		max-height 0.4s ease,
		opacity 0.3s ease,
		transform 0.4s ease;
}

.product-item-block-inner:hover .qty {
	max-height: 40px;
	opacity: 1;
	transform: translateY(0);
}

.qty-box {
	display: none;
	align-items: baseline;
	justify-content:center;
	gap: 10px;
	background: var(--golden-color);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .15);
	padding: 2px 15px 6px;
	font-size: 16px;
}

.qty-box input {
	width: 20px;
	border: none;
	background: none;
	text-align: center;
	font-size: 16px;
	color: var(--white-color);
}
.qty{
	display: flex;
	align-items: center;
	justify-content: center;
}
.qty-plus {
	width: 100%;
	height: 30px;
	border: none;
	background: var(--golden-color);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .15);
	font-size: 15px;
	color: var(--white-color);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight:400;
}

.qty-plus:hover,
.quantity-wrp .add-cart-btn:hover{
	background: #BD9944 !important;
}
.qty-plus.pre-order{
	background:unset;
	border:1px solid var(--golden-color);
	color: var(--golden-color);
}
.qty-plus.pre-order:hover{
	color: var(--white-color);
}

.qty-minus,
.qty-plus2 {
	border: none;
	background: none;
	font-size: 16px;
	color: var(--white-color);
	cursor: pointer;
}

.qty.active .qty-box {
	display: flex;
}

.qty.active .qty-plus {
	display: none;
}

.quick-view button{
	width: 35px;
	height: 35px;
	line-height:35px;
	border-radius: 50%;
	border: none;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .15);
}

.quick-view svg {
	width:24px;
	height:auto;
	margin-top: -4px;
}

.product-detail-flex {
	display: flex;
	flex-wrap: wrap;
}

.product-detail-left {
	width: 40%;
}

.product-detail-right{
	width: 60%;
}

.sync1 .item {
	aspect-ratio: 416 / 416;
}

.sync2 {
	margin-top: 20px;
	cursor: pointer;
}

/* .sync2 .item {
height: 80px;
width: 80px;
} */

.product-detail-left {
	overflow: hidden;
}

.product-detail-left .item {
	border-top: 1px solid #E7E7E7;
}

.product-detail-right {
	padding-left: 40px;
}

.btn-check:focus+.btn,
.btn:focus,
.btn-close:focus {
	box-shadow: unset;
}

.quick-view-modal .modal-dialog {
	max-width: 1000px;
}

.quick-view-modal .product-detail-right h2 {
	font-size: 34px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--black-color);
	margin-bottom: 5px;
}

.quick-view-modal .product-detail-right span {
	font-size: 17px;
	font-weight: 600;
	color: var(--black-color);
	display: flex;
	gap:10px;
}

.quick-view-modal .product-detail-right .view-detail {
	font-size: 15px;
	font-weight: 400;
	color: var(--golden-color);
	margin-top:10px;
	display: block;
}

.quick-view-modal .product-detail-right p {
	font-size: 15px;
	line-height: 1.5;
	font-weight: 400;
	color: var(--black-color);
	padding-top: 12px;
}

.quick-view-modal .modal-header,
.quick-view-modal .modal-content {
	border-radius: 0;
}

.quick-view-modal .modal-header {
	border-bottom: 0;
}

.cart-section {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-top: 30px;
}

/* Quantity box */
.quantity-box {
	display: flex;
	border: 1px solid #ccc;
	width: 120px;
	height: 40px;
}

.qty-btn {
	width: 40px;
	border: none;
	background: transparent;
	font-size: 22px;
	cursor: pointer;
}

.qty-input {
	width: 40px;
	border: none;
	text-align: center;
	font-size: 16px;
}

/* Add to cart button */

.add-cart-btn {

	background: var(--golden-color);
	color: #fff;
	border: none;
	padding: 0 40px;
	height: 40px;
	font-size:16px;
	font-weight: 500;
	letter-spacing: 1px;
	cursor: pointer;
	transition: 0.3s;
}

.add-cart-btn:hover {
	background: #BD9944;
}


.product-item-info {
	padding-top: 20px;
}

.product-item-info span {
	font-size: 14px !important;
	line-height: 1.5;
	font-weight: 400 !important;
	color: var(--golden-color) !important;
	display: block;
	margin-bottom: 4px;
}

.product-item-info h3 {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--black-color2);
}

.product-item-info h3 a {
	color: var(--black-color2);
}

.product-price p {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--black-color2);
}

.product-price p span {
	font-size: 18px !important;
	font-weight: 700 !important;
	margin-bottom: 0;
	color: var(--red-color) !important;
}

.tag-f {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2px;
}

.tag-f span{
	margin-bottom: 0 !important;
}

span.product-item__stock-indicator-dot{
	margin-bottom: 4px !important;
}

.in-stock p {
	font-size: 16px !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	color: #138749 !important;
	position: relative;
}

.in-stock p::before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	left: 30%;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	background-color: #138749;
}

.product-pagination {
	margin-top: 50px;
}

.product-pagination .page-link {
	border: unset;
	border-radius: 0 !important;
	color: var(--black-color);
	font-size: 17px;
}

.product-pagination .page-item.active .page-link,
.product-pagination .page-link:hover {
	background-color: unset;
	color: var(--black-color);
	border-bottom: 2px solid var(--black-color);
}

.product-pagination .page-link img {
	filter: invert(1);
	transform: rotate(-90deg);
	width: 11px;
	height: auto;
	margin-bottom: 3px;
}

.product-pagination p {
	font-size: 14px;
	color: #777;
	margin-top: 10px;
	text-align: center;
}

.product-pagination {
	margin-top: 50px;
}

.product-pagination .pagination {
	margin-bottom: 0;
}

.product-pagination .pagination li {
	margin: 0;
}

.product-pagination .pagination .page-numbers {
	display: inline-block;
	border: unset;
	border-radius: 0 !important;
	color: var(--black-color);
	font-size: 17px;
	text-decoration: none;
	padding: 8px 12px;
	line-height: 1.5;
}

.product-pagination .pagination .page-numbers.current {
	background-color: unset;
	color: var(--black-color);
	border-bottom: 2px solid var(--black-color);
}

.product-pagination .pagination .page-numbers.next {
	padding-left: 15px;
	padding-right: 15px;
}

.product-pagination .pagination .page-numbers img {
	filter: invert(1);
	transform: rotate(90deg);
	width: 11px;
	height: auto;
	margin-bottom: 3px;
}
.product-pagination .pagination .page-numbers.prev img {
	transform: rotate(90deg);
}

/* Next arrow */
.product-pagination .pagination .page-numbers.next img {
	transform: rotate(-90deg);
}

.product-pagination p {
	font-size: 14px;
	color: #777;
	margin-top: 10px;
	text-align: center;
}

/* product listing css end */

/* product detail css start */
.detail-info-left {
	display: flex;
	gap: 12px;
}

.slider-thumb {
	width: 15%;
	margin-top: 0;
}

.slider-thumb .item {
	cursor: pointer;
	margin-bottom: 10px;
}

.slider-thumb img {
	width: 100%;
}

.slider-main {
	width: 85%;
	;
}

.slider-main img {
	width: 100%;
}

/* .slider-main .item {
height: 420px;
}
*/
.slider-thumb .owl-stage {
	display: flex;
	flex-direction: column;
}

.slider-thumb .owl-item {
	width: 100% !important;
}

.product-detail-flex.detail-info .product-detail-right h2,
.related-products h2 {
	font-size: 38px;
	line-height: 1.2;
	font-weight: 300;
	color: var(--black-color);
}

.product-detail-flex.detail-info .product-detail-right p,
.info-list ul li {
	font-size: 13px;
	line-height: 19px;
	font-weight: 400;
	color: #555555;
	margin-top: 15px;
}

.product-detail-flex.detail-info .product-detail-right p a {
	color: var(--golden-color);
}

.product-detail-flex.detail-info .product-detail-right .price-d {
	font-size: 26px;
	line-height: 39px;
	font-weight: 700;
	color: var(--black-color);
	margin-top: 8px;
	display: block;
}

.product-detail-flex.detail-info .add-cart-button {
  width: 100%;
}

@media (min-width: 1024px) {
  .product-detail-flex.detail-info .add-cart-button {
    width: 25%;
  }
}
.product-labels ul {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
}

.product-labels ul li svg {
	width: 20px;
	height: auto;
	margin-right: 7px;
}

.product-labels ul li,
.free-shipping h6 {
	font-size: 13px;
	line-height: 1.3;
	font-weight: 400;
	color: #555555;
}

.product-labels ul li{
	border: 1px solid #E7E7E7;
	padding:7px 10px;
	display: flex;
	gap: 6px;
}

.product-labels ul li:hover {
	background: #FFF5E2;
}

.product-labels ul li img{
	width:14px;
	height:auto;
}

.quantity-wrp {
	margin-top: 20px;
	border-top: 1px solid #E0E0E0;
}

.quantity-wrp .qty-btn.minus{
	border-right: 1px solid #E0E0E0;
}

.quantity-wrp .qty-btn.plus{
	border-left: 1px solid #E0E0E0;
}

.quantity-wrp .cart-section {
	margin-top: 10px;
	gap: 10px;
}

.quantity-wrp .add-cart-btn{
	background:var(--golden-color) !important;
	border-radius:0 !important;
	font-size:14px !important;
}

.free-shipping {
	padding: 10px 15px;
	background-color:#F9F6F1;
	border-top: 1px solid #F0E9D8;
	margin-top: 20px;
}

.free-shipping h6 {
	font-size: 17px;
	text-transform: unset;
	margin-bottom: 10px;
}

.free-shipping h6 span svg,
.info-list ul li span svg {
	width: 20px;
	height: auto;
	margin-right: 7px;
}

.free-shipping p {
	margin-bottom: 0 !important;
	padding-left: 25px;
	font-size:12px;
}

.product-detail-flex.detail-info .truncate-wrapper p{
	font-weight: 400;
	font-size: 14px;
	line-height: 25.2px;
	letter-spacing: 0px;
	color:#555555;
}

.info-list ul {
	margin-top: 20px;
}

.info-list ul li {
	border-top: 1px solid #eee;
	margin-top: 8px;
}

.info-list ul li:first-child {
	border-top: 0;
}

.info-list ul li strong {
	font-weight: bold;
}

.title-wrp {
	display: flex;
	justify-content: space-between;
}

.title-wrp button {
	background-color: unset;
	border:0;
	color: #555555;
	font-size:14px;
	font-weight:400;
	line-height:21px;
}

.title-wrp button img{
	width:15px;
	height: auto !important;
	margin-right: 5px;
}

.info-list ul li span img {
	width: 22px;
	height: auto;
}

.buy-together {
	margin-top: 30px;
}

.buy-together h5 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 400;
	color: var(--black-color2);
	margin-bottom: 17px;
}

.buy-together .product-item-block {
	width: 33.33%;
}

.new-bundle {
	display: flex;
	flex-wrap: wrap;
	/* 	align-items: center; */
	border: 1px solid #E7E7E7;
	margin-top: 70px;
}

.new-bundle-left {
	width: 70%;
	padding: 15px;
}

.new-bundle-left span {
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #9D9D9D;
	display: block;
}

.new-bundle-left h3 {
	font-size: 22px;
	line-height: 33px;
	font-weight: 400;
	color: var(--black-color2);
	margin-bottom:5px;
}

.new-bundle-left p {
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	color: #6F6F6F;
}

.new-bundle-left a {
	text-decoration: underline;
	color: var(--red-color);
}

.new-bundle-right {
	width: 30%;
	aspect-ratio: 1/1;
}

.quantity-table {
	margin-top: 17px;
}

.product-detail-flex.detail-info .quantity-table h2{
	font-size: 15px !important;
	line-height: 22px;
	font-weight: 500;
	color: var(--white-color);
	padding: 10px 15px;
	background-color: var(--golden-color);
}

.buy-and-save-accordion {
	margin-top: 17px;
}

.buy-and-save-accordion .accordion-button {
	background-color: unset;
	font-size: 15px !important;
	line-height: 22px;
	font-weight: 500;
	color: var(--black-color);
	border-bottom: 0;
	padding-left:0;
	padding-right:0;
}

.buy-and-save-accordion .accordion-button::after {
	width: 13px;
	height: 13px;
	background-size: 13px;
	opacity: 0.5;
}

.buy-and-save-accordion .accordion-item {
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #E7E7E7;
}

.buy-and-save-accordion .accordion-body {
	padding-top: 0;
	padding-left:0;
	padding-right:0;
}

.buy-and-save-accordion .accordion-body p {
	margin-top: 0px !important;
}

.accordion-button:not(.collapsed),
.accordion-button:focus {
	box-shadow: unset;
}

.discount-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	border: 1px solid #E7E7E7;
}

.discount-table th,
.discount-table td {
	border-top: 1px solid #E7E7E7;
	padding: 10px 18px;
	text-align: left;
}

.discount-table thead th {
	background-color: #FAFAFA;
	font-weight: 600;
}

.discount-table tbody tr{
	color:#555555;
}

.discount-table tbody tr:nth-child(even) {
	background-color: #FAFAFA;
}

.quantity-content p {
	font-weight: 400 !important;
	font-size: 12px !important;
	line-height: 20.4px !important;
	color:#888888 !important;
	margin-top: 0 !important;
	padding: 10px 18px;
	background-color: #FAFAFA;
	border: 1px solid #E7E7E7;
	border-top:0;
}

.payment-list {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 15px;
}

.buy-and-save-accordion .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='%23000000'%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");
}

.related-products-main {
	padding-top: var(--section-spacing);
}

.related-products h2{
	font-size:32px;
}

.related-product-slider {
	margin-top: 27px;
}

.related-product-slider .product-item-block,
.recommended-carousel .product-item-block {
	width: 100%;
	padding: 0;
}

.related-carousel .in-stock p::before {
	left: 37%;
}

.recommended-product {
	padding-bottom: var(--section-spacing);
}

.recommended-tab {
	margin-top: 30px;
}

.recommended-tab .nav-pills .nav-link.active,
.recommended-tab .nav-pills .show>.nav-link {
	background-color: unset;
	border-color: var(--golden-color);
	border-width: 2px;
	color: var(--golden-color);
}

.recommended-tab .nav-pills .nav-link {
	font-size: 14px;
	line-height: 1.4;
	font-weight: 500;
	color: #9D9D9D;
	border-bottom: 1px solid #eee;
	border-radius: 0;
	padding: 10px 20px !important;
}

.product-detail-flex.detail-info .product-price p,
.product-detail-flex.detail-info .in-stock p {
	margin-top: 0 !important;
}

/* product detail css end */

/* footer css  */
.footer-main {
	background-color: var(--black-color);
	padding: 40px 0px;
	border-top: 1px solid #C8A45F;
}

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

.footer-logo {
	max-width: 140px;
	margin-bottom: 25px;
}

.footer-block h6 {
	font-family:Canela Trial;
	font-weight: 500;
	font-size: 18px;
	line-height: 19.8px;
	letter-spacing: 0%;
	color: var(--white-color);
	margin-bottom: 10px;
}

.footer-block p,
.footer-block ul li {
	font-family:Satoshi;
	font-weight: 400;
	font-size: 14px;
	line-height: 23.1px;
	letter-spacing: 0%;
	color: #E1E1E1;
}

.footer-block p {
	max-width: 300px;
}

.footer-block p:last-child {
	margin-top: 15px;
}

.footer-block ul li a {
	color: #E1E1E1;
}

.footer-block .search-box {
	margin-top: 20px;
}

.footer-block .search-box input {
	background-color: var(--black-color);
	border: 1px solid #E3E3E3;
	width: 218px;
}

.footer-block .search-box button {
	font-weight: 500;
	font-size: 16px;
	line-height: 17.6px;
	letter-spacing: 0%;
	color: #C8A45F;
	background-color: var(--white-color);
	padding: 10px 30px;
	margin-left: 10px;
	border:1px solid var(--white-color);
}

.footer-block .search-box button:hover{
	background-color: var(--black-color);
}

.footer-block ul {
	margin-top: 20px;
}

.footer-block ul li {
	margin-bottom: 13px;
}

.footer-block ul li:last-child {
	margin-bottom: 0;
}

.footer-block ul li img {
	width: 16px;
	height: auto;
	margin-right: 12px;
}

.footer-block .social-icons li {
	margin-bottom: 0;
}

.footer-block.contact p {
	margin-top: 30px;
}


/* home css  */

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

.home-banner-main,
.home-banner-slider{
	position: relative;
}

.banner-bg{
	height:700px;
}

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

.banner-info {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.banner-info .container-main {
	height: 100%;
}

.banner-content {
	display: flex;
	flex-flow: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	max-width: 675px;
	gap:80px;
}

.banner-content h1 {
	font-family:Canela Trial;
	font-weight: 300;
	font-size: 64px;
	line-height: 120%;
	letter-spacing: 0px;
	color: #EFEFEF;
	margin-bottom: 15px;
}

.banner-content span{
	font-weight: 300;
	font-size: 64px;
	line-height: 120%;
	letter-spacing: 0px;
	color:#C6A24D;
	margin-bottom: 15px;
}
.home-banner-slider .banner-item.first-slide .banner-content  span {
    font-size: 75px;
}
.banner-content p {
	font-family:Satoshi;
	font-weight: 200;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0px;
	color: #EFEFEF;
	margin-bottom: 20px;
}
.banner-content p b{
	font-weight:900;
}

/* .banner-content a {
font-family:Satoshi;
font-weight: 400;
font-size: 18px;
line-height: 19.8px;
letter-spacing: 5%;
text-align: center;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
width: 100px;
padding: 10px;
background-color: var(--golden-color);
transition: .3s;
border-radius:25px;
}

.banner-content a:hover {
background-color: #BD9944;
} */
.banner-content > a {
	display: inline-block;
	position: relative;
	color: #fff !important;
	text-decoration: none;
	padding-bottom: 7px;
	width:max-content;
	font-family:Satoshi;
	font-weight: 400;
	font-size: 18px;
	line-height: 19.8px;
}

.banner-content > a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: var(--golden-color);
}

.growth-analytics-marquee {
	overflow: hidden;
	width: 100%;
	display:none;
}

.marquee-track {
	display: flex;
	width: max-content;
	will-change: transform;
}

.growth-analytics-marquee {
	background: linear-gradient(90deg, rgba(255, 215, 149, 0.78) 0%, rgba(198, 162, 77, 0.78) 41.46%, rgba(198, 162, 77, 0.78) 100%);
}

.marquee-track p {
	font-weight: 400;
	font-size: 10px;
	line-height: 19.8px;
	letter-spacing: 0%;
	text-align: center;
	color: var(--white-color);
	white-space: nowrap;
	position: relative;
	padding-left: 32px;
	margin-right: 32px;
}

.marquee-track p::before {
	position: absolute;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--white-color);
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.growth-analytics-marquee.pl {
	width: 20px;
	background: linear-gradient(180deg, rgba(255, 215, 149, 0.78) 0%, rgba(206, 152, 69, 0.78) 41.46%, rgba(26, 26, 26, 0.78) 100%);
}

.growth-analytics-marquee.pl .marquee-track {
	flex-flow: column;
}

.growth-analytics-marquee.pl .marquee-track p {
	writing-mode: sideways-lr;
	transform: rotate(180deg);
	margin: 0;
	white-space: nowrap;
	padding-bottom: 32px;
	margin-bottom: 32px;
	padding-left: 0px;
}

.growth-analytics-marquee.pl .marquee-track p::before {
	left: 7px;
	top: 100%;
}

/* .home-products-flex {
display: flex;
} */

/* .home-products-right {
padding-left: 55px;
} */

.home-products-grid {
	/* 	display: flex;
	flex-wrap: wrap;
	margin: -15px; */
	padding-top: var(--section-spacing);
	padding-bottom: var(--section-spacing);

	padding-top:60px;
	padding-bottom:60px;

	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}

.home-products-block {
	/* 	width: 50%;
	padding: 15px;
	position: relative; */
	/* 	aspect-ratio:622/440; */

	aspect-ratio: 622 / 500;
	width: 100%;
/* 	perspective: 1000px; */
}

.home-products-block-inner {
	/* 	position: relative;
	background: linear-gradient(179.26deg, #000000 0.64%, #666666 182.9%);
	border: 1px solid #E1E1E13D;
	transition: .5s;
	height: 100%; */

	width: 100%;
	height: 100%;
	position: relative;
	transform-style: preserve-3d;
	transition: transform 0.7s ease;
}
/* .home-products-block:hover .home-products-block-inner {
	transform: rotateY(180deg);
} */
.flip-card {
	perspective: 1000px;
	/* 	aspect-ratio:622/440; */
}

.flip-card-front,
.flip-card-back {
	/* 	position: relative;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transition: transform 1s; */

	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	border: 1px solid #E1E1E13D;
}

.flip-card-front {
	z-index: 2;
}

.flip-card-back {
	transform: rotateY(180deg);
	z-index: 1;
	background: linear-gradient(179.26deg, #000000 0.64%, #666666 182.9%);
	border: 1px solid #E1E1E13D;
}
.home-products-block-inner:hover {
	padding: 30px;
}

/* .flip-card:hover .flip-card-front {
transform: rotateY(-180deg);
}

.flip-card:hover .flip-card-back {
transform: rotateY(0deg);
} */

.home-products-img {
	transition: .5s;
	aspect-ratio: 622 / 500;
	/* 	aspect-ratio:622/440; */
}

.home-products-title {
	position: absolute;
	inset: 0;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	bottom: 30px;
}

.home-products-title h4 {
	font-weight: 300;
	font-size: 48px;
	line-height: 140%;
	letter-spacing: 0%;
	text-align: center;
	color: var(--white-color);
}

.home-products-title h4 a {
	color: var(--white-color);
}

.home-products-title p {
	font-weight: 300;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: 0%;
	text-align: center;
	color: var(--white-color);
}

.sub-categories {
	opacity: 1;
	transition: opacity 0.5s 0.3s;
	/* 	margin: 30px 0px; */
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.flip-card-back .home-products-title{
	justify-content: unset;
	padding: 20px;
}
.flip-card-back .home-products-title h4{
	text-align: unset;
}
.flip-card-back .home-products-title p{
	text-align: unset;
}


.sub-categories ul {
	/* 	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(6, auto);
	gap: 8px 40px; */

	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	width: max-content;
}

.sub-categories ul:has(li:nth-child(7)) {
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(6, auto);   
	grid-auto-flow: column;                
	gap: 12px 27px;
	margin: unset;
}

.sub-categories li {
	font-weight: 200;
	font-size: 24px;
	line-height: 140%;
	letter-spacing: 0%;
	/* 	text-align: center; */
	color: #EDEDED;
	margin-top: 10px;
}

.sub-categories li a {
	color: #EDEDED;
	display: inline-block;
	position: relative;
}

.sub-categories li a::before {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	margin-bottom: -6px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-bottom: 2px solid yellow;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.sub-categories li a:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.view-all-sub-categories {
	display: flex;
	align-items: end;
}
.view-all-sub-categories li a {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: #EDEDED;
}



.view-all-sub-categories li a:hover::after {
	transform: translateX(5px);
}

.footer-block .search-box input {
	color: var(--white-color);
}

.home-products {
	position: relative;
}

/* new changes for home page */
.home-products-mobile-grid{
	display: none;
}

/* .home-products::before {
position: absolute;
content: "";
background-image: url(../images/golden-ribbon.webp);
background-repeat: no-repeat;
background-size: cover;
width: 161px;
height: 155px;
left: -73px;
top: -65px;
pointer-events: none;
z-index: 10;
} */


/* 03-03 */
.product-sorting {
	display: flex;
	justify-content:flex-end;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}

form.woocommerce-ordering .product-sorting {
	margin-bottom: 0;
}

.product-sorting p{
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0px;
	color:var(--golden-color);
}

.product-sorting .woocommerce-ordering{
	margin-bottom:0 !important;
}

.active-filters-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 20px 0px;
}

.active-filter-tag{
	background: #FFF4E0 !important;
	border-radius:34px;
	padding:6px;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0px;
	text-align: center;
}

.booking-btn {
	margin-top: 27px;
}

.product-detail-right-sticky {
	position: sticky;
	top: 20px;
}

.product-detail-flex.detail-info .product-detail-left {
	overflow: unset;
}
.filter-box.mob,
.prd-result{
	display:none;
}
.prd-result p{
	font-weight: 600;
	font-size: 15px;
	line-height: 22.5px;
	color:var(--golden-color);
	margin-bottom:15px;
}
.close-icon{
	display:none;
}


/*new card home page*/
.home-products-mobile-grid {
	display: none;
}




/* NEWWWW */
/* Created By Jainam Date 18-05-2026 */
.home-products-grid-top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin-bottom: 32px;
}


.home-products-grid-mid,
.home-products-grid-bot {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 32px;
	margin-bottom: 32px;
}


.home-products-block {
/* 	perspective: 1000px; */
	position: relative;
	cursor: pointer;
}

.home-products-block.size-big {
	aspect-ratio: 3 / 2;
}

.home-products-block.size-small {
	aspect-ratio: 2 / 2.7;
}


.home-products-block-inner {
	width: 100%;
	height: 100%;
/* 	position: relative;
	transform-style: preserve-3d;
	transition: transform 0.7s ease; */
}

/* .home-products-block:hover .home-products-block-inner {
	transform: rotateY(180deg);
} */

/* .flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	border: 1px solid #E1E1E13D;
	overflow: hidden;
}

.flip-card-back {
	transform: rotateY(180deg);
	background: linear-gradient(179.26deg, #000000 0.64%, #666666 182.9%);
	display: flex;
	flex-direction: column;
	padding: 24px;
} */
.flip-card-front {
    width: 100%;
    height: 100%;
    border: 1px solid #E1E1E13D;
    overflow: hidden;
}

.flip-card-back {
    display: none;
}

.home-products-img {
	width: 100%;
	height: 100%;
	position: relative;
}


.home-products-block-card-arrow {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 26px;
	height: 26px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 13px;
	z-index: 2;
}

.home-products-block-card-arrow img {
	width: 16px;
	height: 16px;
}



.flip-card-front .home-products-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 18px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, transparent 100%);
}

.flip-card-front .home-products-title h4 {
	font-family: Canela Trial;
	font-weight: 400;
	font-size: 40px;
	line-height: 42px;
	letter-spacing: -0.4px;
	text-align: left;
}

.flip-card-front .home-products-desc p {
	font-family: Satoshi;
	font-weight: 400;
	font-size: 18px;
	line-height: 19.5px;
	letter-spacing: 0.32px;
	vertical-align: middle;
	text-align: left;
	padding-top: 12px;
}


.flip-card-back .home-products-title {
	display: flex;
	flex-direction: column;
}

.flip-card-back .home-products-title h4 {
	font-family: Canela Trial;
	font-weight: 400;
	font-size: 40px;
	line-height: 140%;
	letter-spacing: 0%;
	text-align: left;
}




.flip-card-back .home-products-desc p {
	font-family: Satoshi;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: 0%;
	vertical-align: middle;
	text-align: left;
	padding-top: 12px;
}

.sub-categories {
	margin-top: 10px;
}

.sub-categories ul {
	list-style: none;
	padding: 0;
	margin: 0;
	/*     display: flex; */
	flex-direction: column;
	gap: 7px;
}

.sub-categories li {
	font-weight: 200;
	font-size: 14px;
	line-height: 1.4;
	color: #EDEDED;
}

.sub-categories li a {
	font-family: Satoshi;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: 0%;
	text-align: left;
	color: #EDEDED;
	display: inline-block;
	position: relative;
}

.sub-categories li a::before {
	content: "";
	position: absolute;
	display: block;
	bottom: -3px;
	width: 100%;
	border-bottom: 2px solid yellow;
	transform: scaleX(0);
	transition: transform 0.3s;
	transform-origin: left;
}

.sub-categories li a:hover::before {
	transform: scaleX(1);
}

/* .view-all-sub-categories {
margin-top: 12px;
display: flex;
justify-content: end;

} */
.view-all-sub-categories {
	margin-top: auto;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	padding-top: 20px;
}

.view-all-sub-categories li a {
	font-family: Outfit;
	font-weight: 300;
	font-size: 20.3px;
	line-height: 140%;
	letter-spacing: 0%;
	vertical-align: middle;
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #EDEDED;
	font-size: 13px;
	font-weight: 300;
}

.view-all-sub-categories li a::after {
	content: "→";
	transition: transform 0.3s ease;
	display: inline-block;
}

.view-all-sub-categories li a:hover::after {
	transform: translateX(5px);
}




.home-products-block-mobile-inner {
	display: none;

}

.occasion-dropdown {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease;
}

.home-products-block-mobile-inner.active .occasion-dropdown {
	max-height: 500px;
	margin-top: 30px;
}

.occasion-toggle {
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.15);
}

.occasion-header-title h4 {
	font-family: Canela Trial;
	font-weight: 400;
	font-size: 28px;
	line-height: 140%;
	letter-spacing: 0%;
}

.occasion-header-title p {
	font-family: Satoshi;
	font-weight: 500;
	font-size: 14px;
	line-height: 18.2px;
	letter-spacing: 0px;
}

.occasion-dropdown li a {
	font-family: Outfit;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0px;
	color: #fff;
}
.home-products-categories-main {
	padding-bottom: 32px;
}
.home-products-categories {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgb(246, 234, 58);
}

.home-products-categories h2 {
	font-family: Canela Trial;
	font-weight: 300;
	font-size: 44px;
	line-height: 140%;
	letter-spacing: 0%;
	color: var(--white-color);
	vertical-align: middle;
}

.search-toggle.active .search-popup {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.search-box-top {
	display: flex;
	align-items: center;
	gap: 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 14px;
}

.search-box-top i {
	color: #fff;
	font-size: 22px;
}

.search-box-top input {
	width: 100%;
	background: transparent;
	border: none;
	outline: none;
	color: #fff;
	font-size: 30px;
	font-weight: 300;
}

.search-box-top input::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.search-suggestions {
	flex-direction: column;
	padding-top: 18px;
}



.search-suggestions li:last-child {
	margin-bottom: 0;
}

.search-suggestions li a {
	color: rgba(255, 255, 255, 0.75);
	font-size: 22px;
	font-weight: 300;
	transition: 0.3s ease;
}

.search-suggestions li a:hover {
	color: #fff;
	padding-left: 6px;
}

.search-box input {
	background-color: var(--white-color);
	padding: 0px 20px;
	font-weight: 300;
	font-size: 14px;
	line-height: 19.8px;
	letter-spacing: 0%;
	height: 40px;
	outline: none;
	border: 0;
	width: 150px;
}

.search-box button {
	background-color: transparent;
	border: 0;
	padding-top: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white-color);
	font-size: 16px;
	height: 40px;
}
.footer .footer-block:last-child {
	margin-right: 100px;
}

/* terms and privacy page */


.policy{
	max-width: 1050px;
	margin: 0 auto;
	color: var(--black-color2);
	font-size: 17px;
	font-weight: 400;
	line-height: 1.9;
}

/* H2 */
.policy h2{
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--black-color);
	margin: 20px 0 0px !important;
	padding-bottom: 12px;
	position: relative;
	letter-spacing: 0.5px;
}



.policy h3{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--black-color);
	margin: 35px 0 15px;
}

.policy p{
	font-size: 17px;
	font-weight: 400;
	line-height: 1.9;
	color: var(--black-color2);
	margin: 0 0 12px;
}


.policy ul,
.policy ol{
	padding-left: 28px;
	margin: 20px 0;
}

.policy li{
	font-size: 17px;
	font-weight: 400;
	line-height: 1.9;
	color: var(--black-color2);
	margin-bottom: 8px;

}
.policy ul li{
	list-style-type: disc;
}

.policy ol li{
	list-style-type: decimal;
}


.policy li::marker{
	color: var(--golden-color);
}


.policy a{
	color: var(--golden-color);
	font-size: 17px;
	font-weight: 500;
	text-decoration: none;
	transition: all .3s ease;
}

.policy a:hover{
	color: var(--black-color);
	text-decoration: underline;
}


.policy strong{
	font-weight: 700;
	color: var(--black-color);
}


.policy hr{
	border: none;
	height: 1px;
	background: #e5e5e5;
	margin: 20px 0;
}

.policies-main{
	padding: 60px 0;
	text-align: center;
}

.policies-head h1{
	font-size: 52px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--black-color);
	margin: 0;
}
/* contact-us */
.contact-us-main .container-main {
	padding-right: unset;
}

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

.contact-us-left {
	height: 100%;
	width: 50%;
}

.contact-us-right {
	width: 50%;
}

.contact-us-left-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.contact-us-right-img {
	height: 600px;
}

.contact-us-left-heading h1 {
	font-size: 54px;
	font-weight: 300;
	color: var(--black-color);
	padding-bottom: 10px;
}

.contact-us-left-heading p {
	font-size: 18px;
	font-weight: 400;
	color: var(--gray-lt);
}


.contact-us-form-main {
	padding: 80px 0;
	background: #f5f5f5;
}

.contact-us-form {
	max-width: 800px;
	margin: auto;
}

.contact-us-form .form-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}

.form-group {
	margin-bottom: 25px;
}

.form-group label {
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: var(--black-color2);
	margin-bottom: 7px;
}

.form-group label span {
	color: var(--black-color);
}

.form-group input,
.form-group textarea {
	width: 100%;
	border: 1px solid #dcdcdc;
	padding: 14px 18px;
	font-size: 16px;
	background: #fff;
	transition: all 0.3s ease;
}



.form-group textarea {
	height: 180px;
}

.form-group input:focus,
.form-group textarea:focus {
	border-color: var(--golden-color);
	outline: none;
}

.contact-btn {
	width: max-content;
	padding: 12px 28px;
	border: none;
	background: var(--black-color);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease;
}

.contact-btn:hover {
	transform: translateY(-3px);
	background: var(--golden-color);
}

.recapcha-text {
	padding-top: 20px;
	max-width: 800px;
	margin: auto;
}

.recapcha-text p {
	font-size: 14px;
	font-weight: 300;
	color: var(--black-color2);
}

.recapcha-text p a {
	color: var(--golden-color);
	text-decoration: underline;
}



.faqs-section-main {
	padding: 80px 0;
	padding-top: unset;
	background: #f5f5f5;
}

.faq-heading {
	text-align: center;
	margin-bottom: 50px;
}

.faq-heading h2 {
	margin: 0;
	font-size: 60px;
	font-weight: 300;
	color: var(--black-color);
}

.faq-accordion {
	max-width: 900px;
	margin: 0 auto;
}

.faq-accordion .accordion-item {
	border: 1px solid #d9d9d9;
	border-radius: 0;
	background: transparent;
	margin-bottom: -1px;
}

.faq-accordion .accordion-button {
	background: unset;
	color: var(--black-color);
	font-size: 22px;
	font-weight: 300;
	padding: 12px 16px;
	line-height: 1.4;
	box-shadow: none;
	border: none;
}

.faq-accordion .accordion-button:not(.collapsed) {
	/* background: #fff; */
	color: var(--black-color);
	box-shadow: none;
}



.faq-accordion .accordion-button:focus {
	box-shadow: none;
	border: none;
}

.faq-accordion .accordion-button::after {
	width: 18px;
	height: 18px;
	background-size: 18px;
	transition: all 0.3s ease;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
	transform: rotate(-180deg);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%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");
}

.faq-accordion .accordion-body {
	padding: 16px;
	background: unset;
}

.faq-accordion .accordion-body p {
	font-size: 17px;
	line-height: 1.8;
	color: #393939;
	margin: 0;
	font-weight: 400;
}

/* about us */

.about-us-breadcrumbs-main {
	position: relative;
}

.about-us-breadcrumbs-bg {
	height: 450px;
	position: relative;
}

.about-us-breadcrumbs-bg::before {
	position: absolute;
	content: " ";
	background-color: #000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.about-us-breadcrumbs-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about-us-breadcrumbs-info .container-main {
	height: 100%;
}

.about-us-breadcrumbs-content {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	/* padding-left: 40px; */
}

.about-us-breadcrumbs-content {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

.about-us-breadcrumbs-small-heading {
	margin-bottom: 20px;
}

.about-us-breadcrumbs-small-heading p {
	display: inline-block;
	position: relative;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
}

.about-us-breadcrumbs-small-heading p::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translateX(-50%);
	width: 80px;
	height: 2px;
	background: #ffffff;
}

.about-us-breadcrumbs-big-heading {
	margin-bottom: 25px;
}

.about-us-breadcrumbs-big-heading h1 {
	margin: 0;
	font-size: 52px;
	line-height: 1.1;
	font-weight: 300;
	color: #fff;
}

.about-us-breadcrumbs-desc {
	max-width: 560px;
	margin: 0 auto;
}

.about-us-breadcrumbs-desc p {
	margin: 0;
	font-size: 17px;
	line-height: 1.7;
	font-weight: 300;
	color: #fff;
}

.about-us-our-vision-main {
	padding: 70px 0;
}

.about-us-our-vision {
	position: relative;
}

.about-us-our-vision-bg {
	height: 650px;
	overflow: hidden;
}

.about-us-our-vision-box {
	position: absolute;
	left: 40px;
	top: 50%;
	transform: translateY(-50%);
	width: 500px;
	background: rgba(255, 255, 255, 0.95);
	padding: 25px;
}

.about-us-our-vision-box h2 {
	margin: 0 0 10px;
	font-size: 34px;
	line-height: 1.1;
	font-weight: 300;
	color: var(--black-color);
}

.about-us-our-vision-box p {
	margin: 0;
	font-size: 17px;
	line-height: 1.5;
	color: var(--black-color2);
	font-weight: 300;
}

.about-us-middle-section-main {
	padding: 80px 0;
}

.about-us-middle-section-main.second-middle-section {
	padding-bottom: 120px;
}

.about-us-middle-section-flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.about-us-middle-section-main.second-middle-section .about-us-middle-section-flex{
	flex-direction:row-reverse;
}

.about-us-middle-content {
	width: 50%;
	text-align: center;
}

.about-us-middle-content h2 {
	margin: 0 0 25px;
	font-size: 44px;
	line-height: 1.1;
	font-weight: 400;
	color: var(--black-color);
}

.about-us-middle-content p {
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5;
	color: var(--black-color2);
	max-width: 500px;
}

.about-us-middle-images {
	width: 50%;
	position: relative;
	min-height: 580px;
}

.about-image-large {
	position: absolute;
	right: 0;
	top: 0;
	height: 580px;
	width: 70%;
}
.second-middle-section .about-image-large{
	left:0;
	right:unset
}
.about-us-page-end-line-btns {
	padding-top: 50px;
	display: flex;
	gap: 8px;
	margin: 0 auto;
	justify-content: center;
}

.about-image-small {
	width: 380px;
	position: absolute;
	left: 15%;
	bottom: -60px;
	z-index: 2;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
	height: 450px;
}
.second-middle-section .about-image-small{
	left:unset;
	right:15%;
}

.about-us-founder-talk-main {
	padding: 40px 0;
	background-color: var(--golden-color);
}

.about-us-founder-talk {
	margin: 0 auto;
	text-align: center;
	max-width: 850px;
}

.about-us-founder-talk-small-heading p {
	font-size: 16px;
	text-transform: uppercase;
	color: var(--black-color);
	font-weight: 300;
	padding-bottom: 10px;
}

.about-us-founder-talk-desc p {
	font-size: 24px;
	color: var(--black-color);
	font-weight: 400;
}

.about-us-founder-talk-founder-name p {
	font-size: 18px;
	color: var(--black-color);
	font-weight: 300;
	padding-top: 20px;
}


.about-us-page-end-line-main {
	padding: 50px 0;
}

.about-us-page-end-line {
	margin: 0 auto;
	text-align: center;
}

.about-us-page-end-line-desc p {
	font-size: 16px;
	font-weight: 300;
	color: var(--black-color2);
	max-width: 500px;
	margin: 0 auto;
}

.about-us-page-end-line-want p {
	font-size: 18px;
	font-weight: 300;
	color: var(--black-color);
	position: relative;
	padding-top: 20px;
}

.about-us-page-end-line-want p::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translateX(-50%);
	width: 80px;
	height: 2px;
	background: var(--golden-color);
}

.about-us-page-end-line-btns {
	padding-top: 60px;
}

.about-us-page-end-line-btns a {
	width: max-content;
	padding: 12px 28px;
	border: none;
	background: var(--black-color);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease;
}

.about-us-page-end-line-btns a:hover {
	transform: translateY(-3px);
	background: var(--golden-color);
}





/* changes */
.contact-form-image-wrap{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.contact-form-left,
.contact-form-right{
	width:50%
}
.contact-form-left{
	padding-right:40px;
}
.contact-us-form-main .container-main{
	padding-right:unset;
}
.contact-form-right-img{
	height:550px;
}
.contact-us-heading-main{
	padding:80px 0;
}
/* new faqs */
.page-template-faqs .policies-details-main {
	padding: 80px 0;
}

.page-template-faqs .policy {
	max-width: 900px;
	margin: 0 auto;
}

.page-template-faqs .policy > .wp-block-heading {
	font-size: 42px;
	font-weight: 500;
	color: var(--black-color);
	margin: 50px 0 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 15px;
}

.page-template-faqs .policy > .wp-block-heading:first-child {
	margin-top: 0;
}
.page-template-faqs .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{
	text-decoration:unset;
}

.page-template-faqs .wp-block-accordion {
	margin-bottom: 0;
}

.page-template-faqs .wp-block-accordion-item {
	border: 1px solid #d9d9d9;
	border-bottom: 0;
	background: transparent;
}

.page-template-faqs .wp-block-accordion:last-child .wp-block-accordion-item,
.page-template-faqs .wp-block-accordion-item:last-child {
	border-bottom: 1px solid #d9d9d9;
}

.page-template-faqs .wp-block-accordion-heading {
	margin: 0;
	font-family: "Outfit", sans-serif;
}

.page-template-faqs .wp-block-accordion-heading__toggle {
	width: 100%;
	border: none;
	background: transparent;
	padding: 18px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	color: var(--black-color);
	font-size: 22px;
	font-weight: 300;
	line-height: 1.4;
	cursor: pointer;
	transition: all 0.3s ease;
}

.page-template-faqs .wp-block-accordion-heading__toggle:hover {
	background: rgba(0, 0, 0, 0.02);
}

.page-template-faqs .wp-block-accordion-heading__toggle-title {
	flex: 1;
	padding-right: 20px;
}

.page-template-faqs .wp-block-accordion-heading__toggle-icon {
	width: 28px;
	height: 28px;
	min-width: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
	transition: transform 0.3s ease;
}

.page-template-faqs .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon,
.page-template-faqs .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon {
	transform: rotate(45deg);
}

.page-template-faqs .wp-block-accordion-panel {
	padding: 0 24px 24px;
	background: transparent;
}

.page-template-faqs .wp-block-accordion-panel p {
	margin: 10px;
	font-size: 17px;
	line-height: 1.8;
	color: #393939;
	font-weight: 400;
}

.page-template-faqs .wp-block-paragraph br {
	display: none;
}
.mob-img{
	display:none !important;
}
.home-btn-flex {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	width: 100%;
	z-index: 1;
	padding: 0px 40px;
}

.home-btn-flex button {
	height: 40px;
	width: 40px;
	background: rgba(255, 255, 255, 0.2) !important;
	opacity: 1;
	border-radius: 30px;
	border: unset;
	display: flex;
	align-items: center;
	justify-content: center;
}

.home-btn-flex button:hover {
	background: var(--golden-color) !important;
}

.home-btn-flex img {
	width: 16px !important;
	height: 16px !important;
	filter: invert(1);
}
/* =========================
   CTA SECTION
========================= */

.cta-section-main {
    padding: var(--section-spacing) 0;
    background-color: var(--black-color);
	padding-bottom:0;
}

.cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 60px 00px;
    border-top: 1px solid var(--golden-color);
    position: relative;
}


.cta-content {
    flex: 1;
}

.cta-heading h2 {
    margin: 0 0 10px;
    color: var(--white-color);
    font-size: var(--h2-font-size);
    line-height: 1.1;
    font-weight: 500;
	font-family:Canela Trial;
}

.cta-desc p {
    margin: 0;

    color: var(--gray-lt);
    font-size: 18px;
    line-height: 1.5;
}


.cta-right {
    flex-shrink: 0;
}

/* .cta-right-btn a {
    background: var(--golden-color);
    color: #fff;
    border: none;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    cursor: pointer;
    transition: 0.3s;
} */
.cta-right-btn a {
	display: inline-block;
	position: relative;
	color: #fff !important;
	text-decoration: none;
	padding-bottom: 7px;
	width:max-content;
	font-family:Satoshi;
	font-weight: 400;
	font-size: 18px;
	line-height: 19.8px;
}

.cta-right-btn a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: var(--golden-color);
}

/* =========================================================
   TILE DETAILS PAGE
========================================================= */

.tile-details-main {
    background: var(--white-color);
    color: var(--black-color);
}


.tile-details-hero {
    position: relative;
    height: 450px;
    overflow: hidden;
}

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

.tile-details-hero-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.tile-details-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.tile-details-hero .container-main {
    position: relative;
    height: 100%;
    z-index: 2;
}

.tile-details-hero-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.tile-details-hero-content h1 {
    position: relative;
    margin: 0;
/*     padding-bottom: 22px; */
    max-width: 1000px;
    color: var(--white-color);
    font-size: 52px;
    line-height: 1.1;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.tile-details-content {
    padding: 90px 0 110px;
    background: #f7f7f7;
}

.tile-details-content-inner {
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.tile-details-content-inner > div {
    position: relative;
    background: var(--white-color);
    border: 1px solid #e6e6e6;
    overflow: hidden;
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

.tile-details-content-inner > div:hover {
    border-color: #d8d8d8;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
}


.tile-detail-image {
    position: relative;
    width: 100%;
    height: 440px;
    margin: 0;
    padding: 0;
    background: #eeeeee;
    overflow: hidden;
}

.tile-detail-image a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tile-detail-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.tile-detail-image:hover img {
    transform: scale(1.045);
}

.tile-detail-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--golden-color);
    z-index: 5;
    transition: width 0.5s ease;
}

.tile-detail-image:hover::before {
    width: 100%;
}

.tile-detail-image.has-inquiry-form,
.tile-detail-image.has-contact-redirect {
    cursor: pointer;
}


.tile-detail-heading {
    position: relative;
    min-height: 300px;
    margin: 0;
    padding: 55px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.tile-detail-heading::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 0;
    background: var(--golden-color);
    transform: translate(-50%, -50%);
    transition: height 0.4s ease;
}

.tile-detail-heading:hover::before {
    height: 50px;
}

.tile-detail-heading h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: var(--h2-font-size);
    line-height: 1.1;
    font-weight: 300;
    color: var(--black-color);
    letter-spacing: -1px;
}

.tile-detail-heading h2::after {
    content: "";
    display: block;
    width: 65px;
    height: 2px;
    margin: 22px auto 0;
    background: var(--golden-color);
}


.tile-detail-content {
    margin: 0;
    padding: 50px;
    background: var(--white-color);
    text-align: left;
	grid-column: 1 / -1;
    width: 100%;
}

.tile-detail-content p {
    margin: 0 0 18px;
    font-size: 17px;
    line-height: 1.75;
    font-weight: 300;
    color: var(--black-color2);
}

.tile-detail-content p:last-child {
    margin-bottom: 0;
}

.tile-detail-content h2 {
    margin: 0 0 20px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 300;
    color: var(--black-color);
}

.tile-detail-content h3 {
    margin: 30px 0 15px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--black-color);
}

.tile-detail-content h4 {
    margin: 25px 0 12px;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 400;
    color: var(--black-color);
}

.tile-detail-content ul,
.tile-detail-content ol {
    margin: 25px 0;
    padding-left: 22px;
}

.tile-detail-content li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 300;
    color: var(--black-color2);
}

.tile-detail-content a {
    color: var(--black-color);
    text-decoration: underline;
    text-decoration-color: var(--golden-color);
    text-underline-offset: 4px;
    transition: color 0.3s ease;
}

.tile-detail-content a:hover {
    color: var(--golden-color);
}


.tile-detail-button {
    min-height: 220px;
    margin: 0;
    padding: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--black-color) !important;
    border-color: var(--black-color) !important;
}

.tile-detail-button a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 14px 32px;
    background: var(--golden-color);
    color: var(--black-color);
    border: 1px solid var(--golden-color);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-decoration: none;
    transition: all 0.35s ease;
}

.tile-detail-button a:hover {
    background: var(--white-color);
    border-color: var(--white-color);
    color: var(--black-color);
    transform: translateY(-4px);
}


.tile-detail-contact-form {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0;
    padding: 0;
    background: unset !important;
    border: none !important;
    box-sizing: border-box;
}

.tile-detail-contact-form form.wpcf7-form {
    width: 100%;
    margin: 0;
    padding: 0;
}

.tile-detail-contact-form .hidden-fields-container {
    display: none;
}

.tile-detail-contact-form .inquiry-form {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 60px;
    box-sizing: border-box;
	background:var(--white-color);
}


.tile-detail-contact-form .inquiry-form-heading {
    margin-bottom: 45px;
    text-align: center;
}

.tile-detail-contact-form .inquiry-form-heading h2 {
    position: relative;
    margin: 0 !important;
    padding-bottom: 10px !important;
    color: var(--black-color);
    font-size: 38px;
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: -0.5px;
}

.tile-detail-contact-form .inquiry-form-heading p {
    margin: 0;
    color: var(--black-color2);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 300;
}


.tile-detail-contact-form .inquiry-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
    width: 100%;
    margin: 0;
}


.tile-detail-contact-form .inquiry-form-field {
    width: 100%;
    margin: 0 0 25px;
}

.tile-detail-contact-form .inquiry-form-field-full {
    width: 100%;
    margin-bottom: 25px;
}


.tile-detail-contact-form .inquiry-form-field label {
    display: block;
    width: 100%;
    margin: 0;
    color: var(--black-color2);
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
}

.tile-detail-contact-form .inquiry-form-field label > span:first-of-type:not(.wpcf7-form-control-wrap) {
    color: var(--golden-color);
}


.tile-detail-contact-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin-top: 8px;
}


.tile-detail-contact-form input[type="text"],
.tile-detail-contact-form input[type="email"],
.tile-detail-contact-form input[type="tel"],
.tile-detail-contact-form input[type="number"],
.tile-detail-contact-form input[type="url"],
.tile-detail-contact-form input[type="date"],
.tile-detail-contact-form textarea,
.tile-detail-contact-form select {
    display: block;
    width: 100%;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    outline: none;
    background: #ffffff;
    color: var(--black-color);
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    box-sizing: border-box;
    box-shadow: none;
    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.tile-detail-contact-form input[type="text"],
.tile-detail-contact-form input[type="email"],
.tile-detail-contact-form input[type="tel"],
.tile-detail-contact-form input[type="number"],
.tile-detail-contact-form input[type="url"],
.tile-detail-contact-form input[type="date"],
.tile-detail-contact-form select {
    height: 52px;
}

.tile-detail-contact-form textarea {
    min-height: 170px;
    resize: vertical;
}

.tile-detail-contact-form input::placeholder,
.tile-detail-contact-form textarea::placeholder {
    color: #999999;
    opacity: 1;
    font-weight: 300;
}

.tile-detail-contact-form input[type="text"]:focus,
.tile-detail-contact-form input[type="email"]:focus,
.tile-detail-contact-form input[type="tel"]:focus,
.tile-detail-contact-form input[type="number"]:focus,
.tile-detail-contact-form textarea:focus,
.tile-detail-contact-form select:focus {
    border-color: var(--golden-color);
    outline: none;
    box-shadow: 0 0 0 1px var(--golden-color);
}

.tile-detail-contact-form .inquiry-form-submit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-top: 10px;
}

.tile-detail-contact-form .inquiry-form-submit input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 180px;
    height: 50px;
    margin: 0;
    padding: 13px 32px;
    border: 1px solid var(--black-color);
    border-radius: 0;
    outline: none;
    background: var(--black-color);
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    cursor: pointer;
    box-shadow: none;
    transition: all 0.35s ease;
}

.tile-detail-contact-form .inquiry-form-submit input[type="submit"]:hover {
    background: var(--golden-color);
    border-color: var(--golden-color);
    color: var(--black-color);
    transform: translateY(-3px);
}


.tile-detail-contact-form .inquiry-form-submit .wpcf7-spinner {
    margin: 0 0 0 12px;
}


.tile-detail-contact-form .wpcf7-not-valid {
    border-color: #d33 !important;
}

.tile-detail-contact-form .wpcf7-not-valid-tip {
    display: block;
    margin-top: 5px;
    color: #d33;
    font-size: 13px;
    line-height: 1.4;
}


.tile-detail-contact-form .wpcf7-response-output {
    margin: 20px 60px 30px !important;
    padding: 12px 15px !important;
    border-width: 1px !important;
    font-size: 14px;
    line-height: 1.5;
}


.tile-detail-contact-form input[type="hidden"] {
    display: none !important;
}



/* =========================================
   PARTNERSHIP ENQUIRY FORM
   ========================================= */

#partnership-enquiry {
    width: 100%;
    max-width: 1000px;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

#partnership-enquiry > p:first-child {
    margin: 0 0 20px;
    color: #777777;
    font-size: 14px;
    line-height: 1.6;
}

#partnership-enquiry .form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
    width: 100%;
    margin: 0;
}


#partnership-enquiry .form-field {
    width: 100%;
    margin: 0 0 25px;
    box-sizing: border-box;
}

#partnership-enquiry .form-row .form-field {
    min-width: 0;
}


#partnership-enquiry .form-field label {
    display: block;
    width: 100%;
    margin: 0;
    color: #222222;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}


#partnership-enquiry .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin-top: 9px;
}


#partnership-enquiry input[type="text"],
#partnership-enquiry input[type="email"],
#partnership-enquiry input[type="tel"],
#partnership-enquiry input[type="number"],
#partnership-enquiry input[type="url"],
#partnership-enquiry input[type="date"],
#partnership-enquiry select,
#partnership-enquiry textarea {
    display: block;
    width: 100%;
    margin: 0;
    padding: 14px 16px;

    border: 1px solid #d9d9d9;
    border-radius: 0;

    background: #ffffff;
    color: #222222;

    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;

    outline: none;
    box-shadow: none;

    box-sizing: border-box;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        background-color 0.3s ease;
}


#partnership-enquiry input[type="text"],
#partnership-enquiry input[type="email"],
#partnership-enquiry input[type="tel"] {
    min-height: 52px;
}


#partnership-enquiry input::placeholder,
#partnership-enquiry textarea::placeholder {
    color: #999999;
    opacity: 1;
}


#partnership-enquiry input[type="text"]:focus,
#partnership-enquiry input[type="email"]:focus,
#partnership-enquiry input[type="tel"]:focus,
#partnership-enquiry select:focus,
#partnership-enquiry textarea:focus {
    border-color: var(--golden-color, #b08d3c);
    box-shadow: 0 0 0 1px var(--golden-color, #b08d3c);
    background: #ffffff;
}


#partnership-enquiry select {
    min-height: 52px;
    cursor: pointer;
    appearance: auto;
}


#partnership-enquiry textarea {
    min-height: 160px;
    resize: vertical;
}


#partnership-enquiry > .form-field {
    width: 100%;
}


#partnership-enquiry input[type="file"] {
    display: block;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    background: #ffffff;
    color: #555555;
    font-family: inherit;
    font-size: 14px;
    box-sizing: border-box;
    cursor: pointer;
}


#partnership-enquiry input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 10px 16px;

    border: 1px solid #222222;
    background: #222222;
    color: #ffffff;

    font-family: inherit;
    font-size: 13px;
    font-weight: 500;

    cursor: pointer;

    transition:
        background-color 0.3s ease,
        border-color 0.3s ease;
}

#partnership-enquiry input[type="file"]::file-selector-button:hover {
    background: var(--golden-color, #b08d3c);
    border-color: var(--golden-color, #b08d3c);
}


#partnership-enquiry .form-help {
    margin: 8px 0 0;
    color: #888888;
    font-size: 13px;
    line-height: 1.5;
}


#partnership-enquiry .form-submit {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 15px;
}

#partnership-enquiry .form-submit input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 32px;
    border: 1px solid #222222;
    border-radius: 0;
    background: #222222;
    color: #ffffff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    box-sizing: border-box;
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease;
}


#partnership-enquiry .form-submit input[type="submit"]:hover {
    background: var(--golden-color, #b08d3c);
    border-color: var(--golden-color, #b08d3c);
    color: #ffffff;
}

#partnership-enquiry .wpcf7-spinner {
    margin-left: 12px;
}

#partnership-enquiry .wpcf7-not-valid {
    border-color: #d9534f;
}

#partnership-enquiry .wpcf7-not-valid-tip {
    display: block;
    margin-top: 6px;
    color: #d9534f;
    font-size: 12px;
    line-height: 1.4;
}


#partnership-enquiry + .wpcf7-response-output,
#partnership-enquiry .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 12px 15px;
    border: 1px solid #dddddd;
    color: #555555;
    font-size: 14px;
    line-height: 1.5;
}