:root {
	--yellow-color: #fbaa19;
	--black-color: #000;
	---white-color: #fff;
	--Primary: #2c2c2c;
	--secondary: #f5f5f5;
	--background: #f8f9fa;
}
@font-face {
	font-family: "D-DIN-BOLD";
	src: url("fonts/D-DIN-BOLD.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}

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

a {
	text-decoration: none;
}

.container-main {
	/* max-width: 1320px; */
	padding: 0 120px;
	margin: 0 auto;
}
/* html{
overflow-x: hidden;
} */

body {
	font-family: "Montserrat", sans-serif;
	overflow-x: hidden;
	padding-top: 65px !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Inter", sans-serif;
}

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

.header {
	position: relative;
}
/*.main-header {*/
/*  padding: 10px 0;*/
/*  border-bottom: 1px solid #ececec;*/
/*  background: #fff;*/

/*  position: sticky;*/
/*  top: 0;*/

/*  z-index: 999;*/

/*  overflow: visible;*/
/*}*/

/*.main-header.sticky {*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/

/*  z-index: 999;*/

/*  overflow: visible;*/

/*  animation: headerSlideDown 0.4s ease forwards;*/

/*  border-bottom: 1px solid rgba(255, 255, 255, 0.08);*/

/*  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);*/
/*}*/

/*@keyframes headerSlideDown {*/
/*  from {*/
/*    transform: translateY(-100%);*/
/*    opacity: 0;*/
/*  }*/

/*  to {*/
/*    transform: translateY(0);*/
/*    opacity: 1;*/
/*  }*/
/*}*/

.mob-header {
	display: none;
}

.main-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;

	padding: 10px 0;
	background: transparent;

	z-index: 999;

	transition: all 0.35s ease;
	will-change: padding, background-color, box-shadow;
	background: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.main-header.sticky {
	padding: 10px 0;
	background: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.header-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header-logo img {
	max-width: 220px;
}

.header-links ul {
	display: flex;
	align-items: center;
	gap: 28px;
}

.header-links ul li {
	position: relative;
	list-style: none;
	font-size: 16px;
	font-weight: 600;
}

.header-links ul li a {
	position: relative;
	display: inline-flex;
	align-items: center;
	color: var(--black-color);
	text-decoration: none;
	padding: 8px 0;
	transition: color 0.3s ease;
}

/* Smooth underline effect */
.header-links ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 2px;
	background: var(--yellow-color);
	border-radius: 20px;
	transition: width 0.35s ease;
}

.header-links ul li a:hover {
	color: var(--yellow-color);
}

.header-links ul li a:hover::after {
	width: 100%;
}

.header-links ul li.active a {
	color: var(--yellow-color);
	font-weight: 600;
}

.header-links ul li.active a::after {
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, var(--yellow-color), #fbaa19);
	box-shadow: 0 0 12px rgba(255, 193, 7, 0.35);
}

/* ===================================
MEGA PARENT
=================================== */

.mega-parent {
	position: relative;
}

/* ===================================
PRODUCT LINK
=================================== */

.mega-parent > a {
	display: flex !important;
	align-items: center;
	gap: 8px;
	color: var(--black-color) !important;
}

/* ===================================
SMALL DROPDOWN
=================================== */

.product-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	width: 260px;
	background: #fff;
	border-radius: 18px;
	padding: 14px;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08);

	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);

	transition: 0.35s ease;
	z-index: 999;
}

.mega-parent:hover .product-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* ===================================
DROPDOWN LINKS
=================================== */

.product-dropdown a {
	display: flex !important;
	align-items: center;
	justify-content: space-between;

	width: 100%;

	padding: 14px 18px !important;
	border-radius: 12px;

	font-size: 15px;
	font-weight: 600;

	text-decoration: none;

	color: var(--black-color) !important;
	background: transparent;

	transition: 0.3s ease;
}

.product-dropdown a:hover {
	background: rgba(251, 170, 25, 0.1);
	color: var(--yellow-color) !important;
	padding-left: 22px !important;
}

.product-dropdown a::after {
	display: none !important;
}

/* ===================================
FULL WIDTH MEGA MENU
=================================== */

.mega-menu-wrapper {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;

	background: #fff;

	opacity: 0;
	visibility: hidden;
	transform: translateY(25px);

	transition: 0.4s ease;

	z-index: 9998;

	border-top: 1px solid #eee;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08);

	/* REMOVE FIX HEIGHT */
	padding: 35px 0;
}

.mega-menu-wrapper.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.mega-menu-grid {
	display: grid;
	grid-template-columns: 320px 350px 1fr;
	gap: 0;
	align-items: start;
}

.mega-left {
	/* background: #fafafa; */
	border-right: 1px solid #ececec;
	padding: 0 20px;
	height: 100%;
}

.chapter-item {
	padding: 18px 22px;
	border-radius: 14px;

	font-size: 17px;
	font-weight: 700;

	cursor: pointer;

	color: var(--black-color);

	transition: 0.3s ease;
	margin-bottom: 12px;
}

.chapter-item:hover,
.chapter-item.active {
	background: linear-gradient(135deg, #fbaa19, #ffcc4d);
	color: #fff;
	transform: translateX(6px);
}

/* ===================================
CENTER
=================================== */

.mega-center {
	padding: 0 25px;
	border-right: 1px solid #ececec;
}

.chapter-content {
	display: none;
	flex-direction: column;
	gap: 12px;
}

.chapter-content.active {
	display: flex;
}

.sub-item {
	display: block;

	padding: 16px 18px !important;

	border-radius: 14px;

	background: #f8f8f8;

	font-size: 15px;
	font-weight: 600;

	text-decoration: none;

	color: var(--black-color) !important;

	transition: 0.3s ease;
}

.sub-item:hover,
.sub-item.active {
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color) !important;
	padding-left: 25px !important;
}

.sub-item::after {
	display: none !important;
}

.mega-right {
	padding: 0 35px;
	background: #fff;
}

.inner-content {
	display: none;
	flex-direction: column;
	gap: 14px;
}

.inner-content.active {
	display: flex;
}

.chapter-content,
.inner-content {
	padding-bottom: 10px;
}

.inner-content a {
	display: flex !important;
	align-items: center;

	padding: 16px 20px !important;

	border-radius: 14px;

	background: #fafafa;

	font-size: 15px;
	font-weight: 500;

	text-decoration: none;

	color: var(--black-color) !important;

	transition: 0.3s ease;
}

.inner-content a:hover {
	background: linear-gradient(135deg, #fbaa19, #ffcc4d);
	color: #fff !important;
	transform: translateX(8px);
}

.inner-content a::after {
	display: none !important;
}

.custom-modal-wrap {
	position: fixed;
	inset: 0;

	width: 100%;
	height: 100vh;

	display: flex;
	align-items: center;
	justify-content: center;

	gap: 24px;

	padding: 40px;

	background: rgba(0, 0, 0, 0.6);

	backdrop-filter: blur(10px);

	opacity: 0;
	visibility: hidden;

	transition: 0.35s ease;

	z-index: 999999;
}

.custom-modal-wrap.active {
	opacity: 1;
	visibility: visible;
}

/* ===================================
MODAL
=================================== */

.custom-modal {
	position: relative;

	opacity: 0;

	transform: translateY(30px) scale(0.94);

	transition: all 0.35s ease;
}

.custom-modal.active {
	opacity: 1;

	transform: translateY(0) scale(1);
}

/* ===================================
BOX
=================================== */

.custom-modal-box {
	width: 430px;

	background: #fff;

	border-radius: 30px;

	padding: 34px;

	position: relative;

	border: 1px solid #ececec;

	overflow: hidden;

	box-shadow:
		0 30px 80px rgba(0, 0, 0, 0.14),
		0 10px 30px rgba(0, 0, 0, 0.06);
}

/* SMALL */

.small-modal .custom-modal-box {
	width: 400px;
}

/* ===================================
CLOSE BUTTON
=================================== */

.modal-close {
	position: absolute;

	top: 16px;
	right: 16px;

	width: 42px;
	height: 42px;

	border: 0;
	border-radius: 50%;

	background: #f5f5f5;

	color: #111;

	font-size: 15px;

	display: flex;
	align-items: center;
	justify-content: center;

	cursor: pointer;

	transition: all 0.3s ease;
}

.modal-close:hover {
	background: linear-gradient(135deg, #fbaa19, #ffcc4d);

	color: #fff;

	transform: rotate(90deg) scale(1.05);
}

/* ===================================
HEADING
=================================== */

.custom-modal-box h3 {
	font-size: 26px;
	line-height: 1.2;

	font-weight: 700;

	color: #111;

	margin-bottom: 26px;
}

/* ===================================
LIST
=================================== */

.modal-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-height: 420px;
	padding-right: 4px;
}

.modal-list::-webkit-scrollbar {
	width: 5px;
}

.modal-list::-webkit-scrollbar-thumb {
	background: rgba(251, 170, 25, 0.55);

	border-radius: 20px;
}

.company-option,
.modal-list a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 16px 18px;
	border-radius: 18px;
	border: 1px solid #ececec;
	background: #fafafa;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	color: #111 !important;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: all 0.35s ease;
}

.company-option::before,
.modal-list a::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		rgba(251, 170, 25, 0.16),
		rgba(251, 170, 25, 0.03)
	);
	opacity: 0;
	transition: 0.35s ease;
}

.company-option:hover,
.modal-list a:hover {
	transform: translateX(6px);
	border-color: rgba(251, 170, 25, 0.35);
	box-shadow: 0 12px 26px rgba(251, 170, 25, 0.18);
}

.company-option:hover::before,
.modal-list a:hover::before {
	opacity: 1;
}

.company-option span,
.modal-list a span {
	position: relative;
	z-index: 2;
}

.company-option i,
.modal-list a i {
	position: relative;
	z-index: 2;

	font-size: 13px;

	color: var(--yellow-color);

	transition: 0.3s ease;
}

.company-option:hover i,
.modal-list a:hover i {
	transform: translateX(4px);
}

.modal-list a::after {
	display: none !important;
}

.header-actions {
	display: flex;
	align-items: center;
	gap: 14px;
}

.header-action-btn {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	position: relative;
	color: var(--black-color);
	background: #f7f7f7;
	border: 1px solid #ececec;
	transition: all 0.35s ease;
}

.header-action-btn i {
	font-size: 18px;
	transition: all 0.35s ease;
}

.header-action-btn:hover {
	background: var(--yellow-color);
	border-color: var(--yellow-color);
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(251, 170, 25, 0.18);
}

.header-action-btn:hover i {
	color: #fff;
}

.action-count {
	position: absolute;
	top: -5px;
	right: -2px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--yellow-color);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #fff;
}

.main-header .cart-btn {
	background: var(--yellow-color);
}

.main-header .cart-btn i {
	color: #fff;
}

.main-header .cart-btn:hover {
	background: var(--black-color);
	border-color: var(--black-color);
}

.main-header .search-btn:hover {
	background: #111;
	border-color: #111;
}

.main-header .search-popup {
	position: fixed;
	inset: 0;

	width: 100%;
	height: 100vh;

	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(8px);

	display: flex;
	align-items: flex-start;
	justify-content: center;

	padding-top: 120px;

	opacity: 0;
	visibility: hidden;

	transition: 0.35s ease;

	z-index: 999999;
}

.main-header .search-popup.active {
	opacity: 1;
	visibility: visible;
}

.main-header .search-popup-box {
	width: 100%;
	max-width: 700px;
	background: #fff;
/* 	border-radius: 18px; */
	padding: 18px;
	position: relative;
	transform: translateY(-30px);
	transition: all 0.35s ease;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
	border-top-left-radius:12px;
	border-top-right-radius:12px;
}

.main-header .search-popup.active .search-popup-box {
	transform: translateY(0);
}

.main-header .search-popup-box form {
	display: flex;
	align-items: center;
	border: 1px solid #e8e8e8;
	border-radius: 60px;
	overflow: hidden;
	background: #f9f9f9;
}

.main-header .search-popup-box input {
	width: 100%;
	height: 60px;
	border: none;
	outline: none;
	padding: 0 24px;
	font-size: 16px;
	background: transparent;
	color: var(--black-color);
}

.main-header .search-popup-box button {
	width: 65px;
	height: 60px;
	border: none;
	background: var(--yellow-color);
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.main-header .search-popup-box button:hover {
	background: #111;
}

.main-header .search-close {
	position: absolute;
	top: -14px;
	right: -14px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #fff;
	color: var(--black-color);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
}

.main-header .search-close:hover {
	background: var(--yellow-color);
	color: #fff;
	transform: rotate(90deg);
}

.wishlist-btn:hover {
	background: var(--yellow-color);
	border-color: var(--yellow-color);
}

/* home banner */

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

.home-banner-bg {
	height: 95vh;
	position: relative;
}

.home-banner-bg img {
	height: 95vh;
}

.home-banner-bg::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--black-color);
	opacity: 0.6;
}

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

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

.home-banner-content {
	display: flex;
	flex-flow: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	align-items: center;
	max-width: 900px;
	margin: 0 auto;
}

.home-banner-content-subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
}
.home-banner-content-subtitle span {
	display: inline-block;
	background: rgba(251, 170, 25, 0.22);
	color: var(--yellow-color);
	padding: 10px 18px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-bottom: 22px;
}

.home-banner-content-heading h1 {
	font-size: 64px;
	line-height: 1.1;
	font-weight: 700;
	color: var(---white-color);
	margin-bottom: 24px;
	text-align: center;
}

.home-banner-content-desc p {
	font-size: 18px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.82);
	max-width: 750px;
	margin-bottom: 35px;
	text-align: center;
	margin: 0 auto;
}

.home-banner-content-btns {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 30px;
}

.home-banner-content-btns a,
.visit-btn,
.about-btns a {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 14px 24px;
	border-radius: 15px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	overflow: hidden;
	transition: all 0.55s ease;
	z-index: 1;
	box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
}

.home-banner-content-btns a::before,
.visit-btn::before,
.about-btns a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	border-radius: 15px;
	transition: width 0.55s ease;
	z-index: -1;
}

.home-banner-content-btn-one a,
.visit-btn,
.about-btn-one {
	background: var(--yellow-color);
	color: var(--black-color);
}

.home-banner-content-btn-one a::before,
.visit-btn::before,
.about-btn-one::before {
	background: var(--black-color);
}

.home-banner-content-btn-one a:hover,
.visit-btn:hover,
.about-btn-one:hover {
	color: var(--yellow-color);
	background: var(--black-color);
}

.home-banner-content-btn-one a:hover::before,
.visit-btn:hover::before,
.about-btn-one:hover::before {
	width: 100%;
}

.home-banner-content-btn-two a,
.about-btn-two {
	background: var(---white-color);
	color: var(--black-color);
}

.home-banner-content-btn-two a::before,
.about-btn-two::before {
	background: var(--yellow-color);
}

.home-banner-content-btn-two a:hover,
.about-btn-two:hover {
	color: var(--black-color);
}

.home-banner-content-btn-two a:hover::before,
.about-btn-two:hover::before {
	width: 100%;
}

.home-banner-content-btns a i,
.about-btns a i {
	transition: transform 0.3s ease;
}

.home-banner-content-btns a:hover i,
.about-btns a:hover i {
	transform: translateX(4px);
}

.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(--yellow-color) !important;
}

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

/* marquee section */

.machine-marquee-main {
	background: var(--yellow-color);
	overflow: hidden;
	padding: 14px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.machine-marquee {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.machine-marquee-track {
	display: flex;
	align-items: center;
	width: max-content;
	animation: marqueeMove 35s linear infinite;
}

.machine-marquee-track span {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	color: var(--black-color);
	white-space: nowrap;
	margin-right: 70px;
	letter-spacing: 0.3px;
	text-transform: uppercase;
}

.machine-marquee-track span::after {
	content: "•";
	position: absolute;
	right: -38px;
	top: 45%;
	transform: translateY(-50%);
	font-size: 30px;
	color: var(--black-color);
}

@keyframes marqueeMove {
	from {
		transform: translateX(0);
	}

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

.machine-category-main {
	position: relative;
	padding: 90px 0;
	background: linear-gradient(to bottom, #ffffff, #f8f8f8);
	overflow: hidden;
}
/* .machine-category-main .container-main {
padding: unset;
} */
.machine-category-main{
    overflow: hidden;
}

.machine-slider-wrapper{
    overflow: hidden;
}
.machine-category-slider{
    overflow:visible !important;
}

.machine-category-slider{
    overflow: visible;
    transform: translate3d(120px,0,0);
    transition: transform .45s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}

.machine-slider-wrapper.full-width .machine-category-slider{
    transform: translate3d(0,0,0);
}

.machine-category-slider .swiper-wrapper{
    align-items: stretch;
	padding-top:15px;
	padding-bottom:15px;
}

.machine-category-slider .swiper-slide{
    height: auto;
}

.machine-category-card{
    height: 100%;
}

@media (max-width:1200px){

    .machine-category-slider{
        transform: translate3d(80px,0,0);
    }

}

@media (max-width:767px){

    .machine-category-slider{
        transform: translate3d(20px,0,0);
    }

}




.category-page .container-main {
	padding: 0 120px;
}



/* ===================================
SECTION HEADING
=================================== */

.section-heading-main {
	text-align: center;
	max-width: 760px;
	margin: 0 auto 60px;
}

.section-subtitle span {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;

	padding: 10px 20px;

	border-radius: 60px;

	background: rgba(251, 170, 25, 0.1);

	color: var(--yellow-color);

	font-size: 12px;
	font-weight: 700;

	letter-spacing: 1px;
	text-transform: uppercase;

	margin-bottom: 20px;
}

.section-title h2 {
	font-size: 42px;
	line-height: 1.2;
	font-weight: 800;

	color: var(--black-color);

	margin-bottom: 18px;
}

.section-desc p {
	font-size: 16px;
	line-height: 1.8;

	color: var(--Primary);

	font-weight: 500;
}

/* ===================================
GRID
=================================== */

.machine-category-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

/* ===================================
CARD
=================================== */

.machine-category-card {
	position: relative;

	background: #fff;

	border-radius: 26px;

	overflow: hidden;

	transition: 0.4s ease;

	border: 1px solid rgba(0, 0, 0, 0.05);
	height: 100%;
}

.machine-category-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
	cursor: pointer;
}
.machine-category-image {
	position: relative;
	height: 210px;
	overflow: hidden;
}

.machine-category-image::after {
	content: "";

	position: absolute;
	inset: 0;

	background: linear-gradient(to top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.05));
}

.machine-category-image img {
	width: 100%;
	height: 100%;

	object-fit: cover;

	transition: 0.7s ease;
}

.machine-category-card:hover .machine-category-image img {
	transform: scale(1.06);
}

.machine-category-content {
	padding: 22px;
}

/* CHAPTER HEADING */
.machine-category-content h3 {
	font-size: 22px;
	line-height: 1.2;
	color: var(--black-color);
	font-weight: 700;
	margin-bottom: 8px;
}

/* DESCRIPTION */
.machine-category-content p {
	font-size: 16px;
	line-height: 1.8;
	color: var(--Primary);
	font-weight: 500;
}

.machine-category-card:hover::before {
	transform: scaleX(1);
}

/* about us section */

.home-about-main {
	padding: 100px 0;
	overflow-x:hidden !important;
}

.home-about-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.home-about-left {
	position: relative;
	width: 50%;
	min-height: 620px;
}

.home-about-image-one {
	width: 85%;
	border-radius: 32px;
	overflow: hidden;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
}

.home-about-image-one img {
	width: 100%;
	height: 620px;
	object-fit: cover;
}

.home-about-image-two {
	position: absolute;
	right: 0;
	bottom: 40px;
	width: 40%;
	border: 10px solid #fff;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.home-about-image-two img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.about-experience-box {
	position: absolute;
	left: -30px;
	bottom: 80px;
	background: var(--yellow-color);
	padding: 24px;
	border-radius: 24px;
	box-shadow: 0 20px 50px rgba(251, 170, 25, 0.28);
}

.about-experience-box h3 {
	font-size: 36px;
	line-height: 1;
	color: var(--black-color);
	font-weight: 800;
	margin-bottom: 10px;
}

.about-experience-box p {
	font-size: 16px;
	line-height: 1.6;
	color: var(--black-color);
	font-weight: 600;
	max-width: 160px;
}

.home-about-right {
	width: 50%;
}

.about-subtitle span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.about-heading h2 {
	font-size: 42px;
	line-height: 1.12;
	color: var(--black-color);
	font-weight: 800;
	margin-bottom: 22px;
}

.about-desc p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.9;
	color: var(--Primary);
	margin-bottom: 12px;
}

.about-features {
	display: flex;
	gap: 40px;
	margin-top: 25px;
}
.about-feature-item-top {
	display: flex;
	gap: 20px;
}

.about-feature-item {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	border-radius: 24px;
	background: #f8f8f8;
	transition: all 0.35s ease;
}

.about-feature-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
}

.about-feature-icon {
	width: 52px;
	height: 52px;
	min-width: 52px;
	border-radius: 12px;
	background: var(--yellow-color);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: var(--black-color);
}

.about-feature-item-top-heading h4 {
	font-size: 24px;
	color: var(--black-color);
	font-weight: 700;
	margin-bottom: 10px;
}

.about-feature-content p {
	font-size: 14px;
	line-height: 1.8;
	color: var(--Primary);
	font-weight: 500;
}

/* Buttons */

.about-btns {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 42px;
}
.about-btn-two {
	background: #f5f5f5;
}

.home-services-main {
	padding: 100px 0;
	/* background: #1a1a1a; */
}

.services-heading-main {
	text-align: center;
	max-width: 850px;
	margin: 0 auto 70px;
}

.services-subtitle span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.services-heading h2 {
	font-size: 52px;
	line-height: 1.12;
	color: var(--black-color);
	font-weight: 800;
	margin-bottom: 24px;
}

.services-desc p {
	font-size: 16px;
	line-height: 1.9;
	color: var(--Primary);
	font-weight: 500;
}

.services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.service-card {
	position: relative;
	padding: 28px;
	border-radius: 30px;
	background: #232323;
	border: 1px solid rgba(255, 255, 255, 0.06);
	transition: all 0.4s ease;
	overflow: hidden;
}

.service-card::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 0;
	background: linear-gradient(135deg, rgba(251, 170, 25, 0.22), transparent);
	transition: all 0.45s ease;
}

.service-card:hover::before {
	width: 100%;
}

.service-card:hover {
	transform: translateY(-10px);
	border-color: rgba(251, 170, 25, 0.22);
}

.service-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 34px;
	position: relative;
	z-index: 2;
}

.service-icon {
	width: 80px;
	height: 80px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.04);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.35s ease;
}

.service-icon img {
	width: 42px;
	height: 42px;
	filter: invert(1);
}

.service-card:hover .service-icon {
	background: var(--yellow-color);
}

.service-number span {
	font-size: 54px;
	font-weight: 800;
	color: rgba(255, 255, 255, 0.06);
	line-height: 1;
}

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

.service-content h3 {
	font-size: 32px;
	line-height: 1.25;
	color: #fff;
	font-weight: 700;
	margin-bottom: 18px;
}

.service-content p {
	font-size: 16px;
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.68);
}

/* =========================
Testimonials Section
========================= */

.home-testimonials-main {
	padding: 120px 0;
	background: #f8f8f8;
	overflow: hidden;
}

/* =========================
Heading
========================= */

.testimonials-heading-main {
	text-align: center;
	max-width: 760px;
	margin: 0 auto 60px;
}

.testimonials-subtitle span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.testimonials-heading h2 {
	font-size: 46px;
	line-height: 1.2;
	color: var(--black-color);
	font-weight: 800;
	margin-bottom: 18px;
}

.testimonials-desc p {
	font-size: 16px;
	line-height: 1.8;
	color: var(--Primary);
	font-weight: 500;
}

.testimonials-slider .owl-stage-outer {
	overflow: visible;
}

.testimonial-card {
	background: #fff;
	border-radius: 24px;
	padding: 34px;
	border: 1px solid #efefef;
	transition: all 0.35s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.testimonial-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
}

.testimonial-stars {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 22px;
}

.testimonial-stars i {
	color: var(--yellow-color);
	font-size: 14px;
}

.testimonial-text p {
	font-size: 16px;
	line-height: 1.9;
	color: var(--Primary);
	margin-bottom: 12px;
	font-weight: 500;
}

.testimonial-user {
	margin-top: auto;
}

.testimonial-user h4 {
	font-size: 20px;
	color: var(--black-color);
	font-weight: 700;
	margin-bottom: 6px;
}

.testimonial-user span {
	font-size: 14px;
	color: #888;
	font-weight: 400;
}

.testimonials-slider .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding-top: 45px;
}

.testimonials-slider .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 0 !important;
	background: #d8d8d8 !important;
	transition: all 0.3s ease;
	border-radius: 50%;
}

.testimonials-slider .owl-dot.active span {
	width: 34px;
	border-radius: 50px;
	background: var(--yellow-color) !important;
}

.testimonials-slider .owl-stage,
.testimonials-slider .owl-stage-outer {
	display: flex;
}

.home-blog-main {
	padding: 100px 0;
	background-color: var(--background);
}

.blog-heading-main {
	text-align: center;
	max-width: 850px;
	margin: 0 auto 70px;
}

.blog-subtitle span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.blog-heading h2 {
	font-size: 52px;
	line-height: 1.12;
	color: var(--black-color);
	font-weight: 800;
	margin-bottom: 24px;
}

.blog-desc p {
	font-size: 16px;
	line-height: 1.9;
	color: var(--Primary);
	font-weight: 500;
}

.blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

/* .blog-card {
background: #fff;
border-radius: 28px;
overflow: hidden;
border: 1px solid #efefef;
transition: all 0.4s ease;
}

.blog-card:hover {
transform: translateY(-10px);
box-shadow: 0 25px 60px rgba(0,0,0,0.08);
}


.blog-card-image {
overflow: hidden;
height: 240px;
}

.blog-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s ease;
}

.blog-card:hover .blog-card-image img {
transform: scale(1.08);
}


.blog-card-content {
padding: 22px;
}

.blog-meta {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 18px;
}

.blog-meta span {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 12px;
border-radius: 30px;
font-size: 12px;
font-weight: 700;
}

.blog-date span {
background: #f4f4f4;
color: #666;
}

.blog-category span {
background: rgba(251,170,25,0.12);
color: var(--yellow-color);
}


.blog-card-content h3 {
font-size: 22px;
line-height: 1.35;
color: var(--black-color);
font-weight: 700;
margin-bottom: 12px;
}


.blog-card-content p {
font-size: 14px;
line-height: 1.9;
color: var(--Primary);
margin-bottom: 20px;
font-weight: 500;
}


.blog-btn {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--black-color);
text-decoration: none;
font-size: 14px;
font-weight: 700;
transition: all 0.35s ease;
}

.blog-btn i {
transition: transform 0.3s ease;
}

.blog-btn:hover {
color: var(--yellow-color);
}

.blog-btn:hover i {
transform: translateX(4px);
}


.blog-short-desc {
font-size: 16px;
line-height: 1.8;
color: var(--Primary);
font-weight: 500;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 0;
opacity: 0;
margin-bottom: 0;
transition: all 0.4s ease;
}

.blog-card:hover .blog-short-desc {
max-height: 80px;
opacity: 1;
margin-bottom: 18px;
} */

.blog-card {
	position: relative;
	background: #fff;
	border-radius: 28px;
	overflow: hidden;
	border: 1px solid #efefef;
	transition: all 0.45s ease;
}

.blog-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);
}

.blog-card-image {
	position: relative;
	overflow: hidden;
	height: 420px;
}

.blog-card-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.88) 0%,
		rgba(0, 0, 0, 0.45) 45%,
		rgba(0, 0, 0, 0.05) 100%
	);
	border-radius:28px;
}

.blog-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s ease;
}

.blog-card:hover .blog-card-image img {
	transform: scale(1.08);
}

.blog-card-content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px;
	z-index: 2;
}

.blog-meta {
	display: flex;
	gap: 10px;
	margin-bottom: 14px;
}

.blog-meta span {
	padding: 7px 12px;
	border-radius: 30px;
	font-size: 11px;
	font-weight: 700;
	backdrop-filter: blur(10px);
}

.blog-date span {
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
}

.blog-category span {
	background: rgba(251, 170, 25, 0.18);
	color: #fff;
}

.blog-card-content h3 {
	font-size: 24px;
	line-height: 1.4;
	color: #fff;
	font-weight: 700;
	margin-bottom: 0;
	transition: margin 0.4s ease;
}
.blog-card-content h3 a{
	color:#fff;
}

.blog-short-desc {
	font-size: 16px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.82);

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;

	max-height: 0;
	opacity: 0;
	transform: translateY(20px);

	transition: all 0.45s ease;
}

.blog-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;

	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;

	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);

	transition: all 0.45s ease;
	margin-top: 10px;
}

.blog-card:hover .blog-btn {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.blog-card:hover .blog-short-desc,
.blog-card:hover .blog-btn {
	opacity: 1;
	transform: translateY(0);
	max-height: 80px;
}

.blog-card:hover .blog-card-content h3 {
	margin-bottom: 14px;
}

.blog-btn:hover {
	color: var(--yellow-color);
}
.blog-short-desc {
	transition-delay: 0.1s;
}

.blog-btn {
	transition-delay: 0.18s;
}

.home-cta-main {
	padding: 90px 0;
}

.home-cta-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
	background: var(--yellow-color);
	padding: 60px;
	border-radius: 50px;
}

.home-cta-content {
	max-width: 760px;
}

.cta-subtitle span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(0, 0, 0, 0.08);
	color: var(--black-color);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.cta-heading h2 {
	font-size: 62px;
	line-height: 1.12;
	color: var(--black-color);
	font-weight: 800;
	margin-bottom: 24px;
}

.cta-desc p {
	font-size: 17px;
	line-height: 1.9;
	color: rgba(0, 0, 0, 0.75);
}

.home-cta-btn {
	flex-shrink: 0;
}

.cta-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 18px 30px;
	border-radius: 15px;
	background: var(--black-color);
	color: var(--yellow-color);
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	overflow: hidden;
	transition: all 0.55s ease;
	z-index: 1;
	box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
}

.cta-btn::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 0;
	background: #fff;
	transition: width 0.55s ease;
	z-index: -1;
}

.cta-btn:hover {
	color: var(--black-color);
}

.cta-btn:hover::before {
	width: 100%;
}

.cta-btn i {
	transition: transform 0.3s ease;
}

.cta-btn:hover i {
	transform: translateX(4px);
}

.home-contact-main {
	padding: 100px 0;
	overflow-x: hidden !important;
}

.home-contact-flex {
	display: flex;
	align-items: center;
	gap: 70px;
}

.home-contact-left {
	position: relative;
	width: 48%;
}

.home-contact-image {
	border-radius: 32px;
	overflow: hidden;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
}

.home-contact-image img {
	width: 100%;
	height: 560px;
	object-fit: cover;
}

.contact-floating-box p {
	font-size: 16px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.85);
}

.home-contact-right {
	width: 52%;
	background: #fff;
	padding: 45px;
	border-radius: 32px;
	box-shadow: 15px 25px 60px rgba(0, 0, 0, 0.12);
}

.contact-subtitle span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.contact-heading h2 {
	font-size: 32px;
	line-height: 1.15;
	color: var(--black-color);
	font-weight: 800;
	margin-bottom: 22px;
}

.contact-desc p {
	font-size: 16px;
	line-height: 1.9;
	color: var(--Primary);
	margin-bottom: 40px;
}

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

.contact-form-group {
	margin-bottom: 22px;
}

.contact-form-group input,
.contact-form-group textarea,
.contact-form-group select{
	width: 100%;
	border: 1px solid #e6e6e6;
	background: #fafafa;
	border-radius: 18px;
	padding: 14px 18px;
	font-size: 16px;
	color: var(--black-color);
	outline: none;
	transition: all 0.35s ease;
}

.contact-form-group textarea {
	height: 120px;
	resize: none;
}

.contact-form-group input:focus,
.contact-form-group textarea:focus,
.contact-form-group select:focus{
	border-color: var(--yellow-color);
	background: #fff;
	box-shadow: 0 0 0 4px rgba(251, 170, 25, 0.12);
}

.contact-form-group input::placeholder,
.contact-form-group textarea::placeholder,
.contact-form-group select::placeholder{
	color: #999;
}

.contact-form-btn button {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 16px 28px;
	border-radius: 15px;
	border: none;
	background: var(--yellow-color);
	color: var(--black-color);
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	overflow: hidden;
	transition: all 0.55s ease;
	z-index: 1;
	box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
}

.contact-form-btn button::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 0;
	background: var(--black-color);
	transition: width 0.55s ease;
	z-index: -1;
}

.contact-form-btn button:hover {
	color: var(--yellow-color);
}

.contact-form-btn button:hover::before {
	width: 100%;
}

.contact-form-btn button i {
	transition: transform 0.3s ease;
}

.contact-form-btn button:hover i {
	transform: translateX(4px);
}

.main-footer {
	background: #1a1a1a;
	padding: 100px 0 0;
}

.footer-top {
	display: grid;
	grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
	gap: 60px;
	padding-bottom: 70px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-logo {
	margin-bottom: 28px;
}

.footer-logo img {
	max-width: 220px !important;
	height:100%;
	width:100%;
}

.footer-about-text p {
	font-size: 16px;
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.68);
	margin-bottom: 30px;
	font-weight: 500;
}

.footer-social-links {
	display: flex;
	align-items: center;
	gap: 14px;
}

.footer-social-links a {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.06);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	transition: all 0.35s ease;
}

.footer-social-links a:hover {
	background: var(--yellow-color);
	color: var(--black-color);
	transform: translateY(-4px);
}

.footer-title {
	margin-bottom: 28px;
}

.footer-title h3 {
	font-size: 26px;
	color: #fff;
	font-weight: 700;
}

.footer-links-main ul {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.footer-links-main ul li {
	list-style: none;
	font-weight: 500;
}

.footer-links-main ul li a {
	position: relative;
	color: rgba(255, 255, 255, 0.68);
	text-decoration: none;
	font-size: 16px;
	transition: all 0.35s ease;
}

.footer-links-main ul li a:hover {
	color: var(--yellow-color);
	padding-left: 6px;
}

.footer-contact-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.footer-contact-item {
	display: flex;
	align-items: center;
	gap: 16px;
}

.footer-contact-icon {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.06);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--yellow-color);
	font-size: 16px;
}

.footer-contact-content p,
.footer-contact-content a {
	font-size: 16px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.68);
	text-decoration: none;
	transition: all 0.35s ease;
	font-weight: 500;
}

.footer-contact-content a:hover {
	color: var(--yellow-color);
}

.footer-bottom {
	padding: 28px 0;
}

.footer-bottom-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.footer-copyright p {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.65);
}

.footer-bottom-links {
	display: flex;
	align-items: center;
	gap: 24px;
}

.footer-bottom-links a {
	color: rgba(255, 255, 255, 0.65);
	text-decoration: none;
	font-size: 15px;
	transition: all 0.35s ease;
}

.footer-bottom-links a:hover {
	color: var(--yellow-color);
}

/* assembly page */

.assembly-layout {
	display: grid;
	grid-template-columns: 320px 1fr 0.85fr;
	height: 100vh;
	background: #f7f7f7;
	overflow: hidden;
	transition: all 0.4s ease;
}

.assembly-layout.sidebar-collapsed {
	grid-template-columns: 90px 1.2fr 0.8fr;
}

.assembly-sidebar {
	background: #fff;
	border-right: 1px solid #ececec;
	display: flex;
	flex-direction: column;
	transition: all 0.4s ease;
}

.assembly-sidebar.collapsed {
	width: 90px;
}

.assembly-sidebar.collapsed .assembly-sidebar-heading,
.assembly-sidebar.collapsed .assembly-list-content {
	display: none;
}

.assembly-sidebar.collapsed .assembly-list-item {
	justify-content: center;
}

.assembly-sidebar.collapsed .assembly-list-number {
	margin: 0;
}

.assembly-sidebar-top {
	padding: 22px;
	border-bottom: 1px solid #ececec;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	background: #fff;
	position: sticky;
	top: 0;
	z-index: 5;
}

.assembly-toggle-btn {
	width: 44px;
	height: 44px;
	min-width: 44px;
	border: none;
	border-radius: 14px;
	background: var(--yellow-color);
	color: #1a1a1a;
	cursor: pointer;
	transition: all 0.35s ease;
}

.assembly-toggle-btn:hover {
	background: #1a1a1a;
	color: var(--yellow-color);
}

.assembly-sidebar-heading h2 {
	font-size: 22px;
	color: #1a1a1a;
	margin-bottom: 6px;
}

.assembly-sidebar-heading p {
	font-size: 13px;
	color: #777;
	line-height: 1.6;
}

.assembly-list {
	padding: 20px;
	overflow-y: auto;
}

.assembly-list-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 14px;
	border-radius: 18px;
	text-decoration: none;
	margin-bottom: 14px;
	transition: all 0.35s ease;
}

.assembly-list-item:hover,
.assembly-list-item.active {
	background: rgba(251, 170, 25, 0.1);
}

.assembly-list-number {
	width: 48px;
	height: 38px;
	min-width: 48px;
	border-radius: 10px;
	background: #f2f2f2;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	color: #555;
}

.assembly-list-content h3 {
	font-size: 13px;
	color: #1a1a1a;
	line-height: 1.5;
	margin-bottom: 4px;
}

.assembly-list-content p {
	font-size: 11px;
	color: #777;
	line-height: 1.6;
}



.assembly-center {
	padding: 22px;
	overflow-y: auto;
}

.assembly-center-top {
	margin-bottom: 20px;
}

.assembly-center-heading h1 {
	font-size: 30px;
	color: #1a1a1a;
	margin-bottom: 6px;
}

.assembly-center-heading p {
	font-size: 13px;
	color: #666;
}

.assembly-product-preview {
	background: #fff;
	border-radius: 26px;
	padding: 24px;
	min-height: 540px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.assembly-product-preview img {
	max-width: 100%;
	max-height: 450px;
	object-fit: contain;
}


.assembly-parts-wrapper {
	background: #fff;
	border-left: 1px solid #ececec;
	display: flex;
	flex-direction: column;
}


.assembly-parts-top {
	padding: 22px;
	border-bottom: 1px solid #ececec;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
}

.assembly-parts-heading h2 {
	font-size: 22px;
	color: #1a1a1a;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.select-all-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	border-radius: 8px;
	background: #fafafa;
	border: 1px solid #ececec;
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	color: #111;
	transition: 0.3s ease;
}

.select-all-wrap:hover {
	border-color: rgba(251, 170, 25, 0.35);

	background: rgba(251, 170, 25, 0.06);
}

.select-all-wrap input {
	width: 12px;
	height: 12px;
	accent-color: var(--yellow-color);
	cursor: pointer;
}

.assembly-selection-note {
	font-size: 11px;
	color: #777;
	line-height: 1.6;
}


.assembly-mode-right {
	display: flex;
	align-items: center;
	gap: 18px;
}


.assembly-size-dropdown {
	display: flex;
	align-items: center;
	gap: 10px;
}

.assembly-size-dropdown label {
	font-size: 12px;
	font-weight: 600;
	color: #555;
}

.assembly-size-dropdown select {
	height: 42px;
	min-width: 20px;
	padding: 0 5px;
	border-radius: 12px;
	font-size: 10px;
}

.assembly-size-dropdown select:hover {
	border-color: var(--yellow-color);
}

.assembly-size-dropdown select:focus {
	border-color: var(--yellow-color);

	box-shadow: 0 0 0 4px rgba(251, 170, 25, 0.12);
}

.assembly-mode-buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.assembly-mode-btn {
	padding: 10px 18px;
	border-radius: 10px;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.35s ease;
}

.assembly-mode-btn.active,
.assembly-mode-btn:hover {
	background: var(--yellow-color);
	border-color: var(--yellow-color);
	color: #1a1a1a;
}

.assembly-parts-table {
	flex: 1;
	overflow-y: auto;
}

.assembly-parts-header,
.assembly-parts-row {
	display: grid;
	grid-template-columns: 40px 55px 120px 1fr 70px 90px 30px;
	gap: 12px;
	align-items: center;
	padding: 16px 20px;
}

.assembly-parts-header {
	background: #fafafa;
	border-bottom: 1px solid #ececec;
	position: sticky;
	top: 0;
	z-index: 2;
}

.assembly-parts-header p {
	font-size: 11px;
	font-weight: 700;
	color: #777;
	text-transform: uppercase;
}

.assembly-parts-row {
	border-bottom: 1px solid #f2f2f2;
	cursor: pointer;
	transition: all 0.35s ease;
}

.assembly-checkbox-col {
	display: flex;
	align-items: center;
	justify-content: center;
}

.assembly-part-checkbox {
	width: 18px;
	height: 18px;
	cursor: pointer;
	accent-color: var(--yellow-color);
}

.assembly-parts-row.selected {
	background: rgba(251, 170, 25, 0.08);
	border-color: rgba(251, 170, 25, 0.35);
}

.assembly-parts-row p {
	font-size: 12px;
	color: #1a1a1a;
	line-height: 1.5;
}

.part-price {
	font-size: 13px;
	font-weight: 700;
	color: #1a1a1a;
}

.qty-input {
	width: 58px;
	height: 36px;
	border-radius: 10px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	padding: 0 10px;
	font-size: 12px;
	outline: none;
	pointer-events: none;
	transition: all 0.3s ease;
}

.qty-input.editable {
	background: #fff;
	border-color: var(--yellow-color);
	pointer-events: auto;
}

.assembly-bottom-area {
	margin-top: auto;
	border-top: 1px solid #ececec;
	background: #fff;
}

.assembly-total-bar {
	width: 100%;
	padding: 18px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.assembly-total-qty {
	display: flex;
	align-items: center;
	gap: 12px;
}

.assembly-total-qty button {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	border: none;
	background: #f3f3f3;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
}

.assembly-total-qty button:hover {
	background: var(--yellow-color);
}

.assembly-total-qty span {
	min-width: 20px;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: #1a1a1a;
}

.assembly-total-price {
	text-align: right;
}

.assembly-total-price p {
	font-size: 11px;
	color: #777;
	margin-bottom: 4px;
}

.assembly-total-price h3 {
	font-size: 24px;
	color: #1a1a1a;
	line-height: 1;
}


.assembly-bottom-buttons {
	width: 100%;
	padding: 0 20px 20px;
	display: flex;
	gap: 12px;
}

.assembly-quote-btn,
.assembly-cart-btn {
	flex: 1;
	height: 50px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	transition: all 0.35s ease;
}

.assembly-quote-btn {
	background: var(--yellow-color);
	color: #1a1a1a;
}

.assembly-quote-btn:hover {
	background: #1a1a1a;
	color: var(--yellow-color);
}

.assembly-cart-btn {
	background: #1a1a1a;
	color: var(--yellow-color);
}

.assembly-cart-btn:hover {
	background: var(--yellow-color);
	color: #1a1a1a;
}

.assembly-top-strip {
	background: #fff;
	border-bottom: 1px solid #ececec;
	padding: 16px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	padding-top:80px;
}

.assembly-top-strip-left {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.assembly-model-box,
.assembly-machine-box {
	background: #fafafa;
	border: 1px solid #ececec;
	border-radius: 16px;
	padding: 12px 18px;
	min-width: 190px;
	transition: all 0.35s ease;
}

.assembly-model-box:hover,
.assembly-machine-box:hover {
	border-color: var(--yellow-color);
	transform: translateY(-2px);
}

.assembly-model-box p,
.assembly-machine-box p {
	font-size: 11px;
	font-weight: 600;
	color: #888;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.assembly-model-box h3,
.assembly-machine-box h3 {
	font-size: 15px;
	font-weight: 700;
	color: #1a1a1a;
}

.assembly-search-box {
	position: relative;
	width: 340px;
}

.assembly-search-box input {
	width: 100%;
	height: 54px;
	border-radius: 16px;
	border: 1px solid #ececec;
	background: #fafafa;
	padding: 0 65px 0 18px;
	outline: none;
	font-size: 13px;
}

.assembly-search-box input:focus {
	border-color: var(--yellow-color);
	background: #fff;
}

.assembly-search-box button {
	position: absolute;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	border-radius: 12px;
	border: none;
	background: var(--yellow-color);
	cursor: pointer;
	transition: all 0.35s ease;
}

.assembly-search-box button:hover {
	background: #1a1a1a;
	color: var(--yellow-color);
}

.assembly-selection-note {
	font-size: 11px;
	color: #777;
	margin-top: 5px;
	line-height: 1.5;
}

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

.wishlist .yith-add-to-wishlist-button-block {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wishlist .yith-wcwl-add-to-wishlist-button {
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid #ececec;
	border-radius: 10px;
	background: #fff;
	color: #999;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.wishlist .yith-wcwl-add-to-wishlist-button:hover,
.wishlist .yith-wcwl-add-to-wishlist-button--added {
	border-color: #fbaa19;
	background: rgba(251, 170, 25, 0.12);
	color: #fbaa19;
}

.wishlist .yith-wcwl-icon-svg__wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wishlist .yith-wcwl-icon {
	width: 18px;
	height: 18px;
}

.wishlist .yith-wcwl-add-to-wishlist-button__label {
	display: none;
}

.single-product-main {
	padding: 80px 0;
	background: #f8f8f8;
}

.single-product-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 70px;
	align-items: center;
}

.single-product-image {
	background: #fff;
	border-radius: 34px;
	overflow: hidden;
	border: 1px solid #ececec;
	box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);
	height: 720px;
}

.single-product-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
	max-width:unset !important;
}

.single-product-tag {
	display: inline-block;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.single-product-right h1 {
	font-size: 40px;
	line-height: 1.2;
	color: var(--black-color);
	font-weight: 800;
	margin-bottom: 18px;
}

.single-product-desc {
	font-size: 15px;
	line-height: 1.9;
	color: #666;
	margin-bottom: 28px;
}

.single-product-price {
	margin-bottom: 28px;
}

.single-product-price span {
	display: flex;
	font-size: 22px;
	font-weight: 700;
	color: #fbaa19;
}

.single-product-price h2 {
	font-size: 30px;
	color: var(--yellow-color);
	font-weight: 800;
}

.single-product-price {
	margin-bottom: 28px;
}

.single-product-price > span {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #777;
	margin-bottom: 6px;
}

.single-product-price h2 {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0;
	line-height: 1;
}

.single-product-price del {
	color: #999;
	font-size: 22px;
	font-weight: 500;
	text-decoration-thickness: 1.5px;
}

.single-product-price ins {
	text-decoration: none;
}

.single-product-price ins .woocommerce-Price-amount {
	font-size: 30px;
	font-weight: 800;
	color: var(--yellow-color);
}

.screen-reader-text {
	display: none;
}
.single-product-price .woocommerce-Price-amount bdi {
	font-size: 30px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.single-product-price ins .woocommerce-Price-amount bdi {
	font-size: 30px;
	display: flex;
	align-items: center;
	gap: 5px;
}
.single-product-price del .woocommerce-Price-amount bdi {
	font-size: 22px;
	display: flex;
	align-items: center;
	gap: 5px;
}
.single-product-price ins .woocommerce-Price-amount bdi span{
	color: var(--yellow-color);
}


.single-product-specs {
	margin-bottom: 30px;
}

.single-product-specs h4 {
	font-size: 18px;
	font-weight: 700;
	color: #111;
	margin-bottom: 18px;
}

.single-spec-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.single-spec-item {
	padding: 18px;
	border-radius: 18px;
	background: #fff;
	border: 1px solid #ececec;
}

.single-spec-item span {
	display: block;
	font-size: 11px;
	font-weight: 600;
	color: #777;
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.single-spec-item p {
	font-size: 14px;
	font-weight: 700;
	color: #111;
}

.single-product-qty {
	display: inline-flex;
	align-items: center;
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid #ececec;
	margin-bottom: 28px;
}

.single-product-qty button {
	width: 42px;
	height: 42px;
	border: none;
	background: transparent;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
}

.single-product-qty button:hover {
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
}

.single-product-qty span {
	width: 50px;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: #111;
}

.single-product-buttons {
	display: flex;
	align-items: center;
	gap: 14px;
}

.single-cart-btn,
.single-quote-btn {
	flex: 1;
	padding: 15px 20px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	transition: all 0.35s ease;
	width: max-content;
}

.single-cart-btn {
	background: var(--yellow-color);
	color: #1a1a1a;
}

.single-cart-btn:hover {
	background: #1a1a1a;
	color: var(--yellow-color);
}

.single-quote-btn {
	background: #1a1a1a;
	color: var(--yellow-color);
}

.single-quote-btn:hover {
	background: var(--yellow-color);
	color: #1a1a1a;
}

/* =========================================
EXTRA BOX
========================================= */

.single-product-extra-box {
	margin-top: 40px;
}

/* =========================================
FEATURES
========================================= */

.single-extra-features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	margin-bottom: 35px;
}

.single-extra-feature-item {
	display: flex;
	gap: 18px;
	background: #fff;
	border-radius: 24px;
	padding: 26px;
	border: 1px solid #ececec;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
	transition: 0.35s ease;
}

.single-extra-feature-item:hover {
	transform: translateY(-6px);
}

.single-extra-feature-item i {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);

	display: flex;
	align-items: center;
	justify-content: center;

	font-size: 20px;
	flex-shrink: 0;
}

.single-extra-feature-item h4 {
	font-size: 18px;
	font-weight: 700;
	color: #111;
	margin-bottom: 8px;
}

.single-extra-feature-item p {
	font-size: 14px;
	line-height: 1.8;
	color: #666;
}

/* =========================================
CONTACT SALES
========================================= */

.single-contact-sales {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;

	background: linear-gradient(135deg, #1a1a1a, #2b2b2b);

	padding: 45px;
	border-radius: 34px;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative;
}

.single-contact-sales::before {
	content: "";
	position: absolute;
	width: 320px;
	height: 320px;
	background: rgba(251, 170, 25, 0.08);
	border-radius: 50%;
	right: -80px;
	top: -80px;
}

.single-contact-sales-left {
	position: relative;
	z-index: 2;
}

.single-contact-sales-left span {
	display: inline-block;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.14);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.single-contact-sales-left h3 {
	font-size: 38px;
	line-height: 1.2;
	font-weight: 800;
	color: #fff;
	margin-bottom: 18px;
}

.single-contact-sales-left p {
	max-width: 700px;
	font-size: 15px;
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.72);
}

.single-sales-btn {
	position: relative;
	z-index: 2;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 16px 34px;
	border-radius: 16px;

	background: var(--yellow-color);

	color: #111;
	text-decoration: none;

	font-size: 16px;
	font-weight: 700;

	transition: 0.35s ease;
}

.single-sales-btn:hover {
	background: #fff;
	transform: translateY(-4px);
	color: var(--black-color);
}

/* =========================================
DETAILS GRID
========================================= */

.single-product-details-grid {
	display: grid;
	grid-template-columns: 1fr 500px;
	gap: 50px;
	align-items: center;

	background: #fff;
	border-radius: 34px;
	padding: 40px;
	border: 1px solid #ececec;
	box-shadow: 0 15px 50px rgba(0, 0, 0, 0.04);
}

.single-product-detail-content h3 {
	font-size: 34px;
	font-weight: 800;
	color: #111;
	margin-bottom: 24px;
}

.single-product-detail-content p {
	font-size: 15px;
	line-height: 2;
	color: #666;
	margin-bottom: 18px;
}

.single-product-detail-content ul {
	margin-top: 25px;
	padding-left: 18px;
}

.single-product-detail-content ul li {
	font-size: 15px;
	line-height: 2;
	color: #111;
	margin-bottom: 10px;
	font-weight: 600;
}

.single-product-detail-image {
	height: 500px;
	border-radius: 30px;
	overflow: hidden;
}

.single-product-detail-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* =========================================
PRODUCT DETAILS SECTION
========================================= */

.single-product-details-section {
	margin-bottom: 40px;
}

/* =========================================
HEADING
========================================= */

.single-product-details-heading {
	margin-bottom: 35px;
}
.about-div-heading {
	text-align: center;
	max-width: 850px;
	margin: 0 auto 70px;
}

.single-product-details-heading span,
.about-div-heading span {
	display: inline-block;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.single-product-details-heading h2,
.about-div-heading h2 {
	font-size: 40px;
	font-weight: 800;
	color: #111;
	margin-bottom: 16px;
}

.single-product-details-heading p,
.about-div-heading p {
	max-width: 850px;
	font-size: 15px;
	line-height: 1.9;
	color: #666;
}

.single-product-details-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}

/* =========================================
CARD
========================================= */

.single-product-detail-card {
	background: #fafafa;
	border: 1px solid #ececec;
	border-radius: 24px;
	padding: 28px;
	transition: 0.35s ease;
	height: 100%;
}

.single-product-detail-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.06);
}

.single-product-detail-card h4 {
	font-size: 20px;
	font-weight: 700;
	color: #111;
	margin-bottom: 14px;
}

.single-product-detail-card p {
	font-size: 14px;
	line-height: 1.9;
	color: #666;
}

/* sub category page */

.subcategory-main {
	padding: 70px 0;
	background: #f8f8f8;
}

.subcategory-top {
	margin-bottom: 34px;
}

.subcategory-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 8px 16px;

	border-radius: 50px;

	background: rgba(251, 170, 25, 0.12);

	color: var(--yellow-color);

	font-size: 11px;
	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	margin-bottom: 16px;
}

.subcategory-top h1 {
	font-size: 40px;
	line-height: 1.1;

	color: #111;

	font-weight: 800;
}

.subcategory-layout {
	max-width: 100%;
}

.subcategory-sidebar {
	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 22px;

	align-items: start;
}

.subcategory-menu {
	background: #fff;

	border-radius: 24px;

	border: 1px solid #ececec;

	overflow: hidden;

	transition: all 0.35s ease;

	height: fit-content;
}

.subcategory-menu:hover {
	border-color: rgba(251, 170, 25, 0.35);

	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.05);
}

.subcategory-menu.active {
	border-color: rgba(251, 170, 25, 0.35);

	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.05);
}

/* TOP */

.subcategory-menu-top {
	padding: 20px 22px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 16px;

	cursor: pointer;
}

.subcategory-menu-top h3 {
	font-size: 19px;
	line-height: 1.3;

	color: #111;

	font-weight: 700;

	margin-bottom: 4px;
}

.subcategory-menu-top span {
	font-size: 12px;

	color: #777;
}

/* BUTTON */

.subcategory-view-btn {
	padding: 10px 20px;

	border-radius: 14px;

	background: rgba(251, 170, 25, 0.12);

	display: flex;
	align-items: center;
	justify-content: center;

	text-decoration: none;

	color: var(--yellow-color);

	font-size: 12px;
	font-weight: 700;

	transition: all 0.35s ease;
}

.subcategory-view-btn:hover {
	background: var(--yellow-color);

	color: #111;
}

/* INNER */

.subcategory-inner-list {
	display: flex;
	flex-direction: column;
	gap: 12px;

	padding: 0 16px 16px;

	max-height: 0;
	overflow: hidden;

	opacity: 0;

	transition: all 0.4s ease;
}

/* ACTIVE OPEN */

.subcategory-menu.active .subcategory-inner-list {
	max-height: 500px;
	opacity: 1;
}
.subcategory-inner-list {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition:
		max-height 0.4s ease,
		opacity 0.3s ease;
}

/* FIRST 2 OPEN DEFAULT */

/* .subcategory-menu:nth-child(1) .subcategory-inner-list,
.subcategory-menu:nth-child(2) .subcategory-inner-list{
max-height: 500px;
opacity: 1;
} */

/* ITEM */

.subcategory-inner-item {
	padding: 15px 16px;

	border-radius: 16px;

	border: 1px solid #ececec;

	background: #fafafa;

	text-decoration: none;

	transition: all 0.35s ease;
}

.subcategory-inner-item:hover {
	background: #fff;

	border-color: rgba(251, 170, 25, 0.35);

	transform: translateX(5px);
}

.subcategory-inner-item.active {
	background: rgba(251, 170, 25, 0.08);

	border-color: rgba(251, 170, 25, 0.35);
}

.subcategory-inner-item span {
	display: inline-block;

	font-size: 11px;
	font-weight: 700;

	color: var(--yellow-color);

	margin-bottom: 6px;
}

.subcategory-inner-item h4 {
	font-size: 15px;
	line-height: 1.45;

	color: #111;

	font-weight: 700;
}

.subcategory-menu-top {
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.subcategory-menu-left {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1;
}

.subcategory-toggle-btn {
	width: 46px;
	height: 46px;
	min-width: 46px;
	border-radius: 14px;
	border: 1px solid #ececec;
	background: #f8f8f8;
	cursor: pointer;

	display: flex;
	align-items: center;
	justify-content: center;

	transition: all 0.35s ease;
}

.subcategory-toggle-btn i {
	font-size: 14px;
	color: #111;
	transition: all 0.35s ease;
}

.subcategory-toggle-btn:hover {
	background: var(--yellow-color);
	border-color: var(--yellow-color);
}

.subcategory-menu.active .subcategory-toggle-btn {
	background: var(--yellow-color);
	border-color: var(--yellow-color);
}

.subcategory-menu.active .subcategory-toggle-btn i {
	transform: rotate(180deg);
}

.subcategory-top-wrapper {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 50px;
	align-items: center;
	margin-bottom: 55px;
}

.subcategory-top-left {
	position: relative;
}

.subcategory-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 10px 18px;

	border-radius: 50px;

	background: rgba(251, 170, 25, 0.12);

	color: var(--yellow-color);

	font-size: 11px;
	font-weight: 700;

	text-transform: uppercase;
	letter-spacing: 0.8px;

	margin-bottom: 22px;
}

.subcategory-top-left h1 {
	font-size: 52px;
	line-height: 1.05;

	color: #111;

	font-weight: 800;

	margin-bottom: 22px;
}

.subcategory-main-desc {
	font-size: 15px;
	line-height: 1.9;

	color: #666;

	max-width: 90%;

	margin-bottom: 34px;
}

.subcategory-top-info {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.subcategory-info-item {
	background: #fff;

	border-radius: 22px;

	padding: 20px 24px;

	border: 1px solid #ececec;

	min-width: 170px;

	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
}

.subcategory-info-item span {
	display: block;

	font-size: 11px;
	font-weight: 700;

	color: #777;

	text-transform: uppercase;
	letter-spacing: 0.6px;

	margin-bottom: 10px;
}

.subcategory-info-item h4 {
	font-size: 18px;
	line-height: 1.4;

	color: #111;

	font-weight: 700;
}

.subcategory-top-right {
	position: relative;
}

.subcategory-main-image {
	position: relative;

	height: 520px;

	border-radius: 34px;

	overflow: hidden;

	border: 1px solid #ececec;

	box-shadow: 0 20px 55px rgba(0, 0, 0, 0.08);
}

.subcategory-main-image img {
	width: 100%;
	height: 100%;

	object-fit: cover;

	display: block;
}

.subcategory-image-overlay {
	position: absolute;

	left: 0;
	bottom: 0;

	width: 100%;

	padding: 34px;

	background: linear-gradient(to top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}

.subcategory-image-overlay span {
	display: inline-block;

	font-size: 11px;
	font-weight: 700;

	color: var(--yellow-color);

	text-transform: uppercase;
	letter-spacing: 0.8px;

	margin-bottom: 10px;
}

.subcategory-image-overlay h3 {
	font-size: 28px;
	line-height: 1.3;

	color: #fff;

	font-weight: 700;

	max-width: 320px;
}

/* stock clearance page */

.stock-clearance-hero {
	padding: 80px 0;
	background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
	overflow: hidden;
}

.stock-clearance-hero-wrapper {
	display: grid;
	grid-template-columns: 1fr 580px;
	gap: 70px;
	align-items: center;
}

.stock-clearance-tag {
	display: inline-block;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.stock-clearance-hero-content h1 {
	font-size: 52px;
	line-height: 1.1;
	font-weight: 800;
	color: #111;
	margin-bottom: 24px;
}

.stock-clearance-hero-content p {
	font-size: 16px;
	line-height: 2;
	color: #666;
	margin-bottom: 34px;
	max-width: 700px;
}

.stock-clearance-features {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 36px;
}

.stock-clearance-feature-item {
	display: flex;
	align-items: center;
	gap: 12px;

	background: #fff;
	border: 1px solid #ececec;

	padding: 14px 20px;
	border-radius: 50px;

	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
}

.stock-clearance-feature-item i {
	color: var(--yellow-color);
	font-size: 15px;
}

.stock-clearance-feature-item span {
	font-size: 14px;
	font-weight: 600;
	color: #111;
}

.stock-clearance-buttons {
	display: flex;
	align-items: center;
	gap: 18px;
}

.stock-clearance-btn {
	padding: 16px 30px;
	border-radius: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: 700;
	transition: 0.35s ease;
}

.primary-btn {
	background: var(--yellow-color);
	color: #111;
}

.primary-btn:hover {
	background: #111;
	color: var(--yellow-color);
}

.secondary-btn {
	background: #111;
	color: #fff;
}

.secondary-btn:hover {
	background: var(--yellow-color);
	color: #111;
}

/* =========================================
IMAGE
========================================= */

.stock-clearance-hero-image {
	position: relative;
	height: 600px;
}

.stock-clearance-hero-image img {
	width: 100%;
	object-fit: cover;
	border-radius: 36px;
	border: 1px solid #ececec;
	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.08);
}

.stock-floating-card {
	position: absolute;
	left: -40px;
	bottom: 40px;
	background: #fff;
	border-radius: 28px;
	padding: 28px 32px;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
	border: 1px solid #ececec;
}

.stock-floating-card span {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--yellow-color);
}

.stock-floating-card h3 {
	font-size: 38px;
	line-height: 1;
	font-weight: 800;
	color: #111;
	margin-bottom: 10px;
}

.stock-floating-card p {
	font-size: 14px;
	color: #666;
}

/* =========================================
CLEARANCE PRODUCTS SECTION
========================================= */

.clearance-products-section {
	padding: 80px 0;
	background: var(--background);
}

/* =========================================
HEADING
========================================= */

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

.clearance-products-heading span {
	display: inline-block;
	padding: 8px 16px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);

	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;

	margin-bottom: 16px;
}

.clearance-products-heading h2 {
	font-size: 40px;
	font-weight: 800;
	color: #111;
	margin-bottom: 14px;
	line-height: 1.2;
}

.clearance-products-heading p {
	max-width: 720px;
	margin: auto;

	font-size: 14px;
	line-height: 1.9;
	color: #666;
}

/* =========================================
GRID
========================================= */

.clearance-products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

/* =========================================
CARD
========================================= */

.clearance-product-card {
	background: #fff;
	border-radius: 24px;
	overflow: hidden;
	border: 1px solid #ececec;

	transition: 0.35s ease;

	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
}

.clearance-product-card:hover {
	transform: translateY(-6px);
}

/* =========================================
IMAGE
========================================= */

.clearance-product-image {
	position: relative;
	height: 250px;
	overflow: hidden;
}

.clearance-product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;

	transition: 0.5s ease;
}

.clearance-product-card:hover img {
	transform: scale(1.05);
}

/* =========================================
DISCOUNT BADGE
========================================= */

.clearance-discount-badge {
	position: absolute;
	top: 16px;
	left: 16px;

	background: var(--yellow-color);
	color: #111;

	padding: 8px 14px;
	border-radius: 50px;

	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1px;
}

/* =========================================
CONTENT
========================================= */

.clearance-product-content {
	padding: 24px;
}

.clearance-product-category {
	display: inline-block;

	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;

	color: var(--yellow-color);

	margin-bottom: 12px;
}

.clearance-product-content h3 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 800;
	color: #111;

	margin-bottom: 14px;
}

.clearance-product-content p {
	font-size: 13px;
	line-height: 1.8;
	color: #666;

	margin-bottom: 20px;
}

/* =========================================
PRICE
========================================= */

.clearance-product-price {
	display: flex;
	align-items: center;
	gap: 12px;

	margin-bottom: 20px;
}

.clearance-product-price h4 {
	font-size: 24px;
	font-weight: 800;
	color: #111;
}

.clearance-product-price span {
	font-size: 14px;
	color: #999;
	text-decoration: line-through;
}

/* =========================================
BUTTON
========================================= */

.clearance-product-btn {
	width: 100%;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 14px;

	border-radius: 14px;

	background: #111;
	color: #fff;

	text-decoration: none;

	font-size: 14px;
	font-weight: 700;

	transition: 0.35s ease;
}

.clearance-product-btn:hover {
	background: var(--yellow-color);
	color: #111;
}

/* =========================================
CLEARANCE BENEFITS SECTION
========================================= */

.clearance-benefits-section {
	padding: 85px 0;
	background: #f8f8f8;
}

/* =========================================
HEADING
========================================= */

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

.clearance-benefits-heading span {
	display: inline-block;
	padding: 8px 16px;
	border-radius: 50px;

	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);

	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;

	margin-bottom: 16px;
}

.clearance-benefits-heading h2 {
	font-size: 40px;
	font-weight: 800;
	color: #111;
	margin-bottom: 14px;
}

.clearance-benefits-heading p {
	max-width: 720px;
	margin: auto;

	font-size: 14px;
	line-height: 1.9;
	color: #666;
}

/* =========================================
GRID
========================================= */

.clearance-benefits-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

/* =========================================
CARD
========================================= */

.clearance-benefit-card {
	background: #fff;
	border-radius: 24px;
	padding: 34px 28px;

	border: 1px solid #ececec;

	transition: 0.35s ease;

	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
}

.clearance-benefit-card:hover {
	transform: translateY(-6px);
}

/* =========================================
ICON
========================================= */

.clearance-benefit-icon {
	width: 70px;
	height: 70px;

	border-radius: 20px;

	background: rgba(251, 170, 25, 0.12);

	display: flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 24px;
}

.clearance-benefit-icon i {
	font-size: 28px;
	color: var(--yellow-color);
}

/* =========================================
CONTENT
========================================= */

.clearance-benefit-card h3 {
	font-size: 24px;
	font-weight: 800;
	color: #111;

	margin-bottom: 14px;
}

.clearance-benefit-card p {
	font-size: 13px;
	line-height: 1.9;
	color: #666;
}

/* =========================================
STOCK CLEARANCE CTA SECTION
========================================= */

.stock-clearance-cta-section {
	padding: 80px 0;
	background: #fff;
}

.stock-clearance-cta-wrapper {
	background: #1a1a1a;
	border-radius: 36px;
	padding: 70px;
	display: grid;
	grid-template-columns: 1.4fr 420px;
	gap: 50px;
	align-items: center;
	overflow: hidden;
	position: relative;
}

.stock-clearance-cta-content span {
	display: inline-block;

	padding: 8px 16px;
	border-radius: 50px;

	background: rgba(255, 255, 255, 0.08);
	color: var(--yellow-color);

	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;

	margin-bottom: 20px;
}

.stock-clearance-cta-content h2 {
	font-size: 44px;
	line-height: 1.2;
	font-weight: 800;

	color: #fff;

	margin-bottom: 20px;
}

.stock-clearance-cta-content p {
	font-size: 14px;
	line-height: 1.9;

	color: rgba(255, 255, 255, 0.7);

	max-width: 720px;

	margin-bottom: 30px;
}

.stock-clearance-cta-features {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.stock-clearance-cta-item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.stock-clearance-cta-item i {
	color: var(--yellow-color);
	font-size: 18px;
}

.stock-clearance-cta-item p {
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

/* =========================================
RIGHT BOX
========================================= */

.stock-clearance-cta-box {
	background: #fff;

	border-radius: 28px;

	padding: 40px 34px;

	text-align: center;
}

.stock-clearance-cta-box h3 {
	font-size: 30px;
	font-weight: 800;
	color: #111;

	margin-bottom: 16px;
}

.stock-clearance-cta-box p {
	font-size: 14px;
	line-height: 1.8;
	color: #666;

	margin-bottom: 30px;
}

/* =========================================
BUTTON
========================================= */

.stock-clearance-contact-btn {
	width: 100%;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 16px;

	border-radius: 16px;

	background: var(--yellow-color);
	color: #111;

	text-decoration: none;

	font-size: 15px;
	font-weight: 700;

	transition: 0.35s ease;
}

.stock-clearance-contact-btn:hover {
	background: #111;
	color: var(--yellow-color);
}

/* =========================================
STOCK CLEARANCE FAQ SECTION
========================================= */

.stock-clearance-faq-section {
	padding: 85px 0;
	background: #f8f8f8;
}

/* =========================================
HEADING
========================================= */

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

.stock-clearance-faq-heading span {
	display: inline-block;

	padding: 8px 16px;
	border-radius: 50px;

	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);

	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;

	margin-bottom: 16px;
}

.stock-clearance-faq-heading h2 {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 800;

	color: #111;

	margin-bottom: 14px;
}

.stock-clearance-faq-heading p {
	max-width: 720px;
	margin: auto;

	font-size: 14px;
	line-height: 1.9;
	color: #666;
}

/* =========================================
FAQ WRAPPER
========================================= */

.stock-clearance-faq-wrapper {
	max-width: 950px;
	margin: auto;
}

/* =========================================
FAQ ITEM
========================================= */

.stock-clearance-faq-item {
	background: #fff;

	border-radius: 22px;

	border: 1px solid #ececec;

	margin-bottom: 18px;

	overflow: hidden;

	transition: 0.35s ease;
}

.stock-clearance-faq-item.active {
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
}

/* =========================================
QUESTION
========================================= */

.stock-clearance-faq-question {
	padding: 24px 28px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	cursor: pointer;
}

.stock-clearance-faq-question h3 {
	font-size: 20px;
	font-weight: 700;
	color: #111;
}

.stock-clearance-faq-question i {
	font-size: 16px;
	color: var(--yellow-color);

	transition: 0.3s ease;
}

.stock-clearance-faq-item.active i {
	transform: rotate(45deg);
}

/* =========================================
ANSWER
========================================= */

.stock-clearance-faq-answer {
	display: none;

	padding: 0 28px 24px;
}

.stock-clearance-faq-item.active .stock-clearance-faq-answer {
	display: block;
}

.stock-clearance-faq-answer p {
	font-size: 14px;
	line-height: 1.9;
	color: #666;
}

/* contact page */

.contact-hero-main {
	padding: 110px 0 90px;
	background: linear-gradient(135deg, #111111 0%, #1a1a1a 50%, #222222 100%);
	position: relative;
	overflow: hidden;
}

.contact-hero-content {
	max-width: 850px;
	position: relative;
	z-index: 2;
}

.contact-hero-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 22px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.14);
	border: 1px solid rgba(251, 170, 25, 0.18);
	color: var(--yellow-color);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.contact-hero-content h1 {
	font-size: 62px;
	line-height: 1.15;
	font-weight: 800;
	color: #fff;
	margin-bottom: 24px;
	max-width: 760px;
}

.contact-hero-content p {
	font-size: 17px;
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.75);
	max-width: 760px;
}

.contact-details-main {
	padding: 90px 0;
	background: #f8f8f8;
}

.contact-details-wrapper {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 50px;
	align-items: start;
}

/* =========================
LEFT
========================= */

.contact-details-left {
	background: #111;
	border-radius: 30px;
	padding: 45px;
	position: sticky;
	top: 30px;
}

.contact-small-tag {
	display: inline-flex;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.contact-details-left h2 {
	font-size: 38px;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 18px;
	font-weight: 800;
}

.contact-details-desc {
	font-size: 15px;
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.72);
	margin-bottom: 35px;
}

/* INFO ITEMS */

.contact-info-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.contact-info-item {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	padding: 22px;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.06);
}

.contact-info-icon {
	width: 56px;
	height: 56px;
	min-width: 56px;
	border-radius: 16px;
	background: rgba(251, 170, 25, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-info-icon i {
	color: var(--yellow-color);
	font-size: 20px;
}

.contact-info-content span {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 7px;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}

.contact-info-content a,
.contact-info-content p {
	font-size: 15px;
	line-height: 1.7;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

/* =========================
RIGHT
========================= */

.contact-form-box {
	background: #fff;
	border-radius: 30px;
	padding: 45px;
	border: 1px solid #ececec;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.05);
}

.contact-form-box h3 {
	font-size: 34px;
	font-weight: 800;
	color: #111;
	margin-bottom: 12px;
}

.contact-form-box p {
	font-size: 15px;
	line-height: 1.8;
	color: #666;
	margin-bottom: 35px;
}

/* FORM */

.contact-form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* gap: 18px; */
}

.contact-input-group {
	margin-bottom: 20px;
}

.contact-input-group label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #111;
	margin-bottom: 10px;
}

.contact-input-group input,
.contact-input-group textarea,
.contact-input-group select{
	width: 100%;
	border: 1px solid #e4e4e4;
	background: #fafafa;
	border-radius: 16px;
	padding: 16px 18px;
	font-size: 14px;
	outline: none;
	transition: all 0.3s ease;
}

.contact-input-group textarea {
	min-height: 170px;
	resize: none;
}

.contact-input-group input:focus,
.contact-input-group textarea:focus,
.contact-input-group select:focus{
	border-color: var(--yellow-color);
	background: #fff;
}

.contact-submit-btn {
	border: none;
	background: var(--yellow-color);
	color: #111;
	padding: 16px 34px;
	border-radius: 14px;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.35s ease;
}

.contact-submit-btn:hover {
	background: #111;
	color: var(--yellow-color);
}

/* =========================
WHY CHOOSE US SECTION
========================= */

.contact-why-main {
	padding: 90px 0;
	background: #fff;
}

/* HEADING */

.contact-section-heading {
	text-align: center;
	max-width: 820px;
	margin: 0 auto 60px;
}

.contact-section-heading span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.contact-section-heading h2 {
	font-size: 48px;
	line-height: 1.2;
	font-weight: 800;
	color: #111;
	margin-bottom: 18px;
}

.contact-section-heading p {
	font-size: 16px;
	line-height: 1.9;
	color: #666;
}

/* GRID */

.contact-why-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

/* ITEM */

.contact-why-item {
	background: #f8f8f8;
	border: 1px solid #ececec;
	border-radius: 28px;
	padding: 40px 30px;
	transition: all 0.35s ease;
	position: relative;
	overflow: hidden;
}

.contact-why-item:hover {
	transform: translateY(-8px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
	border-color: rgba(251, 170, 25, 0.3);
}

/* ICON */

.contact-why-icon {
	width: 72px;
	height: 72px;
	border-radius: 22px;
	background: rgba(251, 170, 25, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	position: relative;
	z-index: 2;
}

.contact-why-icon i {
	font-size: 28px;
	color: var(--yellow-color);
}

/* TEXT */

.contact-why-item h3 {
	font-size: 24px;
	line-height: 1.3;
	color: #111;
	font-weight: 800;
	margin-bottom: 14px;
	position: relative;
	z-index: 2;
}

.contact-why-item p {
	font-size: 15px;
	line-height: 1.9;
	color: #666;
	position: relative;
	z-index: 2;
}

/* =========================
CONTACT MAP SECTION
========================= */

.contact-map-main {
	padding: 90px 0;
	background: #f8f8f8;
}

/* TOP */

.contact-map-top {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 50px;
	align-items: flex-end;
}

/* HEADING */

.contact-map-heading {
	max-width: 700px;
}

.contact-map-heading span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.contact-map-heading h2 {
	font-size: 48px;
	line-height: 1.2;
	font-weight: 800;
	color: #111;
	margin-bottom: 18px;
}

.contact-map-heading p {
	font-size: 16px;
	line-height: 1.9;
	color: #666;
}

/* INFO */

.contact-map-info {
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 340px;
}

.contact-map-info-item {
	display: flex;
	gap: 18px;
	background: #fff;
	padding: 22px;
	border-radius: 22px;
	border: 1px solid #ececec;
}

.contact-map-info-item i {
	width: 58px;
	height: 58px;
	border-radius: 18px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	flex-shrink: 0;
}

.contact-map-info-item h4 {
	font-size: 18px;
	font-weight: 700;
	color: #111;
	margin-bottom: 8px;
}

.contact-map-info-item p {
	font-size: 14px;
	line-height: 1.8;
	color: #666;
}

/* MAP */

.contact-map-wrapper {
	width: 100%;
	height: 600px;
	border-radius: 34px;
	overflow: hidden;
	border: 1px solid #ececec;
	box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);
	background: #fff;
}

.contact-map-wrapper iframe {
	width: 100%;
	height: 100%;
	display: block;
}

/* insights detail */

.insight-details-main {
	padding: 80px 0;
	background: #f8f8f8;
}

.insight-details-wrapper {
	display: grid;
	grid-template-columns: 1.35fr 0.65fr;
	gap: 35px;
	align-items: start;
}

.insight-details-left {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.insight-details-image {
	width: 100%;
	height: 450px;
	border-radius: 20px;
}
.insight-details-image img {
	border-radius: 20px;
}

/* CONTENT BOX */

.insight-content-box {
	background: #fff;
	border-radius: 20px;
	padding: 42px;
	border: 1px solid #ececec;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
}

.insight-category {
	display: inline-flex;
	padding: 9px 16px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.insight-content-box h1 {
	font-size: 38px;
	line-height: 1.3;
	color: #111;
	font-weight: 800;
	margin-bottom: 24px;
}

.insight-editor-content {
	width: 100%;
}

.insight-editor-content h2 {
	font-size: 30px;
	line-height: 1.35;
	color: #111;
	margin-top: 34px;
	margin-bottom: 14px;
	font-weight: 800;
}

.insight-editor-content h3 {
	font-size: 24px;
	line-height: 1.4;
	color: #111;
	margin-top: 28px;
	margin-bottom: 14px;
	font-weight: 700;
}

.insight-editor-content h4 {
	font-size: 20px;
	line-height: 1.5;
	color: #111;
	margin-top: 24px;
	margin-bottom: 12px;
	font-weight: 700;
}

.insight-editor-content p {
	font-size: 15px;
	line-height: 1.9;
	color: #666;
	margin-bottom: 18px;
}

.insight-editor-content a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 22px;
	border-radius: 12px;
	background: var(--yellow-color);
	color: #111;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	margin: 16px 0;
	transition: 0.35s ease;
}

.insight-editor-content a:hover {
	background: #111;
	color: var(--yellow-color);
}

.insight-details-sidebar {
	position: sticky;
	top: 100px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.insight-sidebar-box {
	background: #fff;
	border-radius: 20px;
	padding: 28px;
	border: 1px solid #ececec;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
}

.insight-sidebar-box h3 {
	font-size: 21px;
	color: #111;
	font-weight: 800;
	margin-bottom: 22px;
}

/* SEARCH */

.insight-search-form {
	position: relative;
}

.insight-search-form input {
	width: 100%;
	height: 58px;
	border-radius: 14px;
	border: 1px solid #ececec;
	padding: 0 60px 0 18px;
	font-size: 14px;
	outline: none;
}

.insight-search-form button {
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	border-radius: 10px;
	border: none;
	background: var(--yellow-color);
	color: #111;
	cursor: pointer;
}

/* POPULAR POSTS */

.popular-posts-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.popular-post-item {
	display: flex;
	gap: 14px;
	text-decoration: none;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 18px;
}

.popular-post-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.popular-post-image {
	width: 95px;
	height: 90px;
	border-radius: 16px;
	overflow: hidden;
	flex-shrink: 0;
}

.popular-post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.popular-post-content h4 {
	font-size: 16px;
	line-height: 1.5;
	color: #111;
	font-weight: 700;
}

/* CONTACT */

.insight-contact-box {
	background: #111;
	border-radius: 26px;
	padding: 34px;
	position: relative;
	overflow: hidden;
}

.insight-contact-box::before {
	content: "";
	position: absolute;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: rgba(251, 170, 25, 0.08);
	right: -50px;
	top: -50px;
}

.insight-contact-box span {
	display: inline-block;
	font-size: 11px;
	color: var(--yellow-color);
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 14px;
	position: relative;
	z-index: 2;
}

.insight-contact-box h3 {
	font-size: 28px;
	line-height: 1.3;
	color: #fff;
	margin-bottom: 16px;
	position: relative;
	z-index: 2;
}

.insight-contact-box p {
	font-size: 14px;
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.72);
	margin-bottom: 24px;
	position: relative;
	z-index: 2;
}

.insight-contact-box a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 22px;
	border-radius: 12px;
	background: var(--yellow-color);
	color: #111;
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	position: relative;
	z-index: 2;
	transition: 0.35s ease;
}

.insight-contact-box a:hover {
	background: #fff;
	color: #111;
}

.popular-post-bottom {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
}

.popular-post-bottom span {
	font-size: 14px;
	font-weight: 700;
	color: var(--yellow-color);
	transition: 0.3s ease;
}

.popular-post-bottom i {
	font-size: 12px;
	color: var(--yellow-color);
	transition: 0.3s ease;
}

.popular-post-item:hover .popular-post-bottom i {
	transform: translateX(4px);
}
.insight-editor-content ul {
	padding-left: 22px;
	margin-bottom: 24px;
}

.insight-editor-content ul li {
	list-style-type: disc;
	font-size: 15px;
	line-height: 1.9;
	color: #555;
	margin-bottom: 10px;
}

.about-hero-main {
	padding: 100px 0;
	background: #f8f8f8;
	overflow: hidden;
}

.about-hero-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 70px;
	align-items: center;
}

.about-hero-tag {
	display: inline-flex;
	padding: 10px 18px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 22px;
}

.about-hero-left h1 {
	font-size: 52px;
	line-height: 1.2;
	color: #111;
	font-weight: 800;
	margin-bottom: 24px;
}

.about-hero-left p {
	font-size: 16px;
	line-height: 1.9;
	color: #666;
	margin-bottom: 34px;
}

.about-hero-buttons {
	display: flex;
	align-items: center;
	gap: 16px;
}

.about-primary-btn,
.about-secondary-btn {
	padding: 15px 26px;
	border-radius: 14px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 700;
	transition: 0.35s ease;
}

.about-primary-btn {
	background: var(--yellow-color);
	color: #111;
}

.about-primary-btn:hover {
	background: #111;
	color: var(--yellow-color);
}

.about-secondary-btn {
	background: #111;
	color: var(--yellow-color);
}

.about-secondary-btn:hover {
	background: var(--yellow-color);
	color: #111;
}

.about-hero-image {
	height: 630px;
	border-radius: 34px;
	overflow: hidden;
	border: 1px solid #ececec;
	background: #fff;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.06);
}

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

.about-stats-main {
	padding: 90px 0;
	background: #1a1a1a;
	overflow: hidden;
}

/* TOP */

.about-stats-top {
	max-width: 760px;
	margin: 0 auto 50px;
	text-align: center;
}

.about-stats-top span {
	display: inline-flex;
	padding: 9px 16px;
	border-radius: 50px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.about-stats-top h2 {
	font-size: 38px;
	line-height: 1.3;
	color: #fff;
	font-weight: 800;
	margin-bottom: 18px;
}

.about-stats-top p {
	font-size: 15px;
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.68);
}

/* GRID */

.about-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
}

/* ITEM */

.about-stats-item {
	padding: 36px 24px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	text-align: center;
	transition: 0.35s ease;
}

.about-stats-item:hover {
	transform: translateY(-6px);
	border-color: rgba(251, 170, 25, 0.3);
}

.about-stats-icon {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: rgba(251, 170, 25, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 22px;
}

.about-stats-icon i {
	font-size: 24px;
	color: var(--yellow-color);
}

.about-stats-item h3 {
	font-size: 40px;
	line-height: 1;
	color: #fff;
	font-weight: 800;
	margin-bottom: 12px;
	position: relative;
}
.about-stats-item h3::before {
	position: absolute;
	content: "+";
	font-size: 42px;
	line-height: 32px;
	color: var(---white-color);
	font-weight: 700;
	right: -30px;
	top: 10px;
}

.about-stats-item p {
	font-size: 14px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.72);
}

.about-why-main {
	padding: 80px 0;
	background: #f8f8f8;
}

.about-section-heading {
	text-align: center;
	max-width: 760px;
	margin: 0 auto 60px;
}

.about-section-heading span {
	display: inline-block;
	padding: 8px 18px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	border-radius: 50px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.about-section-heading h2 {
	font-size: 52px;
	line-height: 1.3;
	font-weight: 800;
	color: #1a1a1a;
	margin-bottom: 16px;
}

.about-section-heading p {
	font-size: 16px;
	line-height: 1.9;
	color: #666;
}

.about-why-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
	padding-top: 40px;
}

.about-why-image {
	height: 620px;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.about-why-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.about-why-right {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.about-why-item {
	display: flex;
	gap: 18px;
	padding: 24px;
	border-radius: 24px;
	background: #fff;
	border: 1px solid #ececec;
	transition: all 0.35s ease;
}

.about-why-item:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.about-why-icon {
	min-width: 62px;
	width: 62px;
	height: 62px;
	border-radius: 18px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

.about-why-content h3 {
	font-size: 20px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 10px;
}

.about-why-content p {
	font-size: 14px;
	line-height: 1.8;
	color: #666;
}

.about-process-main {
	padding: 80px 0;
	background: #fff;
}

.about-process-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-top: 20px;
}

.about-process-item {
	position: relative;
	padding: 34px 26px;
	border-radius: 28px;
	background: #f8f8f8;
	border: 1px solid #ececec;
	transition: all 0.35s ease;
	overflow: hidden;
}

.about-process-item:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.06);
}

.about-process-number {
	position: absolute;
	top: 18px;
	right: 20px;
	font-size: 48px;
	font-weight: 800;
	color: rgba(0, 0, 0, 0.05);
	line-height: 1;
}

.about-process-icon {
	width: 70px;
	height: 70px;
	border-radius: 22px;
	background: rgba(251, 170, 25, 0.12);
	color: var(--yellow-color);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	margin-bottom: 24px;
}

.about-process-item h3 {
	font-size: 20px;
	line-height: 1.5;
	color: #1a1a1a;
	font-weight: 700;
	margin-bottom: 14px;
}

.about-process-item p {
	font-size: 14px;
	line-height: 1.9;
	color: #666;
}

/* new changes */
.machine-category-slider {
	position: relative;
}
.machine-category-slider .owl-stage {
	display: flex;
	padding-top:20px;
	padding-bottom:20px;
}
.industries-we-served-btn-flex {
	/* position: absolute; */
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	gap: 20px;
	width: 100%;
	z-index: 10;
	margin-top: 60px;
}

.industries-we-served-btn-flex button {
	height: 40px;
	width: 40px;
	background: var(--yellow-color) !important;
	opacity: 1;
	border-radius: 30px;
	border: unset;
}

.industries-we-served-btn-flex button:hover {
	background: transparent !important;
	border: 1px solid var(--yellow-color);
}

.industries-we-served-btn-flex img {
	width: 16px !important;
	height: 16px !important;
	filter: invert(1);
}
.industries-we-served-btn-flex button:hover img {
	filter: unset;
}

.category-page .container-main {
	padding: 0 120px;
	margin: 0 auto;
}


/* .single-product-details-description {
padding: 40px;
background: #fff;
border-radius: 24px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
} */

.single-product-details-description p {
	margin: 0 0 20px;
	color: #5f6368;
	font-size: 16px;
	line-height: 1.8;
}

.single-product-details-description h3 {
	position: relative;
	margin: 45px 0 25px;
	padding-bottom: 12px;
	font-size: 28px;
	font-weight: 700;
	color: #111;
}

/* .single-product-details-description h3::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 70px;
height: 4px;
background: var(--yellow-color);
border-radius: 10px;
}
*/
.single-product-details-description h4 {
	margin: 25px 0 10px;
	font-size: 20px;
	font-weight: 600;
	color: #222;
}

.single-product-details-description ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.single-product-details-description ul li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 16px;
	color: #5f6368;
	line-height: 1.7;
}

.single-product-details-description ul li::before {
	content: "\f058";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: var(--yellow-color);
	position: absolute;
	left: 0;
	top: 4px;
	font-size: 16px;
}

.single-product-details-description ul li strong {
	color: #111;
}

.single-product-details-description table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 20px;
	overflow: hidden;
	border: 1px solid #ececec;
	border-radius: 18px;
}

.single-product-details-description table tr:not(:last-child) th,
.single-product-details-description table tr:not(:last-child) td {
	border-bottom: 1px solid #ececec;
}

.single-product-details-description table th,
.single-product-details-description table td {
	padding: 22px 25px;
	text-align: left;
	vertical-align: top;
}

.single-product-details-description table th {
	width: 28%;
	background: #fff8ea;
	color: #111;
	font-size: 15px;
	font-weight: 700;
}

.single-product-details-description table td {
	color: #5f6368;
	line-height: 1.7;
}

.single-product-details-description br {
	display: none;
}



/* ==========================================
CART PAGE
========================================== */

.gh-cart-main{
	padding:80px 0;
	/* 	background:#f8f8f8; */
}
.gh-cart-main .container-main{
	padding:unset;
}


.gh-cart-header{
	margin-bottom:40px;
}

.gh-cart-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:8px 16px;
	border-radius:50px;
	background:rgba(251,170,25,.12);
	color:var(--yellow-color);
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.5px;
	margin-bottom:15px;
}

.gh-cart-header h1{
	font-size:42px;
	line-height:1.1;
	color:#111;
	font-weight:800;
	margin-bottom:12px;
}

.gh-cart-header p{
	max-width:650px;
	font-size:15px;
	line-height:1.8;
	color:#666;
}


.gh-cart-layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 360px;
	gap:30px;
	align-items:start;
}



.gh-cart-left{
	display:flex;
	flex-direction:column;
	gap:24px;
}


.gh-cart-table-head{
	display:grid;
	grid-template-columns:2.5fr .8fr .9fr .9fr .8fr;
	gap:20px;
	padding:0 20px;
}

.gh-cart-table-head h5{
	font-size:13px;
	color:#888;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.5px;
}



.gh-cart-card{
	background:#fff;
	border-radius:26px;
	border:1px solid #ececec;
	overflow:hidden;
	transition:.35s ease;
}

.gh-cart-card:hover{
	transform:translateY(-4px);
	box-shadow:0 20px 50px rgba(0,0,0,.05);
}



.gh-cart-row{
	display:grid;
	grid-template-columns:2.5fr .4fr .9fr  .8fr;
	gap:20px;
	align-items:center;
	padding:24px;
}



.gh-product-col{
	display:flex;
	align-items:center;
	gap:16px;
}

.gh-product-image{
	width:90px;
	height:90px;
	border-radius:18px;
	overflow:hidden;
	flex-shrink:0;
	border:1px solid #ececec;
}

.gh-product-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.gh-product-content{
	flex:1;
}

.gh-product-title{
	display:block;
	font-size:18px;
	font-weight:700;
	color:#111;
	text-decoration:none;
	margin-bottom:6px;
	transition:.3s;
}

.gh-product-title:hover{
	color:var(--yellow-color);
}

.gh-product-content p{
	font-size:13px;
	color:#777;
	margin-bottom:8px;
}

.gh-product-content span{
	display:inline-block;
	padding:6px 12px;
	border-radius:50px;
	background:#f6f6f6;
	font-size:11px;
	font-weight:700;
	color:#555;
}



.gh-remove-btn{
	width:38px;
	height:38px;
	border:none;
	border-radius:12px;
	background:#f3f3f3;
	color:#777;
	cursor:pointer;
	flex-shrink:0;
	transition:.3s;
	display:flex;
	justify-content:center;
	align-items:center;
}

.gh-remove-btn:hover{
	background:#111;
	color:#fff;
}

.gh-remove-btn.small{
	width:32px;
	height:32px;
	display: flex;
	justify-content: center;
	align-items: center;
}



.gh-price{
	font-size:16px;
	font-weight:600;
	color:#666;
}

.gh-subtotal{
	font-size:18px;
	font-weight:800;
	color:#111;
}



.gh-qty-box{
	display:flex;
	align-items:center;
	border:1px solid #e6e6e6;
	border-radius:14px;
	overflow:hidden;
	width:130px;
	background:#fff;
}

.gh-qty-box button{
	width:40px;
	height:42px;
	border:none;
	background:#f7f7f7;
	cursor:pointer;
	font-size:18px;
	font-weight:700;
	transition:.3s;
}

.gh-qty-box button:hover{
	background:var(--yellow-color);
	color:#111;
}

.gh-qty-box input{
	width:50px;
	height:42px;
	border:none;
	text-align:center;
	font-size:14px;
	font-weight:600;
	outline:none;
	background:#fff;
}

.gh-qty-box input::-webkit-inner-spin-button,
.gh-qty-box input::-webkit-outer-spin-button{
	display:none;
}



.gh-toggle-parts{
	height:48px;
	padding:0 18px;
	border:none;
	border-radius:14px;
	background:#1a1a1a;
	color:#fff;
	font-size:13px;
	font-weight:600;
	cursor:pointer;
	display:flex;
	align-items:center;
	gap:10px;
	transition:.3s;
	justify-content:center;
}

.gh-toggle-parts:hover{
	background:var(--yellow-color);
	color:#111;
}



.gh-parts-wrapper{
	display:none;
	border-top:1px solid #ececec;
	background:#fafafa;
	padding:24px;
}

.gh-parts-wrapper.active{
	display:block;
}

.gh-parts-header{
	margin-bottom:20px;
}

.gh-parts-header h5{
	font-size:18px;
	color:#111;
	font-weight:700;
}

.gh-part-row{
	display:grid;
	grid-template-columns:2.5fr .8fr .8fr .1fr;
	gap:20px;
	align-items:center;
	padding:16px;
	border-radius:18px;
	background:#fff;
	border:1px solid #ececec;
	margin-bottom:14px;
}

.gh-part-info{
	display:flex;
	align-items:center;
	gap:14px;
}

.gh-part-image{
	width:70px;
	height:70px;
	border-radius:14px;
	overflow:hidden;
	flex-shrink:0;
}

.gh-part-image img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.gh-part-title{
	display:block;
	font-size:15px;
	font-weight:700;
	color:#111;
	text-decoration:none;
	margin-bottom:4px;
}

.gh-part-title:hover{
	color:var(--yellow-color);
}

.gh-part-info p{
	font-size:12px;
	color:#777;
}

.gh-part-price{
	font-size:15px;
	color:#666;
	font-weight:600;
}

.gh-part-subtotal{
	font-size:16px;
	color:#111;
	font-weight:800;
}


.gh-cart-summary{
	background:#fff;
	border-radius:26px;
	border:1px solid #ececec;
	padding:28px;
	position:sticky;
	top:120px;
}

.gh-cart-summary h3{
	font-size:24px;
	font-weight:800;
	color:#111;
	margin-bottom:24px;
}

.gh-summary-row{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:15px 0;
	border-bottom:1px solid #f1f1f1;
}

.gh-summary-row span{
	color:#666;
	font-size:14px;
}

.gh-summary-row strong{
	color:#111;
	font-size:15px;
	font-weight:700;
}

.gh-summary-row.total{
	margin-top:10px;
	border-bottom:none;
}

.gh-summary-row.total span,
.gh-summary-row.total strong{
	font-size:18px;
	font-weight:800;
}

.gh-checkout-btn{
	width:100%;
	height:58px;
	margin-top:25px;
	border-radius:16px;
	background:var(--yellow-color);
	color:#111;
	text-decoration:none;
	font-size:15px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:.3s;
}

.gh-checkout-btn:hover{
	background:#111;
	color:var(--yellow-color);
}



.gh-image-popup{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.85);
	z-index:9999;
	display:none;
	align-items:center;
	justify-content:center;
	padding:40px;
}

.gh-image-popup.active{
	display:flex;
}

.gh-image-popup img{
	max-width:900px;
	width:100%;
	max-height:85vh;
	object-fit:contain;
}

.gh-popup-close{
	position:absolute;
	top:30px;
	right:30px;
	width:52px;
	height:52px;
	border:none;
	border-radius:50%;
	background:#fff;
	color:#111;
	cursor:pointer;
	font-size:18px;
}

.gh-parts-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:22px;
}

.gh-parts-header h5{
	font-size:22px;
	font-weight:700;
	color:#111;
	margin:0;
}

.gh-parts-columns{
	display:grid;
	grid-template-columns:120px 140px 120px;
	gap:40px;
}

.gh-parts-columns span{
	font-size:12px;
	font-weight:700;
	color:#777;
	text-transform:uppercase;
	letter-spacing:.8px;
	text-align:center;
}



.gh-part-price,
.gh-part-subtotal{
	text-align:center;
}

.gh-part-price p{
	margin:0;
	font-size:17px;
	font-weight:600;
	color:#555;
}

.gh-part-subtotal p{
	margin:0;
	font-size:19px;
	font-weight:700;
	color:#111;
}
.gh-image-popup{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.9);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:99999;
	opacity:0;
	visibility:hidden;
	transition:.35s ease;
	padding:30px;
}

.gh-image-popup.active{
	opacity:1;
	visibility:visible;
}

.gh-image-popup img{
	max-width:900px;
	width:100%;
	max-height:85vh;
	object-fit:contain;
	border-radius:20px;
	background:#fff;
}

.gh-popup-close{
	position:absolute;
	top:25px;
	right:25px;
	width:50px;
	height:50px;
	border:none;
	border-radius:50%;
	background:#fff;
	color:#111;
	font-size:18px;
	cursor:pointer;
}
.gh-coupon-box{
	background:#fff;
	border:1px solid #ececec;
	border-radius:20px;
	padding:20px;
	margin-bottom:24px;
}

.gh-coupon-box h4{
	font-size:18px;
	font-weight:700;
	color:#111;
	margin-bottom:14px;
}

.gh-coupon-form{
	display:flex;
	flex-direction:column;
	gap:12px;
}

.gh-coupon-form input{
	width:100%;
	height:54px;
	border:1px solid #e5e5e5;
	border-radius:14px;
	padding:0 18px;
	font-size:14px;
	outline:none;
	transition:.3s ease;
}

.gh-coupon-form input:focus{
	border-color:var(--yellow-color);
}

.gh-coupon-form button{
	width:100%;
	height:54px;
	border:none;
	border-radius:14px;
	background:#111;
	color:#fff;
	font-size:15px;
	font-weight:700;
	cursor:pointer;
	transition:.3s ease;
}

.gh-coupon-form button:hover{
	background:var(--yellow-color);
	color:#111;
}

/* ==========================================
WISHLIST PAGE
========================================== */

.saveto-wishlist-lists-wrapper{
	background:#fff;
	border:1px solid #ececec;
	border-radius:30px;
	padding:40px;
	box-shadow:0 15px 40px rgba(0,0,0,.05);
}

/* TITLE */

.stwlite-tw-wishlist-title{
	font-size:38px !important;
	line-height:1.2;
	color:#111 !important;
	font-weight:800 !important;
	margin-bottom:12px !important;
}

.stwlite-tw-subtitle{
	margin-bottom:25px !important;
}

/* BUTTONS */

.wishlist-empty-action-btn,
.stwlite-tw-wishlist-item-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:14px 24px;
	border-radius:14px;
	text-decoration:none;
	font-size:14px;
	font-weight:700;
	transition:.35s ease;
}

.wishlist-empty-action-btn{
	background:var(--yellow-color);
	color:#111 !important;
}

.wishlist-empty-action-btn:hover{
	background:#111;
	color:var(--yellow-color) !important;
}

.stwlite-tw-wishlist-item-link{
	background:#111;
	color:var(--yellow-color) !important;
}

.stwlite-tw-wishlist-item-link:hover{
	background:var(--yellow-color);
	color:#111 !important;
}

.stwlite-tw-wishlist-item-links{
	margin-bottom:25px;
}

/* SEARCH */

.stwlite-tw-search-wrapper{
	position:relative;
	max-width:450px;
	margin-bottom:30px;
}

.stwlite-tw-search-input{
	width:100%;
	height:56px !important;
	border:1px solid #ececec !important;
	border-radius:16px !important;
	background:#fff !important;
	padding:0 50px !important;
	font-size:14px;
	box-shadow:none !important;
}

.stwlite-tw-search-input:focus{
	border-color:var(--yellow-color) !important;
}

.stwlite-tw-search-icon{
	width:18px;
	height:18px;
	position:absolute;
	left:18px;
	top:50%;
	transform:translateY(-50%);
	color:#777;
}

.stwlite-tw-clear-button{
	position:absolute;
	right:18px;
	top:50%;
	transform:translateY(-50%);
	background:none;
	border:none;
	font-size:18px;
	cursor:pointer;
}

/* TABLE */

.stwlite-tw-table-container{
	border:1px solid #ececec;
	border-radius:24px;
	overflow:hidden;
}

.stwlite-tw-data-table{
	width:100%;
	border-collapse:collapse;
}

.stwlite-tw-data-table thead{
	background:#111;
}

.stwlite-tw-data-table thead th{
	color:#fff !important;
	padding:18px 16px !important;
	font-size:13px;
	font-weight:700;
	border:none !important;
	text-transform:uppercase;
	letter-spacing:.5px;
}

.stwlite-tw-data-table tbody td{
	padding:18px 16px !important;
	border-bottom:1px solid #f2f2f2 !important;
	font-size:14px;
	color:#111;
	vertical-align:middle;
}

.stwlite-tw-data-table tbody tr{
	transition:.3s ease;
}

.stwlite-tw-data-table tbody tr:hover{
	background:#fafafa;
}

/* CHECKBOX */

.stwlite-tw-wishlist-checkbox{
	width:18px;
	height:18px;
	accent-color:var(--yellow-color);
	cursor:pointer;
}

/* PRODUCT IMAGE */

.stwlite-tw-data-table img{
	width:70px;
	height:70px;
	object-fit:contain;
	border-radius:12px;
	border:1px solid #ececec;
	background:#fff;
	padding:6px;
}

/* LINKS */

.stwlite-tw-data-table a{
	color:#111;
	font-weight:600;
	text-decoration:none;
	transition:.3s ease;
}

.stwlite-tw-data-table a:hover{
	color:var(--yellow-color);
}

/* STOCK */

.in-stock{
	color:#27ae60;
	font-weight:700;
}

.out-stock{
	color:#e74c3c;
	font-weight:700;
}

/* QUANTITY */

.stwlite-tw-data-table input[type="number"]{
	width:80px;
	height:42px;
	border:1px solid #ececec;
	border-radius:10px;
	text-align:center;
}

/* ACTION BUTTONS */

.stwlite-tw-data-table button,
.stwlite-tw-data-table .button{
	height:42px;
	padding:0 18px;
	border:none;
	border-radius:10px;
	background:#111;
	color:#fff;
	font-size:13px;
	font-weight:600;
	cursor:pointer;
	transition:.3s ease;
}

.stwlite-tw-data-table button:hover,
.stwlite-tw-data-table .button:hover{
	background:var(--yellow-color);
	color:#111;
}

/* EMPTY STATE */

.saveto-wishlist-empty-container{
	padding:90px 20px;
	text-align:center;
}

.saveto-wishlist-empty-container h2{
	font-size:28px;
	font-weight:700;
	color:#111;
}

/* FOOTER */

.stwlite-tw-table-footer{
	margin-top:25px;
}

.stwlite-tw-table-info{
	font-size:14px;
	color:#777;
	margin-bottom:15px;
}

/* PAGINATION */

.stwlite-tw-pagination{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:15px;
	flex-wrap:wrap;
}

.stwlite-tw-pagination-btn{
	height:46px;
	padding:0 18px;
	border:none;
	border-radius:12px;
	background:#111;
	color:#fff;
	cursor:pointer;
	transition:.35s ease;
}

.stwlite-tw-pagination-btn:hover{
	background:var(--yellow-color);
	color:#111;
}

.stwlite-tw-pagination-btn:disabled{
	opacity:.5;
	cursor:not-allowed;
}

/* SELECT */

#itemsSelect{
	height:42px;
	border:1px solid #ececec;
	border-radius:10px;
	padding:0 12px;
}

.contact-form-btn {
	position: relative;
	display: inline-block;
}

.contact-form-btn .wpcf7-submit {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 16px 60px 16px 28px;
	border: none;
	border-radius: 15px;
	background: var(--yellow-color);
	color: var(--black-color);
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	overflow: hidden;
	transition: all 0.55s ease;
	z-index: 1;
	box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
	position: relative;
}

.contact-form-btn .wpcf7-submit::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 0;
	background: var(--black-color);
	transition: width 0.55s ease;
	z-index: -1;
}

.contact-form-btn:hover .wpcf7-submit {
	color: var(--yellow-color);
	background-color:var(--black-color);
}

.contact-form-btn:hover .wpcf7-submit::before {
	width: 100%;
}

.contact-form-btn i {
	position: absolute;
	top: 50%;
	right: 24px;
	transform: translateY(-50%);
	color: var(--black-color);
	pointer-events: none;
	transition: all 0.3s ease;
	z-index: 2;
}

.contact-form-btn:hover i {
	color: var(--yellow-color);
	transform: translate(4px, -50%);
}

.contact-form-btn .wpcf7-spinner {
	position: absolute;
	right: -35px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}

.gh-subtotal {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: nowrap;
	margin: 0;
}

.gh-subtotal br {
	display: none;
}

.gh-assembly-original {
	color: #8a8a8a;
	font-size: 16px;
	font-weight: 600;
	text-decoration: line-through;
	text-decoration-thickness: 2px;
	text-decoration-color: #c5c5c5;
}

.gh-assembly-original bdi {
	font-size: 18px;
}

.gh-assembly-discounted {
	color: #fbaa19;
	font-weight: 800;
}

.gh-assembly-discounted bdi {
	font-size: 24px;
	line-height: 1;
}

.gh-assembly-original .woocommerce-Price-currencySymbol,
.gh-assembly-discounted .woocommerce-Price-currencySymbol {
	margin-right: 2px;
}
.mobile-search-popup {
	display: none;
}

.gohardys-dashboard-page .woocommerce,
.woocommerce-orders .woocommerce,
.woocommerce-downloads .woocommerce,
.woocommerce-edit-address .woocommerce,
.woocommerce-edit-account .woocommerce,
.woocommerce-view-order .woocommerce{
	display: grid;
	grid-template-columns: 320px minmax(0, 1fr);
	gap: 30px;
	padding: 80px 0;
}

.woocommerce-edit-address .woocommerce{
/* 	grid-template-columns:1fr; */
}

.gohardys-dashboard-page .woocommerce-MyAccount-navigation,
.woocommerce-orders .woocommerce-MyAccount-navigation,
.woocommerce-downloads .woocommerce-MyAccount-navigation,
.woocommerce-edit-address .woocommerce-MyAccount-navigation,
.woocommerce-edit-account .woocommerce-MyAccount-navigation,
.woocommerce-view-order .woocommerce-MyAccount-navigation{
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 24px;
	padding: 20px;
	height: fit-content;
	position: sticky;
	top: 120px;
	width: 100% !important;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
}

.gohardys-dashboard-page .woocommerce-MyAccount-navigation ul,
.woocommerce-orders .woocommerce-MyAccount-navigation ul,
.woocommerce-downloads .woocommerce-MyAccount-navigation ul,
.woocommerce-edit-address .woocommerce-MyAccount-navigation ul,
.woocommerce-edit-account .woocommerce-MyAccount-navigation ul,
.woocommerce-view-order .woocommerce-MyAccount-navigation ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.gohardys-dashboard-page .woocommerce-MyAccount-navigation li + li,
.woocommerce-orders .woocommerce-MyAccount-navigation li + li,
.woocommerce-downloads .woocommerce-MyAccount-navigation li + li,
.woocommerce-edit-address .woocommerce-MyAccount-navigation li + li,
.woocommerce-edit-account .woocommerce-MyAccount-navigation li + li,
.woocommerce-view-order .woocommerce-MyAccount-navigation li + li {
	margin-top: 8px;
}

.gohardys-dashboard-page .woocommerce-MyAccount-navigation a,
.woocommerce-orders .woocommerce-MyAccount-navigation a,
.woocommerce-downloads .woocommerce-MyAccount-navigation a,
.woocommerce-edit-address .woocommerce-MyAccount-navigation a,
.woocommerce-edit-account .woocommerce-MyAccount-navigation a,
.woocommerce-view-order .woocommerce-MyAccount-navigation a {
	display: flex;
	align-items: center;
	padding: 16px 18px;
	border-radius: 16px;
	text-decoration: none;
	color: #444;
	font-size: 15px;
	font-weight: 600;
	transition: 0.3s ease;
}

.gohardys-dashboard-page .woocommerce-MyAccount-navigation a:hover,
.woocommerce-orders .woocommerce-MyAccount-navigation a:hover,
.woocommerce-downloads .woocommerce-MyAccount-navigation a:hover,
.woocommerce-edit-address .woocommerce-MyAccount-navigation a:hover,
.woocommerce-edit-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-view-order .woocommerce-MyAccount-navigation a:hover {
	background: rgba(251, 170, 25, 0.12);
	color: #111;
}

.gohardys-dashboard-page .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-orders .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-downloads .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-edit-address .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-edit-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-view-order .woocommerce-MyAccount-navigation .is-active a {
	background: #fbaa19;
	color: #111;
	font-weight: 700;
}

.gohardys-dashboard-page .woocommerce-MyAccount-content,
.woocommerce-orders .woocommerce-MyAccount-content,
.woocommerce-downloads .woocommerce-MyAccount-content,
.woocommerce-edit-address .woocommerce-MyAccount-content,
.woocommerce-edit-account .woocommerce-MyAccount-content,
.woocommerce-view-order .woocommerce-MyAccount-content {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 24px;
	padding: 40px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
	width:100% !important;
}

.gohardys-dashboard-page .woocommerce-MyAccount-content p,
.woocommerce-orders .woocommerce-MyAccount-content p,
.woocommerce-downloads .woocommerce-MyAccount-content p,
.woocommerce-edit-address .woocommerce-MyAccount-content p,
.woocommerce-edit-account .woocommerce-MyAccount-content p,
.woocommerce-view-order .woocommerce-MyAccount-content p {
	margin: 0 0 18px;
	color: #666;
	font-size: 16px;
	line-height: 1.8;
}

.gohardys-dashboard-page .woocommerce-MyAccount-content strong,
.woocommerce-orders .woocommerce-MyAccount-content strong,
.woocommerce-downloads .woocommerce-MyAccount-content strong,
.woocommerce-edit-address .woocommerce-MyAccount-content strong,
.woocommerce-edit-account .woocommerce-MyAccount-content strong,
.woocommerce-view-order .woocommerce-MyAccount-content strong {
	color: #111;
	font-weight: 700;
}

.gohardys-dashboard-page .woocommerce-MyAccount-content a,
.woocommerce-orders .woocommerce-MyAccount-content a,
.woocommerce-downloads .woocommerce-MyAccount-content a,
.woocommerce-edit-address .woocommerce-MyAccount-content a,
.woocommerce-edit-account .woocommerce-MyAccount-content a,
.woocommerce-view-order .woocommerce-MyAccount-content a {
	color: #fbaa19;
	text-decoration: none;
	font-weight: 600;
	transition: 0.3s ease;
}

.gohardys-dashboard-page .woocommerce-MyAccount-content a:hover,
.woocommerce-orders .woocommerce-MyAccount-content a:hover,
.woocommerce-downloads .woocommerce-MyAccount-content a:hover,
.woocommerce-edit-address .woocommerce-MyAccount-content a:hover,
.woocommerce-edit-account .woocommerce-MyAccount-content a:hover,
.woocommerce-view-order .woocommerce-MyAccount-content a:hover {
	color: #111;
}

.gohardys-dashboard-page table.shop_table,
.woocommerce-orders table.shop_table,
.woocommerce-downloads table.shop_table,
.woocommerce-edit-address table.shop_table,
.woocommerce-edit-account table.shop_table,
.woocommerce-view-order table.shop_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ececec;
	border-radius: 18px;
	overflow: hidden;
}

.gohardys-dashboard-page table.shop_table th,
.woocommerce-orders table.shop_table th,
.woocommerce-downloads table.shop_table th,
.woocommerce-edit-address table.shop_table th,
.woocommerce-edit-account table.shop_table th
 {
	background: #f8f8f8;
	color: #111;
	font-size: 14px;
	font-weight: 700;
	padding: 16px;
}

.gohardys-dashboard-page table.shop_table td,
.woocommerce-orders table.shop_table td,
.woocommerce-downloads table.shop_table td,
.woocommerce-edit-address table.shop_table td,
.woocommerce-edit-account table.shop_table td,
.woocommerce-view-order table.shop_table td {
	padding: 16px;
	border-top: 1px solid #ececec;
	color: #666;
}

.gohardys-dashboard-page form .form-row,
.woocommerce-orders form .form-row,
.woocommerce-downloads form .form-row,
.woocommerce-edit-address form .form-row,
.woocommerce-edit-account form .form-row,
.woocommerce-view-order form .form-row {
	margin-bottom: 20px;
}

.gohardys-dashboard-page form .form-row label,
.woocommerce-orders form .form-row label,
.woocommerce-downloads form .form-row label,
.woocommerce-edit-address form .form-row label,
.woocommerce-edit-account form .form-row label,
.woocommerce-view-order form .form-row label {
	display: block;
	margin-bottom: 8px;
	color: #111;
	font-size: 14px;
	font-weight: 600;
}

.gohardys-dashboard-page input.input-text,
.gohardys-dashboard-page select,
.gohardys-dashboard-page textarea,
.woocommerce-orders input.input-text,
.woocommerce-orders select,
.woocommerce-orders textarea,
.woocommerce-downloads input.input-text,
.woocommerce-downloads select,
.woocommerce-downloads textarea,
.woocommerce-edit-address input.input-text,
.woocommerce-edit-address select,
.woocommerce-edit-address textarea,
.woocommerce-edit-account input.input-text,
.woocommerce-edit-account select,
.woocommerce-edit-account textarea,
.woocommerce-view-order input.input-text,
.woocommerce-view-order select,
.woocommerce-view-order textarea {
	width: 100%;
	border: 1px solid #e5e5e5;
	border-radius: 14px;
	padding: 0 18px;
	font-size: 15px;
	outline: none;
	transition: 0.3s ease;
}

.gohardys-dashboard-page input.input-text,
.gohardys-dashboard-page select,
.woocommerce-orders input.input-text,
.woocommerce-orders select,
.woocommerce-downloads input.input-text,
.woocommerce-downloads select,
.woocommerce-edit-address input.input-text,
.woocommerce-edit-address select,
.woocommerce-edit-account input.input-text,
.woocommerce-edit-account select,
.woocommerce-view-order input.input-text,
.woocommerce-view-order select {
	height: 56px;
}

.gohardys-dashboard-page textarea,
.woocommerce-orders textarea,
.woocommerce-downloads textarea,
.woocommerce-edit-address textarea,
.woocommerce-edit-account textarea,
.woocommerce-view-order textarea {
	min-height: 140px;
	padding: 18px;
}

.gohardys-dashboard-page input.input-text:focus,
.gohardys-dashboard-page select:focus,
.gohardys-dashboard-page textarea:focus,
.woocommerce-orders input.input-text:focus,
.woocommerce-orders select:focus,
.woocommerce-orders textarea:focus,
.woocommerce-downloads input.input-text:focus,
.woocommerce-downloads select:focus,
.woocommerce-downloads textarea:focus,
.woocommerce-edit-address input.input-text:focus,
.woocommerce-edit-address select:focus,
.woocommerce-edit-address textarea:focus,
.woocommerce-edit-account input.input-text:focus,
.woocommerce-edit-account select:focus,
.woocommerce-edit-account textarea:focus,
.woocommerce-view-order input.input-text:focus,
.woocommerce-view-order select:focus,
.woocommerce-view-order textarea:focus {
	border-color: #fbaa19;
}

.gohardys-dashboard-page button.button,
.gohardys-dashboard-page a.button,
.gohardys-dashboard-page input.button,
.woocommerce-orders button.button,
.woocommerce-orders a.button,
.woocommerce-orders input.button,
.woocommerce-downloads button.button,
.woocommerce-downloads a.button,
.woocommerce-downloads input.button,
.woocommerce-edit-address button.button,
.woocommerce-edit-address a.button,
.woocommerce-edit-address input.button,
.woocommerce-edit-account button.button,
.woocommerce-edit-account a.button,
.woocommerce-edit-account input.button,
.woocommerce-view-order button.button,
.woocommerce-view-order a.button,
.woocommerce-view-order input.button {
	background: #fbaa19 !important;
	color: #111 !important;
	border: none !important;
	border-radius: 14px !important;
	padding: 16px 28px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	transition: 0.3s ease;
}

.gohardys-dashboard-page button.button:hover,
.gohardys-dashboard-page a.button:hover,
.gohardys-dashboard-page input.button:hover,
.woocommerce-orders button.button:hover,
.woocommerce-orders a.button:hover,
.woocommerce-orders input.button:hover,
.woocommerce-downloads button.button:hover,
.woocommerce-downloads a.button:hover,
.woocommerce-downloads input.button:hover,
.woocommerce-edit-address button.button:hover,
.woocommerce-edit-address a.button:hover,
.woocommerce-edit-address input.button:hover,
.woocommerce-edit-account button.button:hover,
.woocommerce-edit-account a.button:hover,
.woocommerce-edit-account input.button:hover,
.woocommerce-view-order button.button:hover,
.woocommerce-view-order a.button:hover,
.woocommerce-view-order input.button:hover {
	background: #111 !important;
	color: #fbaa19 !important;
}

.gohardys-dashboard-page .woocommerce-message,
.gohardys-dashboard-page .woocommerce-error,
.gohardys-dashboard-page .woocommerce-info,
.woocommerce-orders .woocommerce-message,
.woocommerce-orders .woocommerce-error,
.woocommerce-orders .woocommerce-info,
.woocommerce-downloads .woocommerce-message,
.woocommerce-downloads .woocommerce-error,
.woocommerce-downloads .woocommerce-info,
.woocommerce-edit-address .woocommerce-message,
.woocommerce-edit-address .woocommerce-error,
.woocommerce-edit-address .woocommerce-info,
.woocommerce-edit-account .woocommerce-message,
.woocommerce-edit-account .woocommerce-error,
.woocommerce-edit-account .woocommerce-info,
.woocommerce-view-order .woocommerce-message,
.woocommerce-view-order .woocommerce-error,
.woocommerce-view-order .woocommerce-info {
	border: none;
	border-left: 4px solid #fbaa19;
	background: rgba(251, 170, 25, 0.08);
	border-radius: 14px;
	padding: 18px 20px;
	margin-bottom: 25px;
}

.gohardys-dashboard-page .woocommerce::before,
.gohardys-dashboard-page .woocommerce::after,
.woocommerce-orders .woocommerce::before,
.woocommerce-orders .woocommerce::after,
.woocommerce-downloads .woocommerce::before,
.woocommerce-downloads .woocommerce::after,
.woocommerce-edit-address .woocommerce::before,
.woocommerce-edit-address .woocommerce::after,
.woocommerce-edit-account .woocommerce::before,
.woocommerce-edit-account .woocommerce::after,
.woocommerce-view-order .woocommerce::before,
.woocommerce-view-order .woocommerce::after {
	content: unset !important;
}

.woocommerce-account .woocommerce-error::before, 
.woocommerce-account .woocommerce-info::before, 
.woocommerce-account .woocommerce-message::before,
.woocommerce-view-order .woocommerce-error::before,
.woocommerce-view-order .woocommerce-info::before,
.woocommerce-view-order .woocommerce-message::before {
	content:unset;
}

/* Address page */
.woocommerce-edit-address .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	margin-top: 32px;
}
.woocommerce-edit-address .woocommerce-Address {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 24px;
	padding: 28px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
	transition: all 0.3s ease;
	width:100% !important;
}
.woocommerce-edit-address .woocommerce-Address:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}
.woocommerce-edit-address .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid #f1f1f1;
}
.woocommerce-edit-address .woocommerce-Address-title h2 {
	margin: 0;
	color: #111;
	font-size: 22px;
	font-weight: 700;
}
.woocommerce-edit-address .woocommerce-Address-title .edit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 18px;
	background: #fbaa19;
	color: #111;
	border-radius: 12px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	transition: all 0.3s ease;
}
.woocommerce-edit-address .woocommerce-Address-title .edit:hover {
	background: #111;
	color: #fbaa19;
}
.woocommerce-edit-address .woocommerce-Address address {
	margin: 0;
	color: #666;
	font-size: 15px;
	line-height: 1.8;
	font-style: normal;
}
.woocommerce-edit-address .woocommerce-MyAccount-content > p:first-of-type {
	margin: 0 0 24px;
	color: #666;
	font-size: 15px;
	line-height: 1.8;
}

.woocommerce-edit-address .woocommerce .col2-set::after, 
.woocommerce-edit-address .woocommerce .col2-set::before, 
.woocommerce-edit-address .woocommerce-page .col2-set::after, 
.woocommerce-edit-address .woocommerce-page .col2-set::before{
	content:unset !important;
}
.woocommerce-account .addresses .title::after, 
.woocommerce-account .addresses .title::before{
	content:unset !important;
}

/* edit page */

.woocommerce-edit-account .woocommerce-MyAccount-content {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 24px;
	padding: 40px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
}

/* Form Layout */

.woocommerce-edit-account .woocommerce-EditAccountForm {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.woocommerce-edit-account .woocommerce-form-row {
	margin: 0;
}

.woocommerce-edit-account .form-row-first,
.woocommerce-edit-account .form-row-last {
	width: calc(50% - 12px);
}

.woocommerce-edit-account .form-row-wide {
	width: 100%;
}

.woocommerce-edit-account .clear {
	display: none;
}

/* Labels */

.woocommerce-edit-account label {
	display: block;
	margin-bottom: 10px;
	color: #111;
	font-size: 14px;
	font-weight: 600;
}

.woocommerce-edit-account .required {
	color: #fbaa19;
}

/* Inputs */

.woocommerce-edit-account .input-text,
.woocommerce-edit-account input[type="email"],
.woocommerce-edit-account input[type="password"] {
	width: 100%;
	height: 56px;
	padding: 0 18px;
	border: 1px solid #e5e5e5;
	border-radius: 14px;
	background: #fff;
	color: #111;
	font-size: 15px;
	transition: all 0.3s ease;
}

.woocommerce-edit-account .input-text:focus,
.woocommerce-edit-account input[type="email"]:focus,
.woocommerce-edit-account input[type="password"]:focus {
	border-color: #fbaa19;
	box-shadow: 0 0 0 4px rgba(251, 170, 25, 0.12);
	outline: none;
}

/* Description Text */

.woocommerce-edit-account #account_display_name_description {
	display: block;
	margin-top: 8px;
	color: #777;
	font-size: 13px;
	line-height: 1.6;
}

.woocommerce-edit-account #account_display_name_description em {
	font-style: normal;
}

/* Password Section */

.woocommerce-edit-account fieldset {
	width: 100%;
}

.woocommerce-edit-account fieldset legend {
	/*     padding: 0 12px; */
	color: #111;
	font-size: 16px;
	font-weight: 600;
}

/* Password Toggle */

.woocommerce-edit-account .password-input {
	position: relative;
	display: block;
}

.woocommerce-edit-account .password-input .input-text {
	padding-right: 55px;
}

.woocommerce-edit-account .show-password-input {
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	border: none;
	background: transparent;
	cursor: pointer;
}

.woocommerce-edit-account .show-password-input::after {
	color: #777;
	font-size: 16px;
}

/* Submit Button Row */

.woocommerce-edit-account form > p:last-child {
	width: 100%;
	margin: 10px 0 0;
}

/* Button */

.woocommerce-edit-account .woocommerce-Button.button {
	min-width: 200px;
	height: 56px;
	padding: 0 30px;
	border: none;
	border-radius: 14px;
	background: #fbaa19;
	color: #111;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
}

.woocommerce-edit-account .woocommerce-Button.button:hover {
	background: #111;
	color: #fbaa19;
}



.woocommerce-edit-account .woocommerce-message,
.woocommerce-edit-account .woocommerce-error,
.woocommerce-edit-account .woocommerce-info {
	border: none;
	border-left: 4px solid #fbaa19;
	background: rgba(251, 170, 25, 0.08);
	border-radius: 14px;
	padding: 18px 20px;
}
/* ==========================================================
   GOHARDYS - VIEW ORDER PAGE
   Body Class: woocommerce-view-order
   ========================================================== */


/* ==========================================================
   PAGE CONTENT
   ========================================================== */


body.woocommerce-view-order .woocommerce-MyAccount-content {
	color: #2c2c2c;
	font-size: 15px;
	line-height: 1.7;
}


/* ==========================================================
   ORDER STATUS MESSAGE
   ========================================================== */

body.woocommerce-view-order
.woocommerce-MyAccount-content > p:first-of-type {
	margin: 0 0 35px;
	padding: 24px 28px;

	background: #f8f9fa;
	border: 1px solid #e8e8e8;
	border-radius: 18px;

	color: #555;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7;
}


/* Order Number */

body.woocommerce-view-order
.woocommerce-MyAccount-content > p:first-of-type
.order-number {
	color: #fbaa19;
	font-weight: 800;
}


/* Order Date */

body.woocommerce-view-order
.woocommerce-MyAccount-content > p:first-of-type
.order-date {
	color: #111;
	font-weight: 700;
}


/* Order Status */

body.woocommerce-view-order
.woocommerce-MyAccount-content > p:first-of-type
.order-status {
	display: inline-block;

	padding: 4px 10px;

	background: rgba(251, 170, 25, 0.12);
	border-radius: 7px;

	color: #111;
	font-weight: 700;
}


/* Remove mark default background */

body.woocommerce-view-order
.woocommerce-MyAccount-content > p:first-of-type mark {
	background: transparent;
}


/* ==========================================================
   ORDER DETAILS CARD
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details {
	margin: 0 0 30px;
	padding: 32px;

	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 24px;

	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.035);
}


/* ==========================================================
   ORDER DETAILS HEADING
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details
.woocommerce-order-details__title {
	margin: 0 0 28px;
	padding: 0 0 20px;

	border-bottom: 1px solid #eeeeee;

	color: #111;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.2;
}


/* ==========================================================
   ORDER TABLE
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table {
	width: 100%;
	margin: 0;

	border: 0;
	border-collapse: separate;
	border-spacing: 0;
}


/* ==========================================================
   TABLE HEADER
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table thead th {
	padding: 16px 18px;

	background: #f8f9fa;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;

	color: #111;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.4;

	text-transform: uppercase;
	letter-spacing: 0.07em;
}


/* First Header */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table thead th:first-child {
	border-left: 1px solid #eeeeee;
	border-radius: 12px 0 0 12px;
}


/* Last Header */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table thead th:last-child {
	border-right: 1px solid #eeeeee;
	border-radius: 0 12px 12px 0;

	text-align: right;
}


/* ==========================================================
   PRODUCT ROW
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table tbody td {
	padding: 22px 18px;

	border-bottom: 1px solid #eeeeee;

	color: #555;
	font-size: 15px;
	vertical-align: middle;
}


/* Product Name */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table
.woocommerce-table__product-name {
	color: #111;
	font-weight: 600;
}


/* Product Link */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table
.woocommerce-table__product-name a {
	color: #111;

	font-size: 16px;
	font-weight: 700;
	text-decoration: none;

	transition: color 0.3s ease;
}


body.woocommerce-view-order
.woocommerce-order-details
table.shop_table
.woocommerce-table__product-name a:hover {
	color: #fbaa19;
}


/* ==========================================================
   QUANTITY
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details
.product-quantity {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	margin-left: 8px;
	padding: 4px 9px;

	background: #f5f5f5;
	border-radius: 7px;

	color: #777;
	font-size: 12px;
	font-weight: 700;
}


/* ==========================================================
   PRODUCT PRICE
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details
.woocommerce-table__product-total {
	color: #111;
	font-size: 16px;
	font-weight: 800;
	text-align: right;
}


/* Currency */

body.woocommerce-view-order
.woocommerce-order-details
.woocommerce-Price-currencySymbol {
	color: #fbaa19;
	font-weight: 800;
}


/* ==========================================================
   TABLE FOOTER
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table tfoot th,
body.woocommerce-view-order
.woocommerce-order-details
table.shop_table tfoot td {
	padding: 16px 18px;

	border-bottom: 1px solid #eeeeee;

	color: #555;
	font-size: 14px;
}


/* Footer Heading */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table tfoot th {
	color: #111;
	font-weight: 700;
	text-align: left;
}


/* Footer Value */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table tfoot td {
	color: #555;
	font-weight: 500;
	text-align: right;
}


/* Last Footer */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table tfoot tr:last-child th,
body.woocommerce-view-order
.woocommerce-order-details
table.shop_table tfoot tr:last-child td {
	border-bottom: 0;
}


/* ==========================================================
   TOTAL
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table tfoot tr:nth-last-child(2) th,
body.woocommerce-view-order
.woocommerce-order-details
table.shop_table tfoot tr:nth-last-child(2) td {
	color: #111;
	font-size: 18px;
	font-weight: 800;
}


/* Total Amount */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table tfoot tr:nth-last-child(2)
.woocommerce-Price-amount {
	color: #111;
	font-size: 20px;
	font-weight: 800;
}


/* ==========================================================
   PAYMENT METHOD
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details
table.shop_table tfoot tr:last-child td {
	color: #555;
	font-weight: 600;
}


/* ==========================================================
   ORDER ACTIONS
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details
.order-actions--heading {
	vertical-align: middle;
}


/* Action Container */

body.woocommerce-view-order
.woocommerce-order-details
.order-actions--heading + td {
	text-align: right;
}


/* ==========================================================
   PAY / CANCEL BUTTONS
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details
.order-actions-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;

	min-height: 46px;
	margin: 0 0 0 8px;
	padding: 0 22px !important;

	border: 1px solid #fbaa19 !important;
	border-radius: 12px !important;

	background: #fbaa19 !important;
	color: #111 !important;

	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;

	cursor: pointer;

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


body.woocommerce-view-order
.woocommerce-order-details
.order-actions-button:hover {
	background: #111 !important;
	border-color: #111 !important;
	color: #fbaa19 !important;

	transform: translateY(-2px);
}


/* Cancel */

body.woocommerce-view-order
.woocommerce-order-details
.order-actions-button.cancel {
	background: #fff !important;
	border-color: #dddddd !important;
	color: #555 !important;
}


body.woocommerce-view-order
.woocommerce-order-details
.order-actions-button.cancel:hover {
	background: #111 !important;
	border-color: #111 !important;
	color: #fff !important;
}


/* ==========================================================
   BILLING / CUSTOMER DETAILS
   ========================================================== */

body.woocommerce-view-order
.woocommerce-customer-details {
	margin: 0;
	padding: 32px;

	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 24px;

	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.035);
}


/* ==========================================================
   BILLING HEADING
   ========================================================== */

body.woocommerce-view-order
.woocommerce-customer-details
.woocommerce-column__title {
	margin: 0 0 24px;
	padding: 0 0 20px;

	border-bottom: 1px solid #eeeeee;

	color: #111;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.2;
}


/* ==========================================================
   BILLING ADDRESS
   ========================================================== */

body.woocommerce-view-order
.woocommerce-customer-details
address {
	margin: 0;
	padding: 24px;

	background: #f8f9fa;
	border: 1px solid #eeeeee;
	border-radius: 16px;

	color: #555;

	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.9;
}


/* ==========================================================
   PHONE
   ========================================================== */

body.woocommerce-view-order
.woocommerce-customer-details
.woocommerce-customer-details--phone {
	margin: 18px 0 0 !important;
	padding-top: 16px;

	border-top: 1px solid #e5e5e5;

	color: #111 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}


/* ==========================================================
   EMAIL
   ========================================================== */

body.woocommerce-view-order
.woocommerce-customer-details
.woocommerce-customer-details--email {
	margin: 7px 0 0 !important;

	color: #666 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}


/* ==========================================================
   REMOVE DEFAULT WOOCOMMERCE DECORATION
   ========================================================== */

body.woocommerce-view-order
.woocommerce-order-details::before,
body.woocommerce-view-order
.woocommerce-order-details::after,
body.woocommerce-view-order
.woocommerce-customer-details::before,
body.woocommerce-view-order
.woocommerce-customer-details::after {
	content: none !important;
}



/* Actions btn css */
.woocommerce-orders .woocommerce-orders-table__cell-order-actions {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	vertical-align: middle;
}

.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 80px;
	height: 42px;
	padding: 10px 18px !important;
	border: 1px solid transparent !important;
	border-radius: 10px !important;
	background: #fbaa19 !important;
	color: #111 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: all 0.3s ease;
}

/* Pay */
.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button.pay {
	background: #fbaa19 !important;
	color: #111 !important;
}

/* View */
.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button.view {
	background: #f5f5f5 !important;
	border-color: #e5e5e5 !important;
	color: #2c2c2c !important;
}

/* Cancel */
.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button.cancel {
	background: #fff !important;
	border-color: #e5e5e5 !important;
	color: #555 !important;
}

/* Hover */
.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* Individual hover */
.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button.pay:hover {
	background: #111 !important;
	color: #fbaa19 !important;
}

.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button.view:hover {
	background: #2c2c2c !important;
	border-color: #2c2c2c !important;
	color: #fff !important;
}

.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button.cancel:hover {
	background: #f5f5f5 !important;
	border-color: #d8d8d8 !important;
	color: #111 !important;
}
@media (max-width: 767px) {

	.woocommerce-orders .woocommerce-orders-table__cell-order-actions {
		gap: 8px;
	}

	.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button {
		min-width: 70px;
		height: 40px;
		padding: 9px 14px !important;
		font-size: 12px !important;
	}

}


/* Wishlist page */
.wishlist-fragment {
	padding: 120px 0;
}

.wishlist-fragment .wishlist-title h2 {
	margin: 0;
	font-size: 32px;
	font-weight: 700;
	color: #111;
}

.wishlist-fragment .wishlist-title-container {
	margin-bottom: 30px;
}

.wishlist-fragment .show-title-form {
	display: none;
}

.wishlist-fragment .wishlist_table.mobile {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wishlist-fragment .wishlist_table.mobile li {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 24px;
	padding: 24px;
	margin-bottom: 20px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
}

.wishlist-fragment .item-wrapper {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.wishlist-fragment .product-thumbnail {
	flex-shrink: 0;
}

.wishlist-fragment .product-thumbnail img {
	width: 120px !important;
	height: 120px !important;
	object-fit: cover;
	border-radius: 18px;
	background: #f8f8f8;
	border: 1px solid #f0f0f0;
	max-width:unset !important;
}

.wishlist-fragment .product-name h3 {
	margin: 0 0 12px;
}

.wishlist-fragment .product-name a {
	color: #111;
	font-size: 20px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s ease;
}

.wishlist-fragment .product-name a:hover {
	color: #fbaa19;
}

.wishlist-fragment .item-details-table {
	width: auto;
}

.wishlist-fragment .item-details-table td {
	padding: 0;
	border: 0;
}

.wishlist-fragment .item-details-table .label {
	display: none;
}

.wishlist-fragment del {
	color: #999;
	margin-right: 10px;
}

.wishlist-fragment del .amount {
	font-size: 16px;
}

.wishlist-fragment ins {
	text-decoration: none;
}

.wishlist-fragment ins .amount {
	font-size: 24px;
	font-weight: 700;
	color: #fbaa19;
}

.wishlist-fragment .additional-info {
	width: 100%;
	margin-bottom: 20px;
}

.wishlist-fragment .additional-info td {
	padding: 0;
	border: 0;
}

.wishlist-fragment .additional-info .label {
	font-weight: 600;
	color: #666;
	width: 80px;
}

.wishlist-fragment .wishlist-in-stock {
	color: #1a9f53;
	font-weight: 600;
}

.wishlist-fragment .additional-info-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	flex-wrap: wrap;
}

.wishlist-fragment .product-add-to-cart a {
	display:inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 28px;
	background: #fbaa19;
	color: #111 !important;
	border-radius: 14px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s ease;
}

.wishlist-fragment .product-add-to-cart a:hover {
	background: #111;
	color: #fbaa19 !important;
}
.wishlist-fragment .product-add-to-cart a.remove_from_wishlist:hover{
	color:#000 !important;
}

.wishlist-fragment .product-remove a {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	border: 1px solid #ececec;
	background: #fff;
	color: #666;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s ease;
}


.wishlist-fragment .product-price .woocommerce-Price-amount.amount{
	font-size: 24px;
	font-weight: 700;
	color: rgb(251, 170, 25);
}
.wishlist-fragment .product-price {
	white-space: nowrap;
}

/* Hide screen reader text */
.wishlist-fragment .product-price .screen-reader-text {
	display: none;
}

/* Base amount style */
.wishlist-fragment .product-price .woocommerce-Price-amount.amount {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	font-size: 24px;
	font-weight: 700;
	color: #fbaa19;
	line-height: 1;
}

/* Currency symbol */
.wishlist-fragment .product-price .woocommerce-Price-currencySymbol {
	font-size: 18px;
	font-weight: 600;
}

/* Variable product separator */
.wishlist-fragment .product-price > span[aria-hidden="true"]:not(.woocommerce-Price-amount) {
	display: inline-block;
	margin: 0 8px;
	color: #999;
	font-size: 18px;
	font-weight: 500;
	vertical-align: middle;
}

/* Sale price original amount */
.wishlist-fragment .product-price del {
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
	text-decoration-thickness: 2px;
	text-decoration-color: #b5b5b5;
	opacity: 1;
}

.wishlist-fragment .product-price del .woocommerce-Price-amount.amount {
	font-size: 18px;
	font-weight: 500;
	color: #999;
}

/* Discounted amount */
.wishlist-fragment .product-price ins {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.wishlist-fragment .product-price ins .woocommerce-Price-amount.amount {
	font-size: 24px;
	font-weight: 700;
	color: #fbaa19;
}
.wishlist-fragment .item-details-table .value {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.wishlist-fragment .item-details-table .value .screen-reader-text {
	display: none;
}

.wishlist-fragment .item-details-table .value .woocommerce-Price-amount.amount {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	font-size: 22px;
	font-weight: 700;
	color: #fbaa19;
	line-height: 1;
}

.wishlist-fragment .item-details-table .value .woocommerce-Price-currencySymbol {
	font-size: 18px;
	font-weight: 600;
}

/* Range separator */

.wishlist-fragment .item-details-table .value > span[aria-hidden="true"]:not(.woocommerce-Price-amount) {
	color: #999;
	font-size: 18px;
	margin: 0 2px;
}

/* Sale price */

.wishlist-fragment .item-details-table .value del {
	display: inline-flex;
	align-items: center;
	margin-right: 6px;
	color: #999;
	text-decoration-thickness: 2px;
}

.wishlist-fragment .item-details-table .value del .woocommerce-Price-amount.amount {
	font-size: 17px;
	font-weight: 500;
	color: #999;
}

.wishlist-fragment .item-details-table .value ins {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.wishlist-fragment .item-details-table .value ins .woocommerce-Price-amount.amount {
	color: #fbaa19;
}

.wishlist-title-container .show-title-form,
.wishlist-title-container .hidden-title-form{
	display:none !important;
}

/* ==========================
VARIABLE PRODUCT FORM
========================== */

.single-variable-wrapper {
	margin: 30px 0;
}

.single-product-right .variations {
	width: 100%;
	border: 0;
	margin-bottom: 24px;
}

.single-product-right .variations tbody {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.single-product-right .variations tr {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.single-product-right .variations th,
.single-product-right .variations td {
	padding: 0;
	border: 0;
	text-align: left;
}

.single-product-right .variations .label label {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: var(--black-color);
}

.single-product-right .variations select {
	width: 100%;
	height: 56px;
	padding: 0 18px;
	border: 1px solid #e5e5e5;
	border-radius: 14px;
	background: #fff;
	color: #111;
	font-size: 15px;
	outline: none;
	transition: all 0.3s ease;
	appearance: none;
	cursor: pointer;
}

.single-product-right .variations select:focus {
	border-color: var(--yellow-color);
}

.single-product-right .reset_variations {
	display: inline-block;
	margin-top: 10px;
	color: var(--yellow-color);
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}

.single-product-right .reset_variations:hover {
	color: var(--black-color);
}

/* ==========================
PRICE INSIDE VARIATION
========================== */

.single-product-right .woocommerce-variation-price {
	margin-bottom: 20px;
}

.single-product-right .woocommerce-variation-price .price {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.single-product-right .woocommerce-variation-price del {
	color: #999;
	font-size: 20px;
}

.single-product-right .woocommerce-variation-price ins {
	text-decoration: none;
}

.single-product-right .woocommerce-variation-price ins .amount,
.single-product-right .woocommerce-variation-price .amount {
	font-size: 30px;
	font-weight: 800;
	color: var(--yellow-color);
}

/* ==========================
QUANTITY + BUTTON
========================== */

.single-product-right .variations_button {
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.single-product-right .quantity {
	margin: 0 !important;
}

.single-product-right .quantity .qty {
	width: 110px;
	height: 56px;
	border: 1px solid #ececec;
	border-radius: 14px;
	background: #fff;
	padding: 0 18px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	outline: none;
}

.single-product-right .quantity .qty:focus {
	border-color: var(--yellow-color);
}

.single-product-right .single_add_to_cart_button {
	height: 56px !important;
	padding: unset !important;
	border: none !important;
	border-radius: 14px !important;
	background: var(--yellow-color) !important;
	color: var(--black-color) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	transition: all 0.3s ease !important;
	cursor: pointer;
	margin: 0 !important;
}

.single-product-right .single_add_to_cart_button:hover {
	background: var(--black-color) !important;
	color: var(--yellow-color) !important;
}

.single-product-right .single_add_to_cart_button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.single-product-right .single_variation_wrap::before,
.single-product-right .single_variation_wrap::after {
	display: none;
}

/* ==========================
CHECKOUT PAGE
========================== */

.woocommerce-checkout .woocommerce {
	padding: 80px 0;
}

.woocommerce-checkout form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 420px;
	gap: 30px;
	align-items: start;
}

/* Left & Right Panels */

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 24px;
	padding: 35px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
}

.woocommerce-checkout #order_review {
	position: sticky;
	top: 120px;
}

/* Headings */

.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3,
.woocommerce-checkout #order_review_heading {
	margin: 0 0 25px;
	padding-bottom: 16px;
	border-bottom: 1px solid #ececec;
	font-size: 24px;
	font-weight: 700;
	color: #111;
}

/* Billing & Shipping Layout */

.woocommerce-checkout .col2-set {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
	width: 100%;
	float: none;
}

/* Form Fields */

.woocommerce-checkout form.checkout .form-row {
	margin-bottom: 20px;
}

.woocommerce-checkout form.checkout .form-row label {
	display: block;
	margin-bottom: 8px;
	color: #111;
	font-size: 14px;
	font-weight: 600;
}

.woocommerce-checkout form.checkout .required {
	color: #fbaa19;
}

.woocommerce-checkout form.checkout input.input-text,
.woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout textarea {
	width: 100%;
	min-height: 56px;
	padding: 0 18px;
	border: 1px solid #e5e5e5;
	border-radius: 14px;
	background: #fff;
	color: #111;
	font-size: 15px;
	outline: none;
	transition: all 0.3s ease;
}

.woocommerce-checkout form.checkout textarea {
	min-height: 130px;
	padding: 18px;
	resize: vertical;
}

.woocommerce-checkout form.checkout input.input-text:focus,
.woocommerce-checkout form.checkout select:focus,
.woocommerce-checkout form.checkout textarea:focus {
	border-color: #fbaa19;
}

/* Select2 */

.woocommerce-checkout .select2-container {
	width: 100% !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single {
	height: 56px;
	border: 1px solid #e5e5e5;
	border-radius: 14px;
	transition: all 0.3s ease;
}

.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single {
	border-color: #fbaa19;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 18px;
	color: #111;
	height:100%;
	display:flex;
	align-items:center;
	/* 	justify-content:center; */
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	/*     height: 56px; */
	right: 12px;
}

/* Order Table */

.woocommerce-checkout #order_review table.shop_table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td {
	padding: 16px 0;
	border-bottom: 1px solid #ececec;
	color: #555;
	font-size: 15px;
}

.woocommerce-checkout #order_review table.shop_table th {
	color: #111;
	font-weight: 700;
}

.woocommerce-checkout #order_review table.shop_table tfoot th,
.woocommerce-checkout #order_review table.shop_table tfoot td {
	color: #111;
	font-size: 17px;
	font-weight: 700;
}

.woocommerce-checkout #order_review .order-total .amount {
	color: #fbaa19;
	font-size: 24px;
	font-weight: 800;
}

/* Payment */

.woocommerce-checkout #payment {
	background: transparent !important;
	border: 0;
	margin-top: 30px;
}

.woocommerce-checkout #payment ul.payment_methods {
	margin: 0 0 25px;
	padding: 0;
	border: 0;
}

.woocommerce-checkout #payment ul.payment_methods li {
	margin-bottom: 12px;
	padding: 18px;
	border: 1px solid #ececec;
	border-radius: 16px;
	list-style: none;
}

.woocommerce-checkout #payment ul.payment_methods li:last-child {
	margin-bottom: 0;
}

.woocommerce-checkout #payment ul.payment_methods li label {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #111;
}

.woocommerce-checkout #payment div.payment_box {
	margin-top: 15px;
	background: #f8f8f8;
	border-radius: 14px;
	color: #666;
}

.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #f8f8f8;
}

/* Place Order Button */

.woocommerce-checkout #place_order {
	width: 100%;
	min-height: 58px;
	border: none;
	border-radius: 14px;
	background: #fbaa19 !important;
	color: #111 !important;
	font-size: 16px;
	font-weight: 700;
	transition: all 0.3s ease;
}

.woocommerce-checkout #place_order:hover {
	background: #111 !important;
	color: #fbaa19 !important;
}

/* Coupon & Login Notice */

.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-form-login-toggle {
	margin-bottom: 25px;
}

.woocommerce-checkout .woocommerce-info {
	position: relative;
	background: rgba(251, 170, 25, 0.08);
	border: 0;
	border-left: 4px solid #fbaa19;
	border-radius: 14px;
	padding: 18px 20px;
	color: #111;
}

.woocommerce-checkout .woocommerce-info a {
	color: #111;
	font-weight: 700;
	text-decoration: none;
}

.woocommerce-checkout .woocommerce-info a:hover {
	color: #fbaa19;
}

/* Messages */

.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message {
	border: 0;
	border-left: 4px solid #fbaa19;
	background: rgba(251, 170, 25, 0.08);
	border-radius: 14px;
	padding: 18px 20px;
	color: #111;
}

/* Remove Default WooCommerce Elements */

.woocommerce-checkout .woocommerce::before,
.woocommerce-checkout .woocommerce::after,
.woocommerce-checkout .woocommerce-error::before,
.woocommerce-checkout .woocommerce-info::before,
.woocommerce-checkout .woocommerce-message::before {
	content: none !important;
}

/* Privacy Text */

.woocommerce-checkout .woocommerce-privacy-policy-text {
	margin-bottom: 20px;
}

.woocommerce-checkout .woocommerce-privacy-policy-text p {
	color: #666;
	font-size: 14px;
	line-height: 1.8;
}

/* Terms Checkbox */

.woocommerce-checkout .validate-required label.checkbox {
	display: flex !important;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
	line-height: 1.6;
}
.woocommerce-checkout .woocommerce .col2-set .col-1, 
.woocommerce-checkout .woocommerce-page .col2-set .col-1{
	width:100%;
}
.woocommerce-checkout .woocommerce .col2-set .col-2, 
.woocommerce-checkout .woocommerce-page .col2-set .col-2{
	width:100%;
}
.woocommerce-checkout .gh-checkout-compact-summary h3{
	padding-bottom:15px;
}
.woocommerce-checkout .gh-compact-line{
	font-size:14px;
}
.woocommerce-checkout .gh-compact-count{
	width:unset !important;
}
.woocommerce-checkout .woocommerce-info{
	margin:0 !important;
}
.woocommerce-checkout #payment ul.payment_methods li{
	padding:0 !important;
	border:none !important;
}

.woocommerce-checkout .checkout_coupon {
	display: flex;
	align-items: flex-end;
	gap: 16px;
	padding: 24px;
	margin: 20px 0 30px !important;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 24px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
}

.woocommerce-checkout .checkout_coupon .form-row {
	margin: 0;
	float: none;
}

.woocommerce-checkout .checkout_coupon .form-row-first {
	flex: 1;
	width: auto;
}

.woocommerce-checkout .checkout_coupon .form-row-last {
	width: auto;
}

.woocommerce-checkout .checkout_coupon .input-text {
	width: 100% !important;
	height: 56px;
	padding: 0 18px;
	border: 1px solid #e5e5e5;
	border-radius: 14px;
	background: #fff;
	color: #111;
	font-size: 15px;
	outline: none;
	transition: all 0.3s ease;
}

.woocommerce-checkout .checkout_coupon .input-text:focus {
	border-color: #fbaa19;
}

.woocommerce-checkout .checkout_coupon .input-text::placeholder {
	color: #999;
}

.woocommerce-checkout .checkout_coupon button.button {
	min-width: 160px;
	height: 56px;
	padding: 0 28px;
	border: none;
	border-radius: 14px;
	background: #fbaa19 !important;
	color: #111 !important;
	font-size: 15px;
	font-weight: 700;
	transition: all 0.3s ease;
}

.woocommerce-checkout .checkout_coupon button.button:hover {
	background: #111 !important;
	color: #fbaa19 !important;
}

.woocommerce-checkout .checkout_coupon .clear {
	display: none;
}
.woocommerce-cart section{
	padding-top:120px;
	padding-bottom:120px;
}
.woocommerce-cart .woocommerce form .form-row .input-text, 
.woocommerce-cart .woocommerce form .form-row select{
	height:100% !important;
}
/* ==========================
   ORDER SUCCESS PAGE
========================== */

.woocommerce-order {
    max-width: 900px;
    margin: 80px auto;
    padding: 70px 50px;
    text-align: center;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 32px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06);
    position: relative;
    overflow: hidden;
}

.woocommerce-order::before {
    content: "✓";
    width: 100px;
    height: 100px;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(251, 170, 25, 0.12);
    color: #fbaa19;
    border-radius: 50%;
    font-size: 48px;
    font-weight: 700;
}

.woocommerce-order .woocommerce-notice {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: #111;
    font-size: 42px;
    line-height: 1.3;
    font-weight: 800;
    text-align: center;
}

.woocommerce-order .woocommerce-notice::before,
.woocommerce-order .woocommerce-notice::after {
    display: none !important;
}

.woocommerce-order .woocommerce-notice--success {
    color: #111;
}

/* Optional subtitle */

.woocommerce-order::after {
    content: "We’ve received your order and will process it shortly.";
    display: block;
    margin-top: 18px;
    color: #666;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 400;
}

.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout{
	display:none;
}

/*=========================
 Login Page
=========================*/
body.login-page {
  background: var(--background);
}

body.login-page .login-register-page-main {
  position: relative;
  overflow: hidden;
}

body.login-page .login-register-page-bg {
  min-height: 80vh;
  height: 100%;
  position: absolute;
  inset: 0;
}

body.login-page .login-register-page-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.login-page .login-register-page-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .65);
}

body.login-page .login-register-page-info{
    position:relative;
    min-height:80vh;
    display:flex;
    align-items:center;
    padding:80px 0;
	padding-top:100px;
    z-index:2;
}

body.login-page .container-main {
  width: 100%;
}

body.login-page .login-register-page {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  min-height: 80vh;
}

body.login-page .login-register-page-left {
  width: 50%;
  color: #fff;
}

body.login-page .login-register-page-left-content {
  max-width: 560px;
}

body.login-page .small-text {
  display: inline-block;
  padding: 8px 18px;
  background: rgba(251, 170, 25, .15);
  border: 1px solid rgba(251, 170, 25, .5);
  color: var(--yellow-color);
  border-radius: 40px;
  font-size: 14px;
  margin-bottom: 25px;
}

body.login-page .login-register-page-left h1 {
  font-size: 58px;
  line-height: 1.15;
  margin-bottom: 20px;
  color: #fff;
  font-weight: 700;
}

body.login-page .login-register-page-left p {
  font-size: 18px;
  line-height: 1.8;
  color: #d5d5d5;
  margin-bottom: 35px;
}

body.login-page .login-features {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

body.login-page .feature {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  backdrop-filter: blur(8px);
  padding: 14px 20px;
  border-radius: 10px;
  color: #fff;
}

body.login-page .login-register-page-right {
  max-width: 550px;
  width: 50%;
}

body.login-page .login-card {
  background: #fff;
  border-radius: 18px;
  padding: 45px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, .25);
}

body.login-page .login-card h2 {
  font-size: 36px;
  margin-bottom: 10px;
  color: var(--Primary);
}

body.login-page .login-card p {
  color: #777;
  margin-bottom: 30px;
}

body.login-page .form-group {
  margin-bottom: 22px;
}

body.login-page .form-group label {
  display: block;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--Primary);
}

body.login-page .form-group input {
  width: 100%;
  height: 55px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 0 18px;
  outline: none;
  transition: .3s;
}

body.login-page .form-group input:focus {
  border-color: var(--yellow-color);
}

body.login-page .login-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  font-size: 14px;
}

body.login-page .login-options a {
  color: var(--yellow-color);
  text-decoration: none;
  font-weight: 600;
}

body.login-page .login-btn {
  width: 100%;
  height: 56px;
  border: none;
  background: var(--Primary);
  color: #fff;
  font-size: 17px;
  border-radius: 8px;
  cursor: pointer;
  transition: .3s;
}

body.login-page .login-btn:hover {
  background: var(--yellow-color);
  color: #000;
}

body.login-page .divider {
  text-align: center;
  margin: 25px 0;
  color: #999;
  position: relative;
}

body.login-page .divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 42%;
  height: 1px;
  background: #ddd;
}

body.login-page .divider::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 42%;
  height: 1px;
  background: #ddd;
}

body.login-page .google-btn {
  width: 100%;
  height: 55px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
  transition: .3s;
  font-weight: 600;
}

body.login-page .google-btn:hover {
  background: var(--secondary);
}

body.login-page .signup-text {
  text-align: center;
  margin-top: 25px;
  color: #666;
}

body.login-page .signup-text a {
  color: var(--yellow-color);
  text-decoration: none;
  font-weight: 600;
}

body.login-page .form-wrapper {
  display: none;
  animation: fadeIn .35s ease;
}

body.login-page .form-wrapper.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.login-page .signup-text {
  margin-top: 25px;
  text-align: center;
  color: #666;
}

body.login-page .signup-text a {
  color: var(--yellow-color);
  text-decoration: none;
  font-weight: 600;
  transition: .3s;
}

body.login-page .signup-text a:hover {
  color: var(--Primary);
}