
/* ==============================================
   RESPONSIVE CSS FOR LUXURY LOGIN FORM
============================================== */

/* Tablet & Smaller Laptops (up to 1024px) */
@media (max-width: 1024px) {
    .login-form-cust {
        padding: 50px 40px;
        max-width: 90%;
        margin: 0 auto;
    }
    
    .login-form-cust h1,
    .login-form-cust h2,
    .login-form-cust .elementor-heading-title {
        font-size: 48px;
    }
    
    /* Adjust glowing pseudo-elements for tablet to prevent overflow */
    .login-form-cust:before {
        width: 300px;
        height: 300px;
        top: -120px;
        right: -80px;
    }
    .login-form-cust:after {
        width: 250px;
        height: 250px;
        bottom: -100px;
        left: -80px;
    }
}

/* Mobile Portrait & Landscape (up to 767px) */
@media (max-width: 767px) {
    .login-form-cust {
        padding: 40px 25px;
        margin: 30px auto;
        border-radius: 24px;
        width: 92%;
    }

    .login-form-cust h1,
    .login-form-cust h2,
    .login-form-cust .elementor-heading-title {
        font-size: 38px;
        margin-bottom: 35px;
    }

    .login-form-cust input[type="text"],
    .login-form-cust input[type="email"],
    .login-form-cust input[type="password"] {
        height: 60px;
        font-size: 15px;
        padding: 14px;
    }

    .login-form-cust .elementor-button {
        height: 60px;
        font-size: 15px;
        padding: 12px !important;
    }
}

/* Small Mobile Devices (up to 480px) */
@media (max-width: 480px) {
    .login-form-cust {
        padding: 35px 20px;
        margin: 20px auto;
        border-radius: 20px;
        width: 95%;
    }

    .login-form-cust h1,
    .login-form-cust h2,
    .login-form-cust .elementor-heading-title {
        font-size: 32px;
        margin-bottom: 25px;
    }
    
    .login-form-cust h1:after,
    .login-form-cust h2:after,
    .login-form-cust .elementor-heading-title:after {
        width: 70px;
        margin: 14px auto 0;
    }

    .login-form-cust label {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .login-form-cust input[type="text"],
    .login-form-cust input[type="email"],
    .login-form-cust input[type="password"] {
        height: 52px;
        font-size: 14px;
        border-radius: 12px;
    }

    .login-form-cust .elementor-button {
        height: 55px;
        font-size: 14px;
        border-radius: 15px;
    }

    .login-form-cust .elementor-field-type-checkbox label {
        font-size: 14px;
    }
    
    /* Remove large glow elements on very small screens to improve performance and stop horizontal scroll */
    .login-form-cust:before,
    .login-form-cust:after {
        display: none;
    }
}
/* Tablet & Smaller Laptops (up to 1024px) */
@media (max-width: 1024px) {
    .login-form-cust {
        padding: 50px 40px;
        /* Keep it constrained instead of letting it stretch */
        max-width: 550px !important; 
        width: 100%;
        /* Center the form horizontally */
        margin: 40px auto !important; 
    }
    
    .login-form-cust h1,
    .login-form-cust h2,
    .login-form-cust .elementor-heading-title {
        font-size: 44px;
        margin-bottom: 40px;
    }
    
    /* Adjust glowing pseudo-elements for tablet to prevent overflow */
    .login-form-cust:before {
        width: 250px;
        height: 250px;
        top: -100px;
        right: -60px;
    }
    .login-form-cust:after {
        width: 200px;
        height: 200px;
        bottom: -80px;
        left: -60px;
    }
}

/* Give the row breathing room on both sides for the pulled-out icons */

.cust-option-circle .gfield_radio {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 60px;
	position: relative;
}

/* All 7 circles look identical - no special styling for first/last */
/* .cust-option-circle .gchoice label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	background: #fff;
	cursor: pointer;
	position: relative;
} */

.cust-option-circle input:checked+label {
	/*   background: #C9A227;         /* gold fill */
	border-color: #6B2737;
	/* maroon ring */
}

/* THE FIX: pull the existing <img> out of the circle, no JS needed */
.cust-option-circle .gchoice:first-child label img,
.cust-option-circle .gchoice:last-child label img {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	transform: translateY(-50%);
	pointer-events: none;
	/* clicks pass through to the circle underneath */
}

.cust-option-circle .gchoice:first-child label img {
	left: -56px;
}

.cust-option-circle .gchoice:last-child label img {
	right: -56px;
}

/* THE FIX — hardened so nothing can override it */
.cust-option-circle .gchoice:first-child label img,
.cust-option-circle .gchoice:last-child label img {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	transform: translateY(-50%);
	pointer-events: none !important;
	/* force this to win over any theme rule */
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	user-select: none;
	z-index: 0;
}

.cust-option-circle .gchoice:first-child label img {
	left: -56px;
}

.cust-option-circle .gchoice:last-child label img {
	right: -56px;
}


/*30-06*/
#input_17_18 {
	width: 100% !important;
	height: 48px !important;
	padding: 12px 16px !important;
	border: 1px solid #dcdcdc !important;
	border-radius: 6px !important;
	font-size: 16px !important;
	box-sizing: border-box !important;
}

.quiz-img-text-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.quiz-img-text-wrap img.q1_overview.cust-overview {
	width: 400px;
	max-width: 100%;
}


/*30-06-end*/
div#input_2_321 {
	justify-content: center;
}

span#gfield_choice_limit_message_2_321 {
	text-align: center;
}

#pd-global-tooltip {
	display: none !important;
}

.pro-tip-div-cust li {
	padding-bottom: 8px;
}

.ideal-div-cust li {
	padding-bottom: 8px;
}

.app-div-cust strong {
	text-decoration: none !important;
}

.app-div-cust li {
	padding-bottom: 7px;
}

.f-head-icon {
	width: 48px;
}

/* Add extra space after 3rd item */
.list-6-cust ul li:nth-child(3) {
	margin-bottom: 20px;
}

.logout-link a {
	color: white !important;
}

.pop-div-cust h3.elementor-image-box-title {
	margin: 0px;
}

.pop-div-cust .elementor-image-box-wrapper {
	display: flex !important;
	align-content: center;
	align-items: center !important;
}

/* Hide PPS&7pillar back button section by default */
.pps-back-btn-cust,
.mbti-back-btn-cust {
	display: none !important;
}

/* Hide tab section for PPS & Pillar */
body.from-pps .tab-p-sec-cust {
	display: none;
}

/* Grid: button lives in .p-overlay on hover — hide the inline one */
.p-card-actions {
	display: none;
}

/* List: show inline button, hide the overlay entirely */
#productGrid[style*="grid-template-columns: 1fr"] .p-card-actions {
	display: block;
	margin-top: 0.6rem;
}

#productGrid[style*="grid-template-columns: 1fr"] .p-card-actions .add-btn {
	width: 100%;
	text-align: center;
}

#productGrid[style*="grid-template-columns: 1fr"] .p-overlay {
	display: none;
}

/* Hide extra paragraph only for Pillar */
body.from-pillar .cust-url-para {
	display: none;
}

/* Force show correctly for Elementor containers */
.pps-back-btn-cust.show,
.mbti-back-btn-cust.show {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Sub-tabs style */
.um-account-side a[data-tab="persona_quiz"],
.um-account-side a[data-tab="persona_result"] {
	padding-left: 20px !important;
	font-size: 15px;
	opacity: 1;
}

/* Arrow */
.um-account-side a[data-tab="perfume_persona"]::after {
	content: "▾";
	float: right;
	transition: transform 0.2s ease;
	display: none;
}

/* Rotate arrow */
.um-account-side li.persona-open>a::after {
	transform: rotate(180deg);
	display: none;
}

.cust-account .um-account-side ul li.persona-open span.um-account-arrow {
	transform: rotate(90deg);
}

.ppas_cat_where_wrap p {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	gap: 10px;
	text-style: italic;
	font-style: italic;
	font-size: 18px;
	font-weight: 400;
}

/* .ppas_cat_where_wrap {
background-color: #7b000014;
padding: 30px;
margin-top: 30px;
border-radius: 10px;
}
*/
.ppas_cat_where_wrap b {
	text-transform: capitalize;
	font-style: normal;
	font-weight: 500;
	font-size: 25px;
}

.cust-product-inspired p {
	margin-bottom: 0px;
}

.wearer-personality-list {
	display: inline-flex;
	gap: 10px;
	padding: 8px;
	list-style: none;
	margin: 0;
}

.wearer-item {
	padding: 6px 15px;
	border-radius: 25px;
	font-size: 14px;
	font-weight: 500;
	color: #000000;
	background: transparent;
	border: 1px solid #0000008c;
	transition: all 0.3s ease;
}

.cust-product-detail tr td.value {
	line-height: unset !important;
	padding: 0;
	background-color: unset !important;
}

.cust-product-detail tr td.value a {
	display: none;
}

.cust-product-detail .tabs .tab {
	font-family: "Jost", Sans-serif;
	border: 1px solid #F1E5CB;
	border-radius: 0px;
	color: #000;
	font-size: 18px;
	background: #F1E5CB;
}

.cust-product-detail .tab:hover {
	border: 1px solid #65000B !important;
	border-radius: 0px;
	background-color: #65000B;
	color: #fff;
	font-weight: 400 !important;
}

.cust-product-detail .tabs .active {
	border: 1px solid #00000000 !important;
	border-radius: 0px;
	background-color: #f5f5f5;
	color: #000000;
	font-weight: 400 !important;
}

.cust-product-detail .ai-badge p {
	font-family: jost;
	font-size: 14px !important;
	font-weight: 400;
	text-transform: capitalize;
}

.cust-product-detail .ai-badge p strong {
	font-size: 18px !important;
}

p.your-profile-match-cust {
	background-color: #f6f1e2;
	padding: 12px 20px;
	border-radius: 8px;
	margin: 0px;
	font-family: jost;
	font-size: 16px !important;
	font-weight: 400;
}

.cust-product-detail #profile {
	font-family: jost;
}

.cust-product-detail #accord {
	font-family: jost;
}

.cust-product-detail .wpgs-wrapper {
	width: 100% !important;
}

.cust-product-detail .cust-product-des p {
	font-family: jost;
	font-size: 16px !important;
	font-weight: 400;
}

.cust-product-detail .woo-product-gallery-slider.woocommerce-product-gallery.wpgs--with-images.images {
	width: 100% !important;
}

.right-bullet {
	list-style: none !important;
	padding-left: 0 !important;
}

.right-bullet li::before {
	content: "➤ " !important;
	margin-right: 8px !important;
}

.diamond-bullet {
	list-style: none !important;
	padding-left: 0 !important;
}

.diamond-bullet li::before {
	content: "◆ " !important;
	margin-right: 8px !important;
}

.check-bullet {
	list-style: none !important;
	padding-left: 0 !important;
}

.check-bullet li::before {
	content: "✔ " !important;
	margin-right: 8px !important;
}

.evocative-list {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.evocative-list li {
	padding: 6px 14px;
	border-radius: 20px;
	font-weight: 500;
	color: #322D29;
}

/* Background colors */
.evocative-list .distinguished {
	background: #F1E5CB;
}

.evocative-list .heritage {
	background: #0B3545;
	color: #fff;
}

.evocative-list .yachting {
	background: #D67D09;
	color: #fff;
}

.evocative-list .accomplished {
	background: #5A6B3E;
	color: #fff;
}

.evocative-list .wanderlust {
	background: #65000B;
	color: #fff;
}

.cust-scent-info strong,
.cust-the-vibe strong {
	font-weight: 600 !important;
	/* Semi-bold */
	color: #000 !important;
	/* Black text */
}

.cust-application strong {
	font-weight: 600 !important;
	/* Semi-bold */
	color: #fff !important;
	text-decoration: underline;
	/* Black text */
}


.cfvsw-swatches-container.cfvsw-product-container {
	flex-direction: row-reverse !important;
}

.img-field .gchoice {
	border-radius: 100px !important;
	background-color: #e1d6c6 !important;
	height: 310px;
}

.img-field .gchoice:focus-visible {
	--gf-local-border-color: #686e7759 !important;
	outline: none !important;
}

.img-field .gchoice:focus {
	--gf-local-border-color: #686e7759 !important;
	outline: none !important;
}

.img-field .gchoice:focus-within {
	--gf-local-border-color: #686e7759 !important;
	outline: none !important;
}

.img-field .gchoice .gfield-image-choice-wrapper-outer:focus {
	--gf-local-border-color: #686e7759 !important;
	outline: none !important;
}

.img-field .gchoice .gfield-image-choice-wrapper-outer:focus-within {
	--gf-local-border-color: #686e7759 !important;
	outline: none !important;
}

.img-field .gchoice :focus-within:hover {
	outline: none !important;
}


.img-field img {
	border-top-right-radius: 100px !important;
}

.img-field .gfield-choice-image-wrapper {
	border-top-left-radius: 100px !important;
	border-top-right-radius: 100px !important;
}

.img-field span.gfield-image-choice-wrapper-inner {
	display: flex !important;
	flex-direction: column;
	justify-content: center !important;
	align-items: center;
}

.img-field label {
	text-align: center;
}

.img-field legend {
	text-align: center;
	font-size: 25px !important;
	padding-bottom: 30px;
}

.img-field .gfield_radio {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

/*29-01-2026 start*/

.cust-btn-dark a {
	position: relative;
	display: inline-block;
	/* ensures pseudo-elements align correctly */
}

/* TOP LEFT */
.cust-btn-dark a::before {
	content: "";
	position: absolute;
	top: -5px;
	left: -5px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #A65E46;
	/* border color */
	border-left: 1px solid #A65E46;
}

/* BOTTOM RIGHT */
.cust-btn-dark a::after {
	content: "";
	position: absolute;
	bottom: -5px;
	right: -5px;
	width: 10px;
	height: 10px;
	border-bottom: 1px solid #A65E46;
	border-right: 1px solid #A65E46;
}

/* TOP RIGHT */
.cust-btn-dark a span::before {
	content: "";
	position: absolute;
	top: -5px;
	right: -5px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #A65E46;
	border-right: 1px solid #A65E46;
}

/* BOTTOM LEFT */
.cust-btn-dark a span::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: -5px;
	width: 10px;
	height: 10px;
	border-bottom: 1px solid #A65E46;
	border-left: 1px solid #A65E46;
}


/* Hover effect for all 4 corners */
.cust-btn-dark:hover a::before,
.cust-btn-dark:hover a::after,
.cust-btn-dark:hover a span::before,
.cust-btn-dark:hover a span::after {
	width: 70%;
	/* expand width */
	height: 70%;
	/* expand height */
	transition: width 0.5s ease-out, height 0.5s ease-out;
}

.cust-btn a {
	position: relative;
	display: inline-block;
	/* ensures pseudo-elements align correctly */
}

/* TOP LEFT */
.cust-btn a::before {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #EBDED4;
	/* border color */
	border-left: 1px solid #EBDED4;
}

/* BOTTOM RIGHT */
.cust-btn a::after {
	content: "";
	position: absolute;
	bottom: -3px;
	right: -3px;
	width: 10px;
	height: 10px;
	border-bottom: 1px solid #EBDED4;
	border-right: 1px solid #EBDED4;
}

/* TOP RIGHT */
.cust-btn a span::before {
	content: "";
	position: absolute;
	top: -3px;
	right: -3px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #EBDED4;
	border-right: 1px solid #EBDED4;
}

/* BOTTOM LEFT */
.cust-btn a span::after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: -3px;
	width: 10px;
	height: 10px;
	border-bottom: 1px solid #EBDED4;
	border-left: 1px solid #EBDED4;
}


/* Hover effect for all 4 corners */
.cust-btn:hover a::before,
.cust-btn:hover a::after,
.cust-btn:hover a span::before,
.cust-btn:hover a span::after {
	width: 70%;
	/* expand width */
	height: 70%;
	/* expand height */
	transition: width 0.5s ease-out, height 0.5s ease-out;
}

/* hide overflow so icon slides in */
.cust-btn span.elementor-button-icon {
	overflow: hidden;
	display: inline-flex;
}

/* initial icon position (shifted left) */
.cust-btn i.hm.hm-arrow-right {
	transform: translateX(-20px);
	transition: transform 1s ease;
}

/* hover animation */
.cust-btn:hover i.hm.hm-arrow-right {
	transform: translateX(0);
}

/*29-01-2026 end*/
/* ----------------------------------
HIDE DEFAULT GRAVITY PROGRESS BAR
---------------------------------- */
#gf_progressbar_wrapper_2 {
	display: none !important;
}

input:focus {
	border-color: unset !important;
}


/* ----------------------------------
CUSTOM PROGRESS WRAPPER
---------------------------------- */
#custom-gf-steps {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 15px 24px;
	background: #fbf7f2;
	border-bottom: 1px solid #e5dccf;
	font-family: jost, system-ui, sans-serif;
	width: 100%;
	/*   position: absolute;
	top: -80px;
	left: 0px; */
	position: fixed;
	top: 0;
	z-index: 999;
	margin: 0px 0px 70px 0px;
}

.quiz-form-code-cust {
	position: static;
}

.quiz-sec-cust>.e-con-inner {
	position: relative;
}

/* BACK BUTTON */
#custom-gf-steps .gf-back {
	font-size: 13px;
	color: #9b8c76;
	text-decoration: none;
	white-space: nowrap;
}

#custom-gf-steps .gf-back:hover {
	color: #6f5f46;
}

/* ----------------------------------
STEPS ROW
---------------------------------- */
.gf-steps {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: space-between;
	/* padding: 0 12px; */
}

/* CONNECTOR LINE */
.gf-steps::before {
	content: "";
	position: absolute;
	top: 14px;
	left: 0;
	right: 0;
	height: 2px;
	background: #e1d6c6;
	z-index: 0;
}

/* ----------------------------------
STEP ITEM
---------------------------------- */
.gf-step {
	position: relative;
	text-align: center;
	z-index: 1;
}

/* CIRCLE */
.gf-circle {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #e1d6c6;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	transition: background 0.25s ease;
}

/* LABEL */
.gf-label {
	font-size: 12px;
	color: #9b8c76;
	white-space: nowrap;
}

/* ----------------------------------
ACTIVE STEP
---------------------------------- */
.gf-step.active .gf-circle {
	background: #a65e46;
}

.gf-step.active .gf-label {
	color: #6f5f46;
	font-weight: 600;
}

/* ----------------------------------
COMPLETED STEP
---------------------------------- */
.gf-step.completed .gf-circle {
	background: #c6b289;
}

/* ----------------------------------
MOBILE
---------------------------------- */
@media (max-width: 768px) {
	#custom-gf-steps {
		padding: 14px 16px;
	}

	.gf-label {
		font-size: 11px;
	}

	.gf-circle {
		width: 24px;
		height: 24px;
		font-size: 12px;
	}
}

/*22-01-2026 start*/


.cust-emai-field label.gfield_label,
.cust-age-field label.gfield_label,
.cust-gender-field .gfield_label {
	font-size: 30px !important;
	justify-content: center;
	letter-spacing: -0.5px;
	color: #000 !important;
	margin-top: 20px;
	margin-bottom: 40px;
}

.cust-emai-field input {
	text-align: center;
	font-size: 20px !important;
}

.cust-gender-field {
	text-align: center;
}

.pps-quiz-gender .gfield_radio {
	justify-content: center;
	gap: 0 !important;
}

.quiz-form-code-cust .gf_progressbar_wrapper {

	margin: 0px 0 30px;
	background: #e8d3c7;
	border-radius: 5px;
	box-shadow: 0 0 10px #1d24321a;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	max-width: 1000px;
	margin: 50px auto !important;
	left: 50% !important;
	transform: translate(-50%);
}

.cust-emai-field input {
	border-bottom: 1px solid #00000050 !important;
	border-top: unset !important;
	border-right: unset !important;
	border-left: unset !important;
	box-shadow: unset !important;
	border-radius: 0px !important;
}

h2.title-one {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: -1px;
	text-align: center;
}

.cust-age-field input {
	background-color: unset !important;
	border: unset !important;
	padding: unset !important;
	border-radius: unset !important;
}

/* ===== AGE SLIDER CONTAINER ===== */
.age-slider-wrap {
	position: relative;
	width: 100%;
	padding-top: 10px;

}

/* ===== RANGE INPUT ===== */
.age-slider-wrap input[type="range"] {
	-webkit-appearance: none;
	width: 100%;
	height: 20px;
	border-radius: 20px;
	background: #d8cbb2;
	outline: none;
}

/* ===== FILLED TRACK ===== */
.age-slider-wrap input[type="range"] {
	background: linear-gradient(to right,
			#A65E46 0%,
			#72383D var(--fill-percent, 30%),
			#D9AA90 var(--fill-percent, 30%),
			#D9AA90 100%);
}

/* ===== THUMB ===== */
.age-slider-wrap input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 5px;
	height: 5px;
	background: #9f5f46;
	border-radius: 50%;
	cursor: pointer;
	margin-top: -0px;
	position: relative;
	z-index: 3;
}

.age-slider-wrap input[type="range"]::-moz-range-thumb {
	width: 30px;
	height: 30px;
	background: #1f1f14;
	border-radius: 50%;
	cursor: pointer;
}

/* ===== VALUE INSIDE THUMB ===== */
.age-slider-value {
	position: absolute;
	top: -15px;
	width: 55px;
	height: 55px;
	background: #1f1f14;
	color: #fff;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	transform: translateX(-50%);
	z-index: 4;
	cursor: pointer;
}

.age-slider-scale span {
	font-size: 16px;
}

/* ===== SCALE ===== */
.age-slider-scale {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	font-size: 12px;
	color: #1f1f14;
	width: 100%;
	margin: 30px auto;
}

.age-slider-scale span {
	transform: translateX(-50%);
}


input#input_2_287 {
	padding: 0 !important;
	border-radius: 20px !important;
	height: 13px;
	box-shadow: unset;
}

/*22-01-2026 end*/
/*21-01-2026 start*/

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) input::before,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(7) input::before,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) .gfield-choice-input,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(7) .gfield-choice-input {
	width: 70px;
	height: 70px;
}



.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) .gfield-choice-input {
	border: 2px solid #65000B !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) .gfield-choice-input,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(7) .gfield-choice-input {
	border: 2px solid #D67D09 !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) .gfield-choice-input,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(6) .gfield-choice-input {
	border: 2px solid #5A6B3E !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) input::before,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(7) input::before {
	background: #D67D09 url('https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg') no-repeat center;
	background-size: 60%;
	border: 2px solid #D67D09 !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) .gfield-choice-input,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) .gfield-choice-input {
	border: 2px solid #65000B !important;
}

/* 2nd & 4th */
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) input::before,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(6) input::before,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) .gfield-choice-input,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(6) .gfield-choice-input {
	width: 56px;
	height: 56px;
}

/* 3nd & 5th */
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) input::before,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) input::before,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) .gfield-choice-input,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) .gfield-choice-input {
	width: 46px;
	height: 46px;
}

#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
	margin-bottom: 24px;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) input::before,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(6) input::before {
	border: 2px solid #5A6B3E !important;
	background: #5A6B3E url('https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg') no-repeat center;
	background-size: 60%;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) input::before,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) input::before {
	border: 2px solid #65000B !important;
	background: #65000B url('https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg') no-repeat center;
	background-size: 60%;
}

#gform_2 {
	box-shadow: unset !important;
	border-radius: 20px;
	background-color: unset !important;
}

.quiz-sec-cust .e-con-inner {
	justify-content: flex-start !important;
	width: 100%;
	max-width: 100%;
}

.quiz-form-code-cust .gform-body.gform_body {
	padding: 30px;
	border-radius: 20px;
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
}

.quiz-form-code-cust .gf_progressbar_wrapper {
	margin: 30px 0 50px;
	position: absolute;
	top: -110px;
	left: 0px;
	width: 100%;
}

#gform_2 {
	box-shadow: 0 10px 40px #1d24321a;
	border-radius: 20px;
	background-color: rgb(217 170 144 / 40%);
	font-family: "Jost", Sans-serif;
}

#gform_2 .gform_page_fields input {
	background-color: transparent;
	border: 2px solid #0B3545;
	padding: 1.6rem 1rem;
	border-radius: 4px;
}

#gform_2 .gform_page_fields .gfield_radio input {
	border-radius: 100%;
	padding: 0px;
}

#gform_2 .gform_page_fields .gform-field-label {
	font-family: 'Jost';
	font-size: 18px;
	line-height: 24px;
	color: #3c3c3c;
	font-weight: 400;
}

#gform_2 .gform_page_fields .title-one {
	font-size: 40px;
	line-height: 32px;
	font-weight: 500;
	margin: 30px 0px;
	color: #222222;
	letter-spacing: -1px !important;
}

#gform_2 .gform_save_link {
	background: #ffffff;
	border-radius: 40px;
}

#gform_2 .gform-theme-button {
	padding: 0.8rem 1.6rem;
}

#gform_2 .form_sublabel_below .gfield--type-radio {
	border-bottom: 1px solid rgb(166 94 70 / 31%);
	/*     padding-bottom: 70px !important; */
}

#gform_2 .gform-theme--foundation .gform_fields {
	column-gap: 24px !important
}

#gform_2 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
	font-size: 16px;
	line-height: 18px;
}

/* .quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice input::before {
top: -1px !important;
left: -1px !important;
} */
.quiz-form-code-cust .gform-page-footer {
	margin: 50px 0 0 !important;
	column-gap: 20px !important;
	justify-content: center;
}

.quiz-form-code-cust .gf_progressbar_percentage {
	background: #A65E46 !important;
}

.quiz-form-code-cust .gf_progressbar_wrapper p.gf_progressbar_title {
	font-family: "Jost", Sans-serif !important;
	margin-bottom: 0px !important;
	color: #333333;
}

.quiz-form-code-cust .gf_progressbar_wrapper .gf_progressbar_blue {
	flex: 1 !important;
	margin-left: 10px !important;
	background: #A65E46;
}

.quiz-form-code-cust .gf_progressbar_wrapper {
	margin: 0px 0 30px;
	background: #e8d3c7;
	border-radius: 5px;
	box-shadow: 0 0 10px #1d24321a;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

/*21-01-2026 end*/

.product-creator-content {
	min-height: 46px;
}

.product-details {
	min-height: 87px;
}

.custom-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.application-longevity-tips li::before {
	content: "→";
	color: #ff9800;
	/* optional different color */
}

.application-longevity-tips li::before {
	content: "→";
	color: #9f5f46;
	font-size: 22px;
	line-height: 22px;
}

.application-longevity-tips li span {
	line-height: 1.5;
	font-family: "Jost", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding-left: 10px;
}

.custom-list li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}


.custom-list li span {
	line-height: 1.5;
	font-family: "Jost", Sans-serif;
	font-size: 16px;
	font-weight: 400;
}

/*12-01-start*/
.product-tags li {
	font-size: 12px;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	border-radius: 0px;
	line-height: 1.2;
	color: #000;
	padding: 4px 8px;
}

/* Color variations */
.product-tags li:nth-child(1) {
	background: #EDE9FE;
}

/* lavender */
.product-tags li:nth-child(2) {
	background: #FEE2E2;
}

/* soft red */
.product-tags li:nth-child(3) {
	background: #FEF3C7;
}

/* warm yellow */
.product-tags li:nth-child(4) {
	background: #DCFCE7;
}

/* soft green */
.product-tags li:nth-child(5) {
	background: #E0F2FE;
}

/* soft blue */
.product-tags li:nth-child(6) {
	background: #FAE8FF;
}

/* soft purple */
.product-tags li:nth-child(7) {
	background: #FFE4E6;
}

/* rose */
.product-tags li:nth-child(8) {
	background: #ECFEFF;
}

/* cyan */

/*12-01-end*/

/*29-12-start*/
ul.product-tags {
	list-style: none;
	padding-left: 0px;
	padding-bottom: 10px;
	display: flex;
	gap: 5px;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
}

.product-details {
	display: flex;
	flex-direction: column;
}

p.product-creator {
	padding-bottom: 0px !important;
}

/*29-12-end*/


/*17-11-start*/

.mbti-header {
	text-align: center;
	margin-bottom: 40px;
}

.mbti-header h2 {
	font-size: 28px;
	font-weight: 700;
	color: #333;
}

.mbti-header h2 span {
	color: #5c3aff;
	font-weight: 900;
}

.mbti-bars .blue .mbti-bar-heading {
	color: #5fa3c5;
}

.mbti-bars .gold .mbti-bar-heading {
	color: #deb223;
}

.mbti-bars .green .mbti-bar-heading {
	color: #5ba474;
}

.mbti-bars .purple .mbti-bar-heading {
	color: #7a4fa6;
}


.mbti-bars {
	max-width: 100%;
	font-family: jost, sans-serif;
	padding: 30px 50px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.mbti-bar-heading {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.bar-track {
	position: relative;
	height: 5px;
	border-radius: 10px;
	background: #ddd;
}

.bar-fill {
	height: 5px;
	border-radius: 10px;
}

.bar-thumb {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: white;
	border: 1px solid #666;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

/* Labels */
.bar-labels {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	font-size: 14px;
	color: #444;
}

/* Colors per bar */
/* .mbti-bar.blue .bar-fill { background: #4fa3c4; }
.mbti-bar.blue .bar-thumb { border-color: #4fa3c4; }

.mbti-bar.gold .bar-fill { background: #e4b32b; }
.mbti-bar.gold .bar-thumb { border-color: #e4b32b; }

.mbti-bar.green .bar-fill { background: #4ca575; }
.mbti-bar.green .bar-thumb { border-color: #4ca575; }

.mbti-bar.purple .bar-fill { background: #7d4ca5; }
.mbti-bar.purple .bar-thumb { border-color: #7d4ca5; } */

/*17-11-end*/


.quiz-form-code-cust .gform_fields legend.gfield_label {
	font-family: "Poppins", Sans-serif;
}

.quiz-form-code-cust .gform_fields .pps-quiz-gender .ginput_container_radio .gchoice label {
	cursor: pointer;
	font-family: "Jost", Sans-serif;
	font-size: 26px !important;
	line-height: 30px !important;
	text-align: center;
}

.quiz-form-code-cust .gform_heading h2.gform_title {
	font-family: "Poppins", Sans-serif;
}

.quiz-form-code-cust .gf_progressbar_percentage {
	background: #D9AA90 !important;
}

.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice input {
	height: 40px;
	width: 40px;
	position: relative;
	cursor: pointer;
}

.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice input::focus {
	border: none !important;
	box-shadow: none !important;
	--gf-local-outline-width: 0 !important;
	outline: none !important;
}

.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice input::before {
	content: "";
	/*     position: absolute; */
	inset: -1px;
	opacity: 0;
	height: 40px;
	width: 40px;
	background: url(https://srv1562361.hstgr.cloud/wp-content/uploads/2025/11/check.png) no-repeat center;
	background-size: cover;
}

.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice:hover input::before {
	opacity: 1;
}

.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice [type="radio"]:checked::before {
	opacity: 1;
}

.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice {
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.quiz-form-code-cust .cust-mbti-quiz-form #gform_page_2_1 .gform_fields .ginput_container_radio .gchoice {
	padding: 50px 0;
	border-radius: 100px;
	background: #F3E7CE;
}

.quiz-form-code-cust .cust-mbti-quiz-form #gform_page_2_1 .gform_fields .ginput_container_radio .gchoice:focus-within {
	border-color: #686e7759 !important;
}


/*.quiz-form-code-cust .gform-page-footer input.gform-theme-button {
background: #6A4E77 !important;
color: #fff !important;
font-family: "Poppins", Sans-serif !important;
padding: 0 35px !important;
border-radius: 40px !important;
border: none !important;
}
.quiz-form-code-cust .gform-page-footer input.gform-theme-button:hover {
background: #F7E8D9 !important;
color: #112337 !important;
}*/
.quiz-form-code-cust .gform-page-footer {
	margin: 50px 0 0;
	column-gap: 40px;
}

.quiz-form-code-cust .gf_progressbar_wrapper {
	margin: 50px 0 50px;
}

/* .quiz-form-code-cust .gf_progressbar_wrapper p.gf_progressbar_title {
font-family: "Poppins", Sans-serif !important;
color: #333333;
}*/
.quiz-form-code-cust .gform-page-footer input[type="submit"] {
	background: #6A4E77 !important;
	color: #fff !important;
	font-family: "Poppins", Sans-serif !important;
	padding: 0 35px !important;
	border-radius: 40px !important;
	border: none !important;
}

.quiz-form-code-cust .gform-page-footer input[type="submit"]:hover {
	background: #F7E8D9 !important;
	color: #112337 !important;
}

.quiz-form-code-cust .gform_confirmation_message {
	font-family: "Poppins", Sans-serif !important;
}

.cust-result b {
	font-size: 30px;
}


.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
	--gf-local-outline-width: 0 !important;
}

.pillar-wrapper {
	display: flex;
	flex-direction: column;
	gap: 35px;
	margin: 40px 0;
}

.pillar-card {
	position: relative;
	padding: 25px;
	border-radius: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*     min-height: 150px; */
	/*     border: 2px solid transparent; */
	/*     background: linear-gradient(90deg, rgba(255, 120, 120, 0.15), rgba(120, 120, 255, 0.15)); */
	/*     box-shadow: 0 0 10px rgba(0,0,0,0.05); */
	/* border-left: 5px solid red !important;
	border-right: 5px solid blue !important; */
	background-color: #72383d ;
	border-color: #72383d !important;
}

.pillar-number {
	display: none;
}

/* Optional: gradient variation per pillar */
.pillar-1 {
	border-color: #ff4d4d;
}

.pillar-2 {
	border-color: #ff8080;
}

.pillar-3 {
	border-color: #ff9999;
}

.pillar-title-box {
	text-align: center;
	padding: 20px 10px 40px;
}

.pillar-title-box h3 {
	font-size: 36px;
	font-family: "Jost", Sans-serif;
	font-weight: 500;
}

.pillar-sub {
	font-size: 14px;
	color: #444;
	margin: 0 auto;
	line-height: 1.4;
	font-family: 'Poppins';
}

.main-pillar-wrapper h2 {
	padding-top: 20px;
	font-size: 40px;
	font-family: 'Recursive';
	font-weight: 800;
	letter-spacing: -1.5px;
	color: #000000;
}

.pillar-content p {
	margin: 20px 0px 5px 0px !important;
	font-family: 'Jost';
	color: #ffffff90;
	font-size: 18px;
	letter-spacing: -0.5px;
}

.pillar-content h3 {
	margin: 0px 0px 10px 0px;
	font-family: "Jost", Sans-serif;
	font-weight: 500;
	color: #fff;
	letter-spacing: -0.5px;
	color: #fff;
}

.pillar-content p:nth-of-type(2) {
	color: #333;
	font-size: 18px;
	font-weight: 600;
	padding-top: 10px !important;
}

ul.product-meta-list {
	padding-left: 20px;
}

.product-meta-list li {
	font-size: 14px !important;
	font-family: 'Jost';
	color: #000000;
}

.items p {
	margin: 0px !important;
	padding-bottom: 10px !important;
	font-size: 12px !important;
	color: #000000;
	font-family: 'Jost';
}

.item .desc b {
	color: #000000;
	font-family: 'Jost';
	letter-spacing: -1px;
	font-size: 24px;
	font-weight: 500;
}

.item {
	border: 1px solid #00000020;
}

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

.item .photo {
	height: 250px;
	overflow: hidden;
}

body.page-id-34 .quiz-lock-wrapper {
	filter: blur(6px);
	opacity: 0.4;
	pointer-events: none;
}

.quiz-lock-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.75);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 20px;
}

.quiz-lock-box {
	max-width: 420px;
	background: #111;
	padding: 30px;
	border-radius: 12px;
}

.quiz-lock-box h3 {
	margin-bottom: 10px;
}

.retake-quiz a {
	background-color: black;
	color: #ffffff !important;
	padding: 10px 30px;
	border-radius: 5px;
	font-family: monospace;
	font-weight: 600;
	text-transform: uppercase;
}

.main-pillar-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}


.product-buttons {
	padding-top: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap !important;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
}

.product-buttons button.pillar-add-variable {
	width: 47%;
	padding: 10px 15px;
	background-color: #5A6B3E;
	color: #FFFFFF;
	border: 1px solid #5A6B3E;
	font-family: 'Jost';
	font-size: 14px !important;
	border-radius: 5px;
}

.product-buttons a.pillar-add-cart {
	width: 48% !important;
	background-color: #D67D09;
	color: #fff;
	border: 1px solid #D67D09;
	font-family: 'Jost';
	font-size: 14px !important;
	text-align: center;
	padding: 10px 15px;
	border-radius: 5px;

}

.product-buttons select.pillar-variation-select {
	width: 100% !important;
	padding: 8px 10px !important;
	font-family: 'Jost';
	font-size: 14px !important;
	border-radius: 5px;
	border-color: #00000030;
}

.um-col-alt-b #um_account_submit_seven_pillar {
	display: none;
}

#um_account_submit_personality_analysis {
	display: none;
}

.um-account-tab.um-account-tab-orders .um-col-alt-b {
	display: none;
}

.um-account-tab-orders>.um-wc-orders {
	margin-top: 20px !important;
}

.um-account-tab.um-account-tab-orders {
	font-family: 'Jost';
	color: #000000;
	font-size: 16px;
}



.pillar-title-box {
	position: relative;
	overflow: hidden;
	z-index: 1;

	background-image: url("https://srv1562361.hstgr.cloud/wp-content/uploads/2026/02/tray-candle-perfume-top-bed_118124-227729.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 50px;
	margin-top: 20px;
	border-radius: 15px;
}

/* Black Overlay */
.pillar-title-box::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.65);
	/* overlay darkness */
	z-index: -1;
}

/* Keep content above overlay */
.pillar-title-box * {
	position: relative;
	z-index: 2;
}

.pillar-title-box h3 {
	color: #ffffff;
}

.pillar-title-box p {
	color: #FFFFFF;
	font-family: 'Jost';
	font-size: 16px !important;
	line-height: 1.4em;
}


/*22-01-2026 css start*/
.cust-mbti-quiz-form #field_2_290.gfield_html {
	position: absolute;
	top: -110px;
	left: 0px;
	width: 100%;
}

.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice input::before {
	background: #0B3545 url('https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg') no-repeat center;
	background-size: 60%;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice label {
	display: none;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:first-child label,
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:last-child label {
	display: block;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice {
	display: flex;
	justify-content: center;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:first-child label {
	margin-left: 0px;
	margin-right: 12px;
	order: -1;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio {
	display: flex;
	align-items: center;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 50px;
	justify-content: center;
}

.cust-mbti-quiz-form .gform-theme-button.button {
	font-family: "Jost", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
	line-height: 18px;
	letter-spacing: -0.5px;
	fill: #fff !important;
	color: #fff !important;
	background-color: #65000B !important;
	border-radius: 0px 0px 0px 0px !important;
}

.cust-mbti-quiz-form .gform-theme-button.button::before {
	color: #fff !important;
	opacity: 1;
}

.quiz-form-code-cust .gform-page-footer input.gform-theme-button {
	font-family: "Jost", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
	line-height: 18px;
	letter-spacing: -0.5px;
	fill: #EBDED4;
	color: #EBDED4;
	background-color: #A65E46 !important;
	border-radius:5px !important;
}

#gform_2 .gform-theme-button{
	border-radius:5px !important;
}
.quiz-form-code-cust .gform-page-footer input.button {
	font-family: "Jost", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
	line-height: 18px;
	letter-spacing: -0.5px;
	fill: #fff;
	color: #fff;
	background-color: #65000B !important;
	border-radius: 5px !important;
}

.quiz-form-code-cust .gform-page-footer input.gform-theme-button:hover,
.cust-mbti-quiz-form .gform-theme-button.button:hover,
.quiz-form-code-cust .gform-page-footer input.button:hover {
	fill: #A65E46 !important;
	color: #fff !important;
	background-color: #72383D !important;
}

.quiz-form-code-cust .gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-square.gfield--image-choice-appearance-card .gchoice:where(:has(input:checked))::after {
	display: none;
}

.quiz-form-code-cust .gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:focus-within,
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gchoice:focus-within .gfield-choice-image-wrapper {
	outline: none;
}

.quiz-form-code-cust .cust-gender-field .gfield-choice-image-wrapper {
	width: 90px;
}

.quiz-form-code-cust .cust-gender-field span.gfield-image-choice-wrapper-outer {
	display: flex;
	flex-direction: column;
	width: 100px;
	align-items: center;
}

.quiz-form-code-cust .cust-gender-field .gchoice {
	width: 100px !important;
	display: flex;
}

.quiz-form-code-cust .pps-quiz-gender .gchoice {
	justify-content: center;
}

.quiz-form-code-cust .pps-quiz-gender .ginput_container_radio .gchoice {
	align-items: center;
	width: 20% !important;
	flex: unset !important;
	max-width: 20%;
	min-height: 400px;
	border-radius: 0;
	padding: 20px 0px;
	justify-content: center;
	background: #EDDFBF;
	border-color: rgba(104, 110, 119, 0.35) !important;
	transition: all 0.80s ease !important;
	cursor: pointer;
}

.quiz-form-code-cust .cust-gender-field .ginput_container_radio .gfield_radio {
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px !important;
}

.quiz-form-code-cust .cust-gender-field .ginput_container_radio .gchoice:last-child {
	background: #F3E7CE;
}

/* .quiz-form-code-cust .pps-quiz-gender .ginput_container_radio .gchoice:hover {
max-width: 65%;
width: 65% !important;
} */

.quiz-form-code-cust .pps-quiz-gender .ginput_container_radio .gchoice:hover {
	transform: translateY(-8px);
}

.quiz-form-code-cust .cust-gender-field .ginput_container_radio .gchoice span.gfield-image-choice-wrapper-inner {
	flex-direction: column-reverse;
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px !important;
}

.quiz-form-code-cust .cust-gender-field .ginput_container_radio .gchoice span.gfield-image-choice-wrapper-inner label {
	margin: 0px !important;
}

.cust-option-circle legend.gfield_label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 24px !important;
	font-weight: 700 !important;
}

.cust-quiz-chekbox-wrapper .gfield-choice-input {
	padding: 15px !important;
	border-radius: 0px !important;
	position: relative;
}

.cust-quiz-chekbox-wrapper .gfield-choice-input::before {
	background: #A65E46 url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
	background-size: 60%;
	contnet: '';
	position: absolute !important;
	inset: 0px;
	font-size: 0px !important;
}

.quiz-form-code-cust .form_saved_message {
	text-align: center;
}

.quiz-form-code-cust .form_saved_message .gform-footer {
	justify-content: center;
}

.quiz-form-code-cust .form_saved_message .gform-footer input[type="submit"] {
	font-family: "Jost", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
	line-height: 18px;
	letter-spacing: -0.5px;
	fill: #EBDED4;
	color: #EBDED4;
	background-color: #A65E46 !important;
	border-radius: 0px 0px 0px 0px !important;
}

.quiz-form-code-cust .form_saved_message .gform-footer input[type="submit"]:hover {
	fill: #A65E46 !important;
	color: #A65E46 !important;
	background-color: #EBDED4 !important;
}

/*22-01-2026 css start*/

/* 23-01-2026 css start */
.quiz-steps-row {
	display: flex;
	align-items: flex-start;
	width: 100%;
	max-width: 883px;
	margin: 0 auto;
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	justify-content: space-between;
	margin-left: 45px;
}

.quiz-steps-row .quiz-step {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.quiz-steps-row .step-icon {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 2px solid #cbb89c;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 14px;
	color: #cbb89c;
	background: #fff;
	margin-bottom: 16px;
}

.quiz-steps-row .step-text {
	font-size: 13px;
	color: #8e836f;
	line-height: 1.2;
	max-width: 90px;
	text-align: center;
}

.quiz-steps-row {
	transition: opacity 0.3s ease,
}

.quiz-steps-row.is-hidden {
	opacity: 0;
	visibility: hidden;
}

/* 23-01-2026 css end */

/* 28-01-2026 css start */
.gf-steps span.gf-label {
	visibility: hidden;
}

.gf-step.active span.gf-label,
.gf-step.completed span.gf-label {
	visibility: visible;
}

.gf-step {
	position: relative;
	text-align: center;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}

/* 28-01-2026 css end */

/* 02-06-2026 css start */

.cust-account .um-account-side.uimob340-hide.uimob500-hide {
	padding: 20px;
	background-color: #0B3545 !important;
	box-shadow: none;
	border-radius: 0px;
	border-left: none;
}

.cust-account .um-account-side ul li {
	background-color: transparent;
	border: none;
}

.cust-account .um-account-side ul li a {
	border-radius: 40px;
	background: #1F4A5C;
	transition: 0.3s ease;
}

.cust-account .um-account-side ul li a.current,
.cust-account .um-account-side ul li a:hover {
	background: #E59A3A;
	border-radius: 40px;
	transition: 0.3s ease;
}

.cust-account .um-account-side ul li a.current span.um-account-title,
.cust-account .um-account-side ul li a:hover span.um-account-title {
	color: #fff !important;
}


.cust-account .um-account-side ul li a .um-account-icon {
	border-color: #fff;
	color: #fff;
	transition: 0.3s ease;
}

.cust-account .um-account-side ul li a .um-account-title {
	color: #fff;
}

.cust-account .um-account-side ul li a.current,
.cust-account .um-account-side ul li a:hover,
.cust-account .um-account-side ul li a.current .um-account-icon,
.cust-account .um-account-side ul li a:hover .um-account-icon,
.cust-account .um-account-side ul li a.current .um-account-title,
.cust-account .um-account-side ul li a:hover .um-account-title {
	color: #EBDED4 !important;
	border-color: #EBDED4;
	transition: 0.3s ease;
}

.cust-account .personality-tabs {
	padding: 20px;
	border-radius: 15px;
	background: #D9AA9080;
}

.cust-account .personality-tabs ul.tab-nav {
	flex-wrap: nowrap;
	border: none;
}

.cust-account .personality-tabs li.tab-btn {
	background: #eee5dc;
	border-radius: 10px;
	color: #000;
	border: 1px solid transparent;
}

.cust-account .personality-tabs li.tab-btn.active,
.cust-account .personality-tabs li.tab-btn:hover {
	background: #9f5f46;
	color: #fff;
}

.cust-account .personality-tabs .tab-content {
	color: #000;
}

.img-field .gchoice {
	height: 340px !important;
}

#gform_2 .gform_page_fields .img-field .gchoice .gform-field-label.gform-field-label--type-inline {
	font-size: 16px;
	line-height: 1.2;
	margin-left: 0;
}

#gform_2 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
	font-size: 18px;
	line-height: 1.2;
}

.cust-account .top-piller-result-auto .mbti-bars {
	padding: 0;
}

.cust-account .top-piller-result-auto .mbti-bars {
	padding: 0;
}

.cust-account .top-piller-result-auto .mbti-bars .mbti-bar {
	color: #000;
}

.cust-account .top-piller-ocean-profile-auto .ocean-profile-box {
	margin: 20px 0px 0 !important;
	max-width: none !important;
	color: #fff;
	background: #0B3545 !important;
	font-family: jost;
	padding: 30px !important;
}

.cust-account .top-piller-ocean-profile-auto .ocean-profile-box strong {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.cust-account .um-account-tab.um-account-tab-personality_assessment .um-col-alt.um-col-alt-b {
	display: none;
}

.cust-account .top-piller-result-auto .mbti-bars .mbti-bar {
	color: #000;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
}

.cust-account .top-piller-result-auto .mbti-bars .mbti-bar .bar-fill {
	background: #9f5f46 !important;
}

.cust-account .top-piller-result-auto .mbti-bars .mbti-bar .bar-track {
	background: #D9D9D9;
	width: 80%;
}

.cust-account .top-piller-result-auto .mbti-bars .mbti-bar .bar-thumb {
	border-color: #d4aa90;
}

.cust-account .top-piller-result-auto .mbti-bars .mbti-bar .bar-labels {
	display: none;
}

.cust-account .top-piller-result-auto .mbti-bars .mbti-bar .mbti-bar-heading {
	text-align: left;
	color: #000000 !important;
	width: 20%;
	font-size: 18px !important;
	line-height: 1;
	margin: 0;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.cust-account .top-piller-result-auto .mbti-bars .mbti-bar .bar-fill {
	background: #65000B !important;
}

.cust-account .top-piller-result-auto .mbti-bars .mbti-bar .bar-track {
	background: #f5f5f5;
	width: 80%;
}

.cust-account .top-piller-result-auto .mbti-bars .mbti-bar .bar-thumb {
	border-color: #D67D09;
}

.cust-account .top-piller-result-auto .mbti-bars .mbti-bar .bar-labels {
	display: none;
}

.cust-account .top-piller-mbti-type {
	margin-bottom: 20px;
	color: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-bottom: 1px solid hsl(17deg 39% 45% / 40%);
	padding-bottom: 20px;
	gap: 10px;
}

.cust-account .top-piller-mbti-type h3 {
	margin-bottom: 0;
	font-size: 20px;
}

.cust-account .top-piller-mbti-type .mbti-result {
	font-size: 40px;
	line-height: 1;
	margin-top: 20px;
	font-weight: 500;
	letter-spacing: -0.5px;
}

/* 02-06-2026 css end */


/* 09-02-2026 css Start */
.um-account-name a {
	color: #fff;
}

.um-account-profile-link a {
	font-size: 15px;
}

.um-account-side li a {
	font-size: 16px;
	color: #fff;
}

.cust-account .um-account-side.uimob340-hide.uimob500-hide {
	border-radius: 10px;
}

.um-account-main div.um-account-heading {
	display: none;
}

.um a.um-link {
	color: #000;
	font-weight: 500;
}

.cust-account .top-piller-mbti-type .mbti-result {
	font-size: 32px;
	color: #fff;
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 0 !important;
}

.cust-account .top-piller-mbti-type .mbti-result:before {
	content: "";
	height: 40px;
	width: 40px;
	display: inline-block;
	background: url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/02/perfume-bottle.png) no-repeat center;
	background-size: contain;
	filter: brightness(0) invert(1);
}

.cust-account .top-piller-mbti-type h3 {
	color: #fff;
	font-weight: 400;
}

.top-piller-content-main .first-div {
	display: flex;
	flex-direction: row;
	/*     justify-content: space-between; */
	margin: 0 0 20px;
}

.cust-account .top-piller-ocean-profile-auto .ocean-profile-box {
	margin: 0 0px 0 !important;
}

.top-piller-content-main .first-div .top-piller-mbti-type {
	margin: 0;
	padding: 25px;
	background: #0B3545;
	border-radius: 10px;
	border-bottom: none;
	font-family: jost;
}

.top-piller-content-main {
	background: #fff;
	padding: 15px;
	border-radius: 10px;
}

.quiz-form-code-cust .gform_fields>fieldset.gfield {
	opacity: 1;
	transition: opacity 0.3s ease;
}

.quiz-form-code-cust .gform_fields>fieldset.gfield:first-of-type {
	opacity: 1;
}

/* 09-02-2026 css end */

/* 20-02-2026 css Start */
.tab-p-sec-cust .e-n-tabs-heading button.e-n-tab-title {
	background: #F1E5CB !important;
	position: relative;
	overflow: hidden;
}

.tab-p-sec-cust .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"] {
	background: #8C730C !important;
}

.tab-p-sec-cust .e-n-tabs-heading button.e-n-tab-title:before {
	position: absolute;
	top: -110%;
	left: -10%;
	padding-bottom: 120%;
	width: 120%;
	height: 0;
	border-radius: 50%;
	background: #8C730C;
	content: "";
	-webkit-transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
	transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}


.tab-p-sec-cust>.e-n-tabs>.e-n-tabs-heading button.e-n-tab-title:hover:before {
	-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.1, 0, .3, 1);
	transition: transform .4s cubic-bezier(.1, 0, .3, 1);
	transition: transform .4s cubic-bezier(.1, 0, .3, 1), -webkit-transform .4s cubic-bezier(.1, 0, .3, 1);
}

.tab-p-sec-cust>.e-n-tabs>.e-n-tabs-heading button.e-n-tab-title:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #8C730C;
	content: "";
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.1, 0, .3, 1);
	transition: transform .4s cubic-bezier(.1, 0, .3, 1);
	transition: transform .4s cubic-bezier(.1, 0, .3, 1), -webkit-transform .4s cubic-bezier(.1, 0, .3, 1);
}


.tab-p-sec-cust>.e-n-tabs>.e-n-tabs-heading button.e-n-tab-title:hover:after {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-duration: .05s;
	transition-duration: .05s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.tab-p-sec-cust>.e-n-tabs>.e-n-tabs-heading button.e-n-tab-title:hover span.e-n-tab-title-text {
	-webkit-animation: HaCtvBtn_Exploit_MoveScaleUpInitial .3s forwards, HaCtvBtn_Exploit_MoveScaleUpEnd .3s forwards .3s;
	animation: btn_text .3s forwards, btn_text_two .3s forwards .3s;
}




.sub-tab-cust .e-n-tab-title {
	position: relative !important;
	overflow: hidden !important;
	border-radius: 12px !important;

	background: #f8f5ef !important;
	border: 1px solid rgba(0, 0, 0, 0.06) !important;

	transition:
		transform 0.35s cubic-bezier(.22, 1, .36, 1),
		box-shadow 0.35s ease,
		color 0.35s ease,
		background 0.35s ease !important;
}

/* BIG EXPANDING CIRCLE */
.sub-tab-cust .e-n-tab-title:not([aria-selected="true"])::before {
	content: "" !important;
	position: absolute !important;

	width: 18px !important;
	height: 18px !important;

	border-radius: 50% !important;

	background: radial-gradient(circle,
			#b4971d 0%,
			#8C730C 100%) !important;

	top: 50% !important;
	left: 50% !important;

	transform: translate(-50%, -50%) scale(0) !important;

	transition:
		transform 0.7s cubic-bezier(.19, 1, .22, 1),
		opacity 0.4s ease !important;

	opacity: 0.95 !important;
	z-index: 0 !important;
}

/* EXPAND EFFECT */
.sub-tab-cust .e-n-tab-title:not([aria-selected="true"]):hover::before {
	transform: translate(-50%, -50%) scale(18) !important;
}

/* HOVER STYLE */
.sub-tab-cust .e-n-tab-title:not([aria-selected="true"]):hover {
	color: #fff !important;

	transform: translateY(-3px) !important;

	box-shadow:
		0 18px 40px rgba(140, 115, 12, 0.28),
		0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* TEXT */
.sub-tab-cust .e-n-tab-title .e-n-tab-title-text {
	position: relative !important;
	z-index: 2 !important;

	transition:
		letter-spacing 0.3s ease,
		transform 0.3s ease !important;
}

/* TEXT ANIMATION */
.sub-tab-cust .e-n-tab-title:not([aria-selected="true"]):hover .e-n-tab-title-text {
	letter-spacing: 0.5px !important;
	transform: scale(1.03) !important;
}

/* ACTIVE TAB untouched */
.sub-tab-cust .e-n-tab-title[aria-selected="true"]::before {
	display: none !important;
}

.tab-p-sec-cust .e-n-tabs-heading button.e-n-tab-title span.e-n-tab-title-text {
	position: relative;
	z-index: 10;
	display: block;
}

@keyframes btn_text {
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
		transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
	}
}

@keyframes btn_text_two {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
		transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


.add-cart-cust form.variations_form .cfvsw-swatches-option.cfvsw-selected-swatch {
	background-color: #72383d !important;
	border-color: #72383d !important;
	color: #fff;
}

.add-cart-cust form.variations_form .quantity {
	margin-right: 20px !important;
}

.add-cart-cust form.variations_form button.single_add_to_cart_button {
	background: #ac9c8d;
	color: #000 !important;
	font-weight: 700 !important;
	min-width: 290px;
}

.add-cart-cust form.variations_form button.single_add_to_cart_button:hover {
	background: #72383d !important;
	color: #fff !important;
}

.add-cart-cust form.variations_form .cfvsw-swatches-option .cfvsw-swatch-inner {
	font-size: 16px;
}

.gform-theme--foundation .gform_fields {
	row-gap: 30px;
	padding-top: 40px;
}

.add-cart-cust form.variations_form .single_variation_wrap {
	margin: -25px 0 0;
	position: relative;
	z-index: 1;
	display: flex;
	gap: 15px;
}

.add-cart-cust form.variations_form {
	display: flex;
}

.add-cart-cust {
	position: relative;
}

.add-cart-cust:before {
	content: "";
	position: absolute;
	top: -50px;
	bottom: 10px;
	left: 45%;
	width: 3px;
	background: #aa9c8d;
}

.add-cart-cust form.variations_form .single_variation_wrap .woocommerce-variation-price {
	margin: 5px 0 0;
	position: absolute;
	left: -42%;
	bottom: 45px;
}

/* 20-02-2026 css end */

.cust-account .um-account-meta.radius-1 {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: left;
	padding: 20px;
	background-color: #1f4a5c;
	border-radius: 10px;
}

.cust-account .um-account-name.uimob800-hide {
	width: 70%;
	text-align: left;
	text-transform: capitalize;
	font-family: jost;
	font-weight: 500 !important;
}

.cust-account .um-account-meta.radius-1.uimob340-show.uimob500-show {
	display: none;
}

.cust-account .um-account-name a {
	font-size: 22px;
}

.cust-account .um-account-profile-link a.um-link {
	font-size: 16px !important;
	color: #ffffff !important;
	font-weight: 400 !important;
}

/* 

.quiz-form-code-cust .gform_fields > fieldset.gfield {
padding-top: 70px !important;
padding-bottom: 70px !important;
} */

.quiz-form-code-cust .gform_fields>fieldset.gfield {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.quiz-form-code-cust .gform_fields>fieldset.gfield.cust-gender-field {
	opacity: 1 !important;
}


/*PPS page css*/

h1.pps-title {
	font-family: 'Jost';
	font-size: 72px;
	font-weight: 300;
	text-transform: capitalize;
	line-height: 80px;
	color: #FFFFFF;
	text-align: center;
}

.account-pps-title h1.pps-title {
	font-size: 55px;
}

p.pps-tagline {
	font-family: 'Jost';
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	color: #FFFFFF;
	padding-top: 0px;
	text-align: center;
	margin-bottom:0px;
}

.pps-section h3 {
	display: none;
	font-family: "Josefin Sans", Sans-serif;
	font-size: 46px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 50px;
	color: #FFFFFF;
}

.pps-section p {
	text-align: center !important;
	padding-top: 10px;
	font-family: "Jost" !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 28px !important;
	letter-spacing: 0.2px !important;
	color: #FFFFFF !important;
}



/*PPS page css end*/


.pps-product-title {
	margin-bottom: 10px;
	color: #000000;
	font-family: 'Jost';
	letter-spacing: -1px;
	font-size: 24px;
	font-weight: 500;
}

.pps-product-brand {
	font-size: 12px;
	color: #666;
	font-family: 'Jost';
}

.pps-accord-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	border-radius: 0px;
	line-height: 1.2;
	color: #000;
	padding: 0px;
	min-height: 53px;
	align-items: flex-start;
}

.pps-accord {
	font-size: 11px;
	padding: 4px 8px;
	border-radius: 4px;
	background: #EDE9FE !important;
}


.pps-product-stats {
	line-height: 1.6;
	font-size: 14px !important;
	font-family: 'Jost';
	color: #000000;
	font-weight: 500;
	margin-bottom: 10px;
}

.pps-product-btn {
	display: block;
	background: #d38a00;
	font-weight: 600;
	width: 100% !important;
	background-color: #D67D09;
	color: #fff;
	border: 1px solid #D67D09;
	font-family: 'Jost';
	font-size: 14px !important;
	text-align: center;
	padding: 10px 15px;
	border-radius: 5px;
}

.pps-product-btn:hover {
	color: #ffffff !important;
}

.pps-tab-btn:hover {
	background: #5A6B3E !important;
}


/* 16-03-2026 css start */
#gform_17 {
	/*     box-shadow: 0 10px 40px #1d24321a;
	border-radius: 20px;
	background-color: rgb(217 170 144 / 40%); */
	font-family: "Jost", Sans-serif;
}

#gform_17 .gform_page_fields input {
	background-color: transparent;
	border: 2px solid #0B3545;
	padding: 1.6rem 1rem;
	border-radius: 4px;
}

#gform_17 .gform_page_fields .gfield_radio input {
	border-radius: 100%;
	padding: 0px;
}

#gform_17 .gform_page_fields .gform-field-label {
	font-family: "Jost", Sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #3c3c3c;
	font-weight: 400;
}

#gform_17 .gform_page_fields .title-one {
	font-size: 40px;
	line-height: 32px;
	font-weight: 500;
	margin: 30px 0px;
	color: #222222;
	letter-spacing: -1px !important;
}

#gform_17 .gform_save_link {
	background: #ffffff;
	border-radius: 40px;
}

#gform_17 .gform-theme-button {
	padding: 0.8rem 1.6rem;
}

#gform_17 .form_sublabel_below .gfield--type-radio {
	padding-bottom: 50px;
}

/* #gform_wrapper_17 .gform_page_footer {
opacity: 0;
pointer-events: none;
}
#gform_wrapper_17 .gform_page:has(.last-step-btn-submit) .gform_page_footer {
opacity: 1;
pointer-events: auto;
} */

#gform_17 .gform-theme--foundation .gform_fields {
	column-gap: 24px !important
}

#gform_17 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}

input#input_17_18 {
	padding: 0 !important;
	border-radius: 20px !important;
	height: 13px !important;
	box-shadow: unset;
	cursor: pointer;
}

#input_17_18 {
	width: 100% !important;
	margin: 0 auto !important;
}

#gform_17 span.gfield_required.gfield_required_text {
	font-size: 0px;
}

#gform_17 span.gfield_required.gfield_required_text::before {
	content: '*';
	font-size: 12px;
	line-height: 25px;
}

input#gform_previous_button_17_20 {
	color: #fff !important;
	border: none;
}

/* 16-03-2026 css end */

/*Start Date: 18/03/2026*/

.quiz-ques-cust legend {
	float: left;
	width: 35%;
	font-family: "Jost", Sans-serif !important;
	font-size: 34px !important;
	color: #000000 !important;
	letter-spacing: -1px !important;
	line-height: 42px !important;
}

/* Optional: make radio options stack nicely */
.quiz-ques-cust .gchoice {
	margin-bottom: 0px;
	padding: 50px 30px;
	border-radius: 0;
	display: flex !important;
	flex-direction: column;
	position: relative;
	height: 100%;
	justify-content: center;
}

/* OPTION COLORS */
.quiz-ques-cust .gfield_radio .gchoice:first-child {
	background: #F6EFDF;
}

.quiz-ques-cust .gfield_radio .gchoice:nth-child(2) {
	background: #F2E7CF;
}

.quiz-ques-cust .gfield_radio .gchoice:nth-child(3) {
	background: #EDDFBF;
}

.quiz-ques-cust .gfield_radio .gchoice:nth-child(4) {
	background: #E9D7AF;
	color: #ffffff !important;
}

.quiz-ques-cust .gfield_radio .gchoice:nth-child(5) {
	background: #E5CF9F;
}

.quiz-ques-cust .gfield_radio .gchoice:nth-child(6) {
	background: #E0C78F;
}

.quiz-ques-cust .gfield_radio .gchoice:nth-child(7) {
	background: #D7B05B;
}

.quiz-ques-cust .gchoice_17_1_4 label,
.quiz-ques-cust .gchoice_17_1_2 label,
.quiz-ques-cust .gchoice_17_1_1 label,
.quiz-ques-cust .gchoice_17_1_3 label {
	color: #fff !important;
}

/* HOVER EFFECT */

.quiz-ques-cust .gchoice {
	transition: all 0.3s ease;
	font-family: 'Jost' !important;
}

.quiz-ques-cust .gchoice:hover {
	padding: 80px 30px;
}

.quiz-ques-cust .gfield_radio {
	display: flex !important;
	gap: 10px !important;
}

.gform-body.gform_body {
	padding: 0px !important;
	width: 100% !important;
	max-width: 1440px !important;
}


.quiz-form-code-cust .gform_fields fieldset.quiz-ques-cust {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	gap: 100px;
	/*     height: 100vh; */
	height: fit-content;
	padding: 30px 0 0px !important;
}

/*end Date: 18/03/2026*/

/*Start Date: 19/03/2026*/
#gform_17 .gform-body.gform_body {
	max-width: 100% !important;
}

.quiz-ques-cust .ginput_container_radio {
	width: 50%;
	height: 100%;
}

.quiz-ques-cust .ginput_container_radio .gfield_radio {
	height: 100%;
}

.quiz-ques-cust .gchoice input {
	position: absolute !important;
	height: 100% !important;
	width: 100% !important;
	top: 0;
	left: 0;
	opacity: 0;
}

.quiz-ques-cust .gchoice label {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	color: #000 !important;
}

/* .quiz-ques-cust .gchoice input[type="radio"]:checked + label:after {
content: "";
height: 35px;
width: 35px;
display: inline-block;
background:#000 url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
background-size: 60%;
border-radius: 50%;
} */

.quiz-content-sec {
	display: none !important;
}

.quiz-content-sec.active {
	display: block !important;
}

#gform_17 .gform-body.gform_body #gform_page_17_1 #field_17_18 {
	max-width: 1560px;
	margin: 0 auto;
	width: 100%;
	padding: 0 25px;
}

#gform_17 .gform-body.gform_body #gform_page_17_1 fieldset#field_17_19 legend.gfield_label {
	margin: 0;
}

#gform_17 .gform-body.gform_body #gform_page_17_1 fieldset#field_17_19 {
	padding-top: 30px !important;
	padding-bottom: 0 !important;
}

.quiz-sec-cust>.e-con-inner {
	padding: 0;
}

#gform_17 .gform-body.gform_body #gform_page_17_1 {
	padding: 60px 0 0;
}

#gform_17 .gform-body.gform_body #gform_page_17_14 {
	padding: 50px 0 0;
	position: relative;
}

#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields:before {
	content: "";
	width: 50%;
	background: url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/image-4.png) no-repeat center;
	background-size: cover;
	min-height: 92vh;
}

f #gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields .gform_fields {
	width: 50%;
	padding: 50px 80px 120px;
}

#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields .gform_fields fieldset.gfield {
	padding: 0 !important;
}

#gform_17 .gform_page_fields input {
	background-color: transparent;
	border: 2px solid #0B3545;
	padding: 1.6rem 1rem;
	border-radius: 4px;
}

/* #gform_17 .gform-body.gform_body #gform_page_17_14 .gform-page-footer input.gform_previous_button {
display: none;
}
#gform_17 .gform-body.gform_body #gform_page_17_14 .gform-page-footer input.gform_button {
width: 100%;
}
#gform_17 .gform-body.gform_body #gform_page_17_14 .gform-page-footer {
margin: 0 !important;
position: absolute;
bottom: 15%;
right: 18%;
min-width: 300px;
display: block;
} */
#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields .gform_fields .pps-status {
	width: auto;
	display: inline-block;
	background: #f6ffed;
	border-radius: 5px;
	color: #389e0d;
	padding: 5px 10px;
}

/* #gform_17 .gform-body.gform_body .gform_page .gform-page-footer {
display: none;
} */
#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields {
	display: flex;
	align-items: center;
	gap: 60px;
}

#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields>.gform_fields {
	width: 35%;
	padding: 0 0 100px;
}

#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields .gform_fields fieldset.gfield .gchoice input {
	height: auto;
	width: auto;
	padding: 0;
}

#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields .gform_fields ul.check-list {
	padding: 0;
}

#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields .gform_fields ul.check-list li {
	list-style: none;
	margin: 10px 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields .gform_fields ul.check-list li:before {
	content: "";
	display: inline-block;
	height: 24px;
	width: 24px;
	background: url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/03/check-mark.png) no-repeat center;
	background-size: cover;
}

#gform_17 .gform-body.gform_body #gform_page_17_14>.gform-page-footer {
	position: absolute;
	bottom: 6%;
	right: 20%;
	margin: 0 !important;
}

#gform_17 .gform-body.gform_body #gform_page_17_14>.gform-page-footer input.gform_button {
	padding: 0 60px !important;
}

#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields>.gform_fields input.gfield-choice-input {
	cursor: pointer;
}

form.cust-mbti-quiz-form .gform-body.gform_body {
	max-width: 1040px !important;
}

.mbti-main-con-sec>.e-con-inner {
	padding: 80px 0 0;
}

.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice:focus-within {
	border-color: #686e7759 !important;
}

/*End Date: 19/03/2026*/


/*Start Date: 09/04/2026*/
.um-account-main .um-account-tab-persona_quiz>.um-col-alt-b {
	display: none;
}

.um-account-main .um-account-tab-persona_result #persona-result .pps-tab-buttons span.pps-tab-btn {
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.pps-tab-buttons span.pps-tab-btn {
	cursor: pointer;
}

.um-account-main .um-account-tab-persona_result #persona-result .pps-tab-buttons {
	flex-wrap: nowrap;
}

.um-account-main .um-account-tab-persona_result #persona-result #tab1 .pps-product-grid {
	flex-wrap: wrap;
}

.um-account-main .um-account-tab-persona_result #persona-result #tab1 .pps-product-grid .pps-product-card {
	width: calc(50% - 13px);
}

.um-account-main .um-account-tab-persona_result #persona-result .pps-tab-panel .pps-product-card {
	background: #fff;
}

.um-account-main .um-account-tab-persona_result .um-col-alt-b {
	display: none;
}

.um-account-main .um-account-tab-persona_result #persona-result #tab2 .pps-product-grid .pps-product-card {
	width: 100%;
}

.um-account-main .um-account-tab-persona_result #persona-result #tab3 .pps-product-grid .pps-product-card {
	width: 100%;
}

.um-account-main .um-account-tab-persona_result #persona-result .pps-tab-panel .pps-product-card a.pps-product-btn {
	border-bottom: 1px solid #000 !important;
}

.um-account-main .um-account-tab-persona_result #persona-result .pps-tab-panel .pps-category-header {
	width: 100%;
}

.cust-account .um-account-tab-persona_quiz .e-n-tabs-heading {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.cust-account .um-account-tab-persona_quiz .e-n-tabs-heading button.e-n-tab-title {
	border-radius: 10px;
	color: #F1E5CB;
}

.cust-account .um-account-tab-persona_quiz .e-n-tabs-heading button.e-n-tab-title:hover {
	background: #72383D;
	border-color: #72383D;
}

.cust-account .um-account-tab-persona_result .pps-tab-trigger.active {
	border: 2px solid #7b0000;
}

.cust-account .um-account-tab-persona_result .pps-tab-trigger.active {
	border: none;
}

.cust-account .um-account-tab-persona_result #tab-category_1 .pps-product-grid .pps-product-card {
	width: calc(50% - 10px);
}

.cust-account .um-account-tab-persona_result #tab-category_2 .pps-product-grid .pps-product-card {
	width: calc(33% - 12px);
}

.cust-account .um-account-tab-persona_result #tab-category_3 .pps-product-grid .pps-product-card {
	width: calc(33% - 12px);
}

.cust-account .um-account-tab-persona_result .pps-product-grid .pps-product-card .pps-product-title {
	color: #000000;
	font-family: 'Jost';
	letter-spacing: -1px;
	font-size: 20px;
	font-weight: 500;
}

.cust-account .um-account-tab-persona_result .pps-product-grid .pps-product-card .pps-product-brand {
	font-size: 16px;
	font-family: 'Jost';
}

.cust-account .um-account-tab-persona_result .pps-product-grid .pps-product-card .pps-stat {
	font-size: 16px;
	font-family: 'Jost';
}

.cust-account .um-account-tab-persona_result .pps-product-grid .pps-product-card a.pps-product-btn {
	border: none;
}

/*End Date: 09/04/2026*/

/*7pillar-hover-css*/
.pillar-card {
	position: relative;
	overflow: hidden;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.4s ease;
}

/* MAIN FILL (SLOW + SMOOTH) */
.pillar-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #0b3545;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	z-index: 0;
}

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

/* LIGHT SWEEP (SUBTLE PREMIUM TOUCH) */
.pillar-card::after {
	content: "";
	position: absolute;
	top: 0;
	left: -80%;
	width: 50%;
	height: 100%;
	background: linear-gradient(120deg,
			transparent,
			rgba(255, 255, 255, 0.25),
			transparent);
	transform: skewX(-20deg);
	transition: all 0.6s ease;
	z-index: 1;
}

.pillar-card:hover::after {
	left: 120%;
}

/* CONTENT ABOVE */
.pillar-content,
.pillar-number {
	position: relative;
	z-index: 2;
	transition: all 0.4s ease;
}

/* TEXT TRANSITION */
.pillar-card:hover h3,
.pillar-card:hover p,
.pillar-card:hover .pillar-number {
	color: #fff;
}

/* DEPTH + FLOAT */
.pillar-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.18);
}

/* MICRO DETAIL */
.pillar-content {
	transition: transform 0.35s ease;
}

.pillar-card:hover .pillar-content {
	transform: translateY(-3px);
}

/* NUMBER ENHANCEMENT */
.pillar-number {
	opacity: 0.7;
	transition: all 0.3s ease;
}

.pillar-card:hover .pillar-number {
	opacity: 1;
	letter-spacing: 1px;
}

/* CLICK FEEDBACK */
.pillar-card:active {
	transform: scale(0.97);
}

/*7pillar-hover-css-end*/

/* #gform_page_17_12 .quiz-ques-cust .gchoice {
padding: 48px 30px;
height: auto;
}
#gform_page_17_12 .quiz-ques-cust .gchoice:hover {
padding: 60px 30px;
} */

/* #gform_page_17_13 .quiz-ques-cust .gchoice {
padding: 48px 30px;
height: auto;
}
#gform_page_17_13 .quiz-ques-cust .gchoice:hover {
padding: 60px 30px;
} */
#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields .gform_fields fieldset.gfield .gchoice {
	align-items: center;
}

#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields .gform_fields fieldset.gfield .gchoice label.gform-field-label {
	text-align: left;
}

.dynamic-back-btn-cust .elementor-shortcode {
	text-align: center;
}

.dynamic-back-btn-cust .elementor-shortcode a.mbti-explore-btn {
	font-family: "Jost", Sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 24px;
	letter-spacing: 1.2px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #65000b;
	border-radius: 0px 0px 0px 0px;
	padding: 12px 24px;
	text-align: center;
	transition: all .3s;
	display: inline-block;
	background: #65000b;
	color: #fff;
	border-radius:10px;
}

.dynamic-back-btn-cust .elementor-shortcode a.mbti-explore-btn:hover {
	background: #fff;
	color: #65000b;
}


button#pps-video-close {
	padding: 0 0 5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: #000;
}

button#pps-video-close:hover {
	color: #fff;
}

button#mbti-video-close {
	padding: 0 0 5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: #000;
}

button#mbti-video-close:hover {
	color: #fff;
}

/* 01-06-2026 Start Css */
@media (max-width: 1300px) {
	.cust-dis-img {
		max-width: 1260px;
		width: 100% !important;
		padding-left: 20px;
		padding-right: 20px;
	}

	.cust-dis-img .elementor-widget-image-box {
		height: 510px;
	}
}

@media (max-width: 1200px) {
	.cust-dis-img .elementor-widget-image-box {
		height: 550px;
	}
}

@media (max-width: 1100px) {
	form.cust-mbti-quiz-form .gform-body.gform_body {
		padding: 0 15px !important;
	}
}

@media (max-width: 1024px) {
	#gform_2 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		white-space: nowrap;
	}

	#gform_2 #gform_page_2_6 .gform_page_fields .img-field .gchoice .gform-field-label.gform-field-label--type-inline {
		white-space: inherit;
	}

	#gform_2 #gform_page_2_7 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		white-space: inherit;
	}

	#gform_2 #gform_page_2_8 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		white-space: inherit;
	}

	#gform_2 #gform_page_2_9 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		white-space: inherit;
	}

	#gform_2 #gform_page_2_10 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		white-space: inherit;
	}

	#gform_2 #gform_page_2_11 .gform_page_fields .gform-field-label.gform-field-label--type-inline,
	#gform_2 #gform_page_2_12 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		white-space: inherit;
	}

	.quiz-ques-cust legend {
		font-size: 26px !important;
		line-height: 36px !important;
	}

	.pps-title {
		font-size: 26px;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields .gform_fields fieldset.gfield .gchoice label.gform-field-label {
		font-size: 16px;
		line-height: 24px;
	}

	.cust_woo_layout {
		padding: 0px !important;
	}

	/* 	.cust_woo_layout .sidebar.cust_sider_wrap{
	width:325px !important;
} */
}

@media (max-width: 991px) {
	#gform_2 .gform_page_fields .title-one {
		font-size: 36px;
		line-height: 28px;
	}

	.cust-emai-field label.gfield_label,
	.cust-age-field label.gfield_label,
	.cust-gender-field .gfield_label {
		font-size: 28px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		gap: 20px;

	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(7) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) .gfield-choice-input,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(7) .gfield-choice-input {
		width: 60px;
		height: 60px;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(6) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) .gfield-choice-input,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(6) .gfield-choice-input {
		width: 46px;
		height: 46px;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) .gfield-choice-input,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) .gfield-choice-input {
		width: 36px;
		height: 36px;
	}

	.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice input {
		height: 30px;
		width: 30px;
	}

	.quiz-form-code-cust .gform_fields>fieldset.gfield {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice input::before {
		height: 30px;
		width: 30px;
	}

	#gform_2 #gform_page_2_7 .gfield_radio,
	#gform_2 #gform_page_2_8 .gfield_radio,
	#gform_2 #gform_page_2_9 .gfield_radio,
	#gform_2 #gform_page_2_9 .gfield_checkbox,
	#gform_2 #gform_page_2_11 .gfield_radio,
	#gform_2 #gform_page_2_12 .gfield_radio {
		grid-template-columns: repeat(2, 1fr);
	}

	#gform_2 #gform_page_2_7 .gfield_radio .gchoice,
	#gform_2 #gform_page_2_8 .gfield_radio .gchoice,
	#gform_2 #gform_page_2_9 .gfield_radio .gchoice,
	#gform_2 #gform_page_2_11 .gfield_radio .gchoice,
	#gform_2 #gform_page_2_12 .gfield_radio .gchoice {
		justify-content: start;
	}

	#gform_17 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		font-size: 16px;
		line-height: 28px;
	}

	.quiz-ques-cust .gchoice {
		padding: 40px 20px;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields>.gform_fields {
		width: 40%;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields {
		gap: 30px;
	}

	#gform_17 .gform_page_fields .title-one {
		font-size: 38px;
		line-height: 30px;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_14>.gform-page-footer {
		right: 10%;
	}

	.pps-title {
		font-size: 22px;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields .gform_fields .pps-status {
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	#custom-gf-steps .gf-steps {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 10px;
		column-gap: 5px;
	}

	.age-slider-scale {
		flex-wrap: wrap;
		row-gap: 10px;
		column-gap: 15px;
		justify-content: center;
	}

	#gform_17 .gform_page_fields .title-one {
		margin-bottom: 0px !important;
	}

	.quiz-form-code-cust .cust-gender-field .gfield-choice-image-wrapper {
		width: 70px;
	}

	.quiz-form-code-cust .cust-mbti-quiz-form #gform_page_2_1 .gform_fields .ginput_container_radio .gchoice {
		min-width: 150px;
	}

	#custom-gf-steps .gf-steps .gf-step span.gf-label {
		display: none;
	}

	.gf-steps::before {
		display: none;
	}

	#gform_2 .gform_page_fields .title-one {
		font-size: 30px;
		line-height: 24px;
	}

	.cust-emai-field label.gfield_label,
	.cust-age-field label.gfield_label,
	.cust-gender-field .gfield_label {
		font-size: 24px !important;
	}

	.age-slider-scale span {
		transform: translateX(0%);
	}

	input#input_2_287 {
		height: 10px;
	}

	.age-slider-value {
		top: -10px;
		width: 45px;
		height: 45px;
		font-size: 15px;
	}

	.mbti-main-con-sec>.e-con-inner {
		padding: 130px 0 0;
	}

	.cust-option-circle legend.gfield_label {
		font-size: 18px !important;
		margin: 0 !important;
		text-align: center;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		gap: 10px;
		justify-content: space-between;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(7) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) .gfield-choice-input,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(7) .gfield-choice-input {
		width: 50px;
		height: 50px;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(6) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) .gfield-choice-input,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(6) .gfield-choice-input {
		width: 36px;
		height: 36px;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) input::before,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) .gfield-choice-input,
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) .gfield-choice-input {
		width: 26px;
		height: 26px;
	}

	.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice input {
		height: 20px;
		width: 20px;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice {
		position: relative;
	}

	/* 	#gform_2 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
	position: absolute;
	bottom: -30px;
	width: auto;
} */
	.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice input::before {
		height: 20px;
		width: 20px;
	}

	#gform_2 #gform_page_2_6 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		position: static;
	}

	#gform_2 #gform_page_2_7 .gform_page_fields .gform-field-label.gform-field-label--type-inline,
	#gform_2 #gform_page_2_8 .gform_page_fields .gform-field-label.gform-field-label--type-inline,
	#gform_2 #gform_page_2_9 .gform_page_fields .gform-field-label.gform-field-label--type-inline,
	#gform_2 #gform_page_2_10 .gform_page_fields .gform-field-label.gform-field-label--type-inline,
	#gform_2 #gform_page_2_11 .gform_page_fields .gform-field-label.gform-field-label--type-inline,
	#gform_2 #gform_page_2_12 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		position: static;
	}

	.quiz-form-code-cust .gform_fields fieldset.quiz-ques-cust {
		flex-direction: column;
		gap: 50px;
		height: auto;
	}

	.quiz-ques-cust .ginput_container_radio {
		width: 100%;
		height: auto;
	}

	.quiz-form-code-cust .gform_fields fieldset.quiz-ques-cust>legend.gfield_label {
		width: 100%;
		text-align: center;
		padding: 0 20px;
		position: absolute;
		top: 120px;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields {
		flex-direction: column;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields:before {
		min-height: 30vh;
		width: 100%;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_14 .gform_page_fields>.gform_fields {
		width: 100%;
		padding: 0 20px 100px;
		row-gap: 20px;
	}

	.pps-title {
		font-size: 20px;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_14>.gform-page-footer {
		bottom: 4%;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}

	#gform_17 .gform-body.gform_body #gform_page_17_14>.gform-page-footer input.gform_button {
		padding: 0 50px !important;
	}

	#gform_17 .gform_page_fields .title-one {
		font-size: 30px;
		line-height: 22px;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:first-child label {
		left: 0;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:last-child label {
		right: 0;
	}

	#gform_2 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		font-size: 16px;
		text-align: left;
	}

	#gform_2 .gform_page_fields .gfield-image-choice-wrapper-inner .gform-field-label.gform-field-label--type-inline {
		text-align: center;
	}

	.age-slider-scale span {
		font-size: 18px;
	}

	.img-field legend {
		font-size: 22px !important;
		padding-bottom: 20px;
		justify-content: center;
	}

	.cust-mbti-quiz-form .ginput_container.ginput_container_image_choice .gfield_radio .gchoice {
		width: 48%;
		min-width: auto;
	}

	.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice {
		align-items: start;
	}

	.gfield_description {
		text-align: center;
	}

	.quiz-ques-cust legend {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice label {
		width: 100%;
		text-align: center;
	}

	.quiz-form-code-cust .gform_fields>fieldset.gfield {
		padding-top: 220px !important;
		justify-content: flex-start;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_1 {
		padding: 80px 0 0;
		/* 		overflow:auto; */
	}

	.quiz-form-code-cust .pps-quiz-gender .ginput_container_radio .gchoice {
		min-height: auto;
	}

}

/* 01-06-2026 End Css */

@media (max-width: 600px) {
	.footer-icon-div-cust .elementor-image-box-wrapper {
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.footer-icon-div-cust h3.elementor-image-box-title {
		margin-top: 0px;
	}
}

/* 02-06-2026 Start Css */
.cust-account .personality-tabs .tab-content {
	display: none;
}

.cust-account .personality-tabs .tab-content.active {
	display: block;
}

.cust-account .personality-tabs ul.tab-nav {
	padding: 0 0 20px;
	display: flex;
	gap: 20px;
}

.cust-account .personality-tabs ul.tab-nav li.tab-btn {
	list-style: none;
	text-align: center;
	padding: 10px;
}

/* 02-06-2026 End Css */


/* 04-06-2026 Start Css */
.pd-reset-btn::before {
	z-index: -1;
}

.f-section .f-body[style="max-height: 300px; overflow: auto;"] {
	display: inline;
}

.cust_sider_wrap .f-head.active {
	margin: 0 0 10px;
}

/* 04-06-2026 End Css */



/* 25-06-26 */
/* Accordion Item */
.cust-accordion-about .e-n-accordion-item {
	border: 1px solid #8B4C4C !important;
	border-radius: 20px !important;
	overflow: hidden;
	background: #fff !important;
	margin-bottom: 20px;
}

/* Header */
.cust-accordion-about .e-n-accordion-item-title {
	padding: 24px 30px !important;
	background: #fff !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	border: none !important;
}

/* Question Text */
.cust-accordion-about .e-n-accordion-item-title-text {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

/* Content Area */
.cust-accordion-about .e-n-accordion-item .elementor-widget-text-editor {
	padding: 0 30px 30px 30px !important;
	color: #555;
	line-height: 1.8;
	font-size: 15px;
}

/* Remove extra backgrounds */
.cust-accordion-about .e-n-accordion-item .e-con,
.cust-accordion-about .e-n-accordion-item .e-con-inner {
	background: transparent !important;
}

.cust-accordion-about .e-n-accordion-item:not([open]) {
	border: none !important;
	box-shadow: none !important;
}

.cust-accordion-about .e-n-accordion-item .elementor-widget-text-editor {
	padding: 0px !important;
}

.cust-category-list .elementor-icon-list-item a {
	display: flex;
	align-items: center;
	padding: 16px 20px;
	border-radius: 12px;
	background: transparent;
	border: 1px solid transparent;
	transition:
		background-color 0.35s ease,
		color 0.35s ease,
		border-color 0.35s ease,
		padding-left 0.35s ease,
		transform 0.35s ease;
}

.cust-category-list .elementor-icon-list-text {
	transition: color 0.35s ease;
}

.cust-category-list .elementor-icon-list-item:hover a {
	background-color: rgba(217, 217, 217, 0.5);
	color: #322D29 !important;
}


/* 30-06-26 */
/* #gform_page_2_12 .gchoice,
#gform_page_2_11 .gchoice,
#gform_page_2_10 .gchoice,
#gform_page_2_9 .gchoice,
#gform_page_2_8 .gchoice,
#gform_page_2_7 .gchoice,
#gform_page_2_6 .gchoice{
min-width: 23% !important;
height: 370px;
}   */


.gform-theme--framework .gfield--type-image_choice .gfield_radio {
	display: flex;
	gap: 24px;
	width: 100%;
}



/* fieldset.gfield {
scroll-margin-top: 80px;
} */
/* 
html {
scroll-behavior: auto !important;
}

fieldset.gfield {
transition: opacity 0.3s ease;
}

.quiz-form-code-cust fieldset.gfield {
opacity: 0.4;
transition: opacity 0.5s ease-in-out;
}

.quiz-form-code-cust fieldset.gfield.active {
opacity: 1;
} */


.quiz-ques-cust .quiz-img-text-wrap {
	width: 50%;
}

.quiz-ques-cust .quiz-img-text-wrap legend.gform-field-label {
	width: 100%;
	margin: 40px 0 0 0;
	font-size: clamp(18px, 2vw, 30px) !important;
}

legend.gfield_label.gform-field-label {
	text-align: center;
	padding: 0 15px;
	justify-content: center;
}

.quiz-ques-cust label.gform-field-label img {
	width: 100px;
	height: 100px;
	border-radius: 5px;
}

.quiz-ques-cust label.gform-field-label .img-pps-op {
	width: calc(100% - 160px);
	text-align: left;
}

.quiz-ques-cust label.gform-field-label {
	width: 100%;
	flex-wrap: nowrap;
	gap: 20px;
	flex-direction: row;
}

.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice {
	padding: 10px;
	border-radius: 10px;
	margin: 0px;
}

.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice:last-child {
	margin-bottom: 0;
}

/* .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) {
width: 65px !important;
height: 60px !important;
} */


/* 02/07/26 */
.cust-overview {
	width: 500px !important;
	height: 500px !important;
}

.quiz-ques-cust .gchoice {
	height: fit-content !important;
}

.quiz-ques-cust .ginput_container .gchoice:hover {
	transform: translateX(-8px);
}

/* card */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gfield-image-choice-wrapper-outer {
	padding: 0px;
}

.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice,
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-square .gfield-choice-image-wrapper {
	border-radius: 10px !important;
}

.img-field .gchoice {
	border-radius: 20px !important;
	padding: 8px;
}

/* 06-07-2026 */

.top-piller-result-auto img {
	height: 70px !important;
}

@media only screen and (min-width:768px) and (max-width:992px) {

	.acc-sec-cust .e-con-inner {
		padding: 60px 0 40px;
	}

	.dt-section {
		margin: 0;
		padding: 8px;
	}

	.lux-content-body {
		padding: 20px 0 0;
	}

	.lux-mobile-toggle {
		padding: 0;
	}

	.lux-topbar {
		padding: 10px 12px;
		gap: 15px;
	}

	.dt-card__title {
		font-size: 22px;
	}

	.dt-card__footer {
		flex-direction: column;
	}

	.top-piller-content-main .first-div {
		display: flex !important;
		flex-direction: column;
		margin-bottom: 20px !important;
	}

	.personality-tabs .tab-nav {
		display: flex !important;
		width: 100%;
		overflow-x: auto !important;
		flex-direction: column;
	}

	.personality-tabs .tab-nav .tab-btn {
		padding: 10px 0px !important;
		min-height: unset;
	}

	.acc-sec-cust .e-con-inner {
		padding-bottom: 0px;
	}

	.lux-dashboard-container .top-piller-result-auto {
		margin-top: 0px !important;
		padding: 10px !important;
	}

	.top-piller-result-auto img {
		height: 70px !important;
		margin-bottom: 0px;
	}

	.persona-sub-content .e-con-inner {
		padding-top: 0px;
	}

	.lux-custom-form {
		padding-top: 20px;
	}

	.mbti-bars {
		padding: 20px 0px;
	}

	.personality-tabs .dv-profile-section {
		padding: 0px 10px;
	}

	.dt-pm__title em {
		line-height: 1.2;
		font-size: 25px !important;
	}

	#tab-category_1 .pps-product-card {
		width: 48%;
	}

	.cust_woo_card_wrap {
		flex-direction: column;
		width: 100%;
	}

	.lux-wardrobe-grid {
		display: flex !important;
		flex-direction: row;
	}

	.lux-form-wrapper {
		padding: 10px;
	}

	#lux-profile-form .lux-btn-primary {
		font-size: 14px !important;
		letter-spacing: 1px;
		padding: 0px 8px !important;
	}

	.lux-orders-wrapper {
		padding: 20px;
	}

	/* 	 */
	.lux-topbar {
		position: unset;
	}

	.lux-journey-item {
		flex-direction: column;
	}


	.lux-journey-item-left {
		flex-wrap: wrap;
	}

	.lux-journey-list-section {
		padding: 20px;
	}

	.lux-discovery-card {
		padding: 20px;
	}

	.lux-discovery-card p,
	.lux-card-top {
		margin-bottom: 0px !important;
	}

	.lux-topbar {
		position: unset;
	}

	.lux-section-header {
		display: flex;
		justify-content: center;
		margin-bottom: 25px;
		flex-direction: column;
	}

	.lux-journey-badge {
		padding: 4px 8px;
	}

	.item {
		width: 100%;
	}

	.item {
		width: 100%;
	}

	.pillar-title-box {
		margin: 0px !important;
		padding: 25px;
	}

	.n8n-container {
		padding: 0px;
	}

	.pillar-content h3 {
		font-size: 22px;
	}

	.account-pps-title h1.pps-title {
		font-size: 28px;
		line-height: 1.2
	}

	.persona-sub-content h4 {
		line-height: inherit !important;
	}


	.pps-title-section p.pps-tagline {
		margin-bottom: 0px !important;
	}

	.lux-faq-wrapper {
		padding: 20px;
	}

	.lux-faq-trigger {
		padding: 10px;
	}

	.lux-faq-trigger span {
		text-wrap: wrap;
	}

	.lux-form-header {
		margin-bottom: 0px !important;
	}

	.lux-cards-grid {
		gap: 20px;
	}

	.lux-mobile-toggle {
		display: none;
	}

	.lux-discovery-card {
		min-height: 195px;
	}

	.lux-cards-grid,
	.lux-progress-container {
		margin-bottom: 20px;
	}

	.lux-dashboard-container .ocean-profile-box {
		padding: 20px;
	}

	.pillar-header-raw {
		flex-wrap: wrap;
	}

	.dt-card__head {
		align-content: center;
	}
}

@media only screen and (min-width:320px) and (max-width:767px) {

	.lux-sidebar {
		position: unset;
		width: 100%;
		height: 100%;
		align-self: center;
		box-shadow: 0 8px 60px rgba(0, 0, 0, 0.2);
	}


	#gform_17 .gform-body.gform_body #gform_page_17_1 {
		overflow: auto;
	}

	.lux-overview-header {
		margin-top: 10px;
	}

	.lux-journey-item-left {
		flex-wrap: wrap;
	}

	.lux-dashboard-container {
		flex-direction: column;
		padding: 20px;
	}

	.lux-sidebar-brand {
		padding: 0 20px;
	}

	.lux-sidebar-nav {
		padding-bottom: 0;
	}

	.lux-journey-badge {
		padding: 2px 6px !important;
	}

	/*     .lux-sidebar-nav>ul>li:not(.lux-nav-section-title)>a {
	padding: 15px 10px 15px 60px !important;
} */

	.acc-sec-cust .e-con-inner {
		padding-top: 50px;
		padding-bottom: 0;
	}

	.lux-main-content {
		padding: 20px 0 0;
		max-width: 100%;
		width: 100%;
	}

	.lux-topbar {
		padding: 20px 10px;
		gap: 8px;
		position: unset;
	}

	.lux-breadcrumbs {
		font-size: 12px;
	}

	.lux-mobile-toggle {
		padding: 5px;
	}

	.lux-content-body {
		padding: 0;
	}

	.dt-section {
		padding: 10px;
	}

	.dt-card {
		padding: 20px;
	}

	.dt-card__title {
		font-size: 22px;
	}

	.dt-card__head {
		gap: 15px;
	}

	.dt-card__footer {
		flex-direction: column;
	}

	.dt-card__pills {
		row-gap: 10px;
	}

	.dt-card__expand-btn--tfa {
		padding: 12px;
		font-size: 14px;
	}

	.dt-card__desc {
		font-size: 15px;
	}

	.tfa-title-box {
		padding-top: 20px;
	}

	.top-piller-content-main .first-div {
		display: flex !important;
		flex-direction: column;
		margin-bottom: 0 !important;
	}

	.lux-dashboard-container .top-piller-result-auto {
		margin-top: 0 !important;
		padding: 20px !important;
	}

	.personality-tabs .tab-nav {
		margin-bottom: 0 !important;
	}

	.mbti-bars {
		padding: 20px 0px;
	}

	.top-piller-result-auto img {
		width: 60px !important;
		height: 60px !important;
		margin-bottom: 0px !important;
	}

	.lux-dashboard-container .ocean-profile-box {
		padding: 20px !important;
	}

	.pps-title-box {
		margin-top: 10px;
	}

	.dt-pm-section {
		margin-top: 20px !important;
		padding: 15px;
	}

	.dt-pm__grid {
		gap: 20px;
	}

	.dt-pm-card {
		padding: 10px;
	}

	.dt-pm__title em {
		line-height: 1.2;
	}

	#tab-category_1 .pps-product-card {
		width: 100%;
	}

	.cust_woo_card_wrap {
		box-shadow: unset;
	}

	.lux-form-wrapper {
		margin-top: 20px;
	}

	.lux-orders-wrapper {
		padding: 20px;
		margin-top: 10px;
	}

	.lux-section-header {
		flex-direction: column;
	}

	.lux-cards-grid {
		gap: 20px;
		margin-bottom: 20px;
	}

	.lux-progress-container {
		margin-bottom: 20px;
	}

	.lux-custom-form {
		padding: 20px 0px;
	}

	.item {
		width: 100%;
	}

	.pillar-card {
		padding: 15px;
	}

	.pillar-header-raw {
		flex-wrap: wrap;
	}

	.pillar-title-box {
		margin-bottom: 0px !important;
		padding: 30px !important;
	}

	.n8n-container {
		padding: 0px !important;
	}

	.persona-sub-content .elementor-element-76fb528 {
		padding: 20px !important;
	}

	.persona-sub-content .e-con-inner {
		padding-top: 0px !important;
	}

	.account-pps-title h1.pps-title {
		font-size: 28px;
		line-height: 1.2
	}

	.persona-sub-content h4 {
		line-height: inherit;
	}

	.lux-form-wrapper {
		padding: 20px;
	}

	.lux-btn-primary {
		padding: 0px 10px;
	}


	.lux-form-header {
		margin-bottom: 0px !important;
	}

	.lux-custom-form .lux-btn-primary {
		font-size: 15px;
		letter-spacing: 1px;
	}

	.pps-quiz-title-box h3 {
		margin-top: 20px !important;
	}

	.persona-sub-content h4 {
		line-height: 1.2 !important;
	}

	.pps-category-header h2 {
		font-size: 18px;
	}

	.pps-explore-btn-wrapper {
		right: 10px;
		top: 20px;
	}

	.lux-faq-wrapper {
		padding: 20px;
		margin-top: 20px;
	}

	.lux-faq-wrapper {
		padding: 20px;
		margin-top: 20px;
	}

	.lux-faq-trigger {
		padding: 10px;
	}

	.lux-faq-trigger span {
		text-wrap: wrap;
	}

	.lux-mobile-toggle {
		display: none;
	}


}

.top-piller-result-auto div {
	margin-bottom: 0px !important;
	padding-bottom:10px !important;
}

.cust-result-contet img {
	margin-bottom: 0px !important;
}

.cust-persantage-bar div {
	margin-bottom: 0px !important;
}

.lux-nav-section-title img {
	width: 70px !important;
	height: 70px !important;
}

.cust-persantage-bar {
	padding: 20px !important;
}


li.lux-has-submenu img {
	width: 40px !important;
	height: 40px !important;
	top: unset !important;
	transform: unset !important;
	left: 21px !important;
}

.cust-pps-fragrance .pps-wrapper {
	padding: 0px 20px;
}

.pps-product-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.pps-product-card {
	box-sizing: border-box;
}

.pps-product-card {
	flex: 0 0 calc((100% - 60px) / 4);
}

@media (max-width: 1199px) {
	.pps-product-card {
		flex: 0 0 calc((100% - 0px) / 1);
	}

	.pps-explore-btn-wrapper {
		right: 10px;
	}

	.pps-category-header h2 {
		font-size: 25px;
	}

	.pps-explore-btn-wrapper button {
		padding: 5px !important;
	}
}

/* @media (max-width: 767px) {
.pps-product-card {
flex: 0 0 calc((100% - 20px) / 2);
}
} */

@media (max-width: 575px) {
	.pps-product-card {
		flex: 0 0 100%;
	}
}

/* .lux-submenu li{
margin-bottom:18px !important;
} */

.lux-submenu {
	list-style: none;
	max-height: 0;
	overflow: hidden;
	visibility: hidden;
	transition: max-height 0.4s ease-out, visibility 0s linear 0.4s;
	background-color: rgba(0, 0, 0, 0.15);
	padding-left: 0;
	margin-top: 5px !important;
}

.lux-has-submenu.open .lux-submenu {
	max-height: 250px;
	visibility: visible;
	transition: max-height 0.4s ease-out, visibility 0s linear 0s;
}


.items {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.items>* {
	flex: 1 1 clamp(250px, 30%, 350px);
	box-sizing: border-box;
}

/* filter */
@media only screen and (min-width:768px) and (max-width:1025px) {

	main .grid.pd-visible {
		display: flex;
		flex-direction: column;
	}

	.cust_woo_layout {
		padding: 0px;
	}

	.cust_woo_layout .sidebar.cust_sider_wrap {
		position: sticky;
		width: 325px;
	}

	.cust_woo_layout .sidebar.cust_sider_wrap {
		width: 325px;
	}

	.pt-hero-cust {
		padding: 5px;
	}

	.f-section {
		padding: 10px;
	}
}

@media only screen and (min-width:1025px) and (max-width:925px) {}

@media only screen and (min-width:768px) and (max-width:992px) {
	.cust_woo_layout .sidebar.cust_sider_wrap {
		width: 325px !important;
	}

	.chips-row {
		display: none;
	}

	.cust-filter-top .search-wrap {
		flex-direction: column;
	}

	.cust-filter-top .search-btn {
		padding: 10px;
	}

	.view-toggle {
		display: none;
	}

	.dt-pm-section,
	.dt-pm-card {
		padding: 20px 18px !important;
	}


	/* 	 */
	main .grid.pd-visible {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
		gap: 20px;
		align-items: stretch;
	}

	main .grid.pd-visible .p-card {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}

/* 	.lux-sidebar-nav>ul>li:not(.lux-nav-section-title)>a svg,
	li.lux-has-submenu img {
		width: 30px !important;
		height: 30px !important;
	} */

}

@media only screen and (min-width:993px) and (max-width:1200px) {
	.lux-content-body .lux-wardrobe-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.cust_woo_card_wrap {
		flex-direction: column;
	}
}

@media only screen and (max-width:767px) {
	.view-toggle {
		display: none;
	}

	.lux-journey-list-section {
		padding: 20px;
	}

/* 	.lux-sidebar-nav>ul>li:not(.lux-nav-section-title)>a svg,
	li.lux-has-submenu img {
		width: 30px !important;
		height: 30px !important;
	} */

	/* 	 */
	main .grid.pd-visible {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
		gap: 20px;
		align-items: stretch;
	}

	main .grid.pd-visible .p-card {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}

}

.cust-filter-top {
	align-items: center;
	gap: 20px;
	justify-content: flex-start;
}


.lux-submenu li a {
	/* 	padding:10px 35px !important; */
	padding: 14px 20px 14px 55px !important;
}

.dt-card__icon--tfa,
.dt-pm-card__icon {
	background: transparent !important;
}

.lux-submenu-trigger span,
.lux-menu-text {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.lux-submenu li[data-tab-nav="tsc_wardrobe"]>a>.lux-menu-text {
	padding-left: 8px;
}



.lux-menu-text {
	max-width: calc(100% - 50px);
	white-space: wrap !important;
}


/* .lux-sidebar-nav>ul>li:not(.lux-nav-section-title)>a svg{
width:40px !important;
height:40px !important;
} */

/* 08/07/26 */
@media (max-width: 1024px) {

	.quiz-form-code-cust .gform_fields fieldset.quiz-ques-cust {
		gap: 40px;
		padding: 50px 20px !important;
	}

	.quiz-ques-cust label.gform-field-label img {
		width: 90px;
		height: 90px;
	}

	.img-pps-op {
		/* 	font-size:16px !important;	 */
		line-height: 1.2 !important;
	}

	.cust-overview {
		width: 320px !important;
		height: 320px !important;
	}

	.quiz-ques-cust legend {
		font-size: 26px !important;
		line-height: 32px !important;
	}

	.quiz-ques-cust .gchoice {
		padding: 30px 20px;
	}

	.quiz-ques-cust .gchoice:hover {
		padding: 30px 20px;
		/* disable hover-grow, tablets are touch-first */
	}

/* 	.lux-sidebar-nav>ul>li:not(.lux-nav-section-title)>a svg,
	li.lux-has-submenu img {
		width: 30px !important;
		height: 30px !important;
	} */


	.lux-sidebar-nav>ul>li:not(.lux-nav-section-title)>a {
		font-size: clamp(13px, 1vw, 15px) !important;
	}

}

/* -------------------------------------------------
MOBILE / TABLET PORTRAIT  (768px and below)
Stack image+legend above the choice list
------------------------------------------------- */
@media (max-width: 768px) {


	.quiz-form-code-cust .gform_fields fieldset.quiz-ques-cust {
		flex-direction: column !important;
		gap: 24px;
	}

	.quiz-ques-cust .quiz-img-text-wrap {
		width: 100%;
		padding-top: 20px;
	}

	.cust-overview {
		width: 340px !important;
		height: 340px !important;
	}

	.quiz-ques-cust legend {
		font-size: 22px !important;
		letter-spacing: normal !important;
		margin: 24px 0 0 0 !important;
	}

	.quiz-ques-cust .ginput_container_radio,
	.quiz-ques-cust .gfield_radio {
		width: 100%;
	}

	.quiz-ques-cust label.gform-field-label {
		gap: 14px;
	}

	.quiz-ques-cust label.gform-field-label img {
		width: 72px;
		height: 72px;
	}

	.quiz-ques-cust label.gform-field-label .img-pps-op {
		width: calc(100% - 90px);
		font-size: 14px;
	}

	.quiz-ques-cust .gchoice {
		padding: 10px !important;
	}

}

/* -------------------------------------------------
SMALL MOBILE  (480px and below)
------------------------------------------------- */
@media (max-width: 480px) {

	.cust-overview {
		width: 200px !important;
		height: 200px !important;
	}

	.quiz-ques-cust legend {
		font-size: 19px !important;
		line-height: 25px !important;
	}

	.quiz-ques-cust label.gform-field-label {
		/* flex-direction: column; */
		text-align: center;
		/* gap: 10px; */
	}

	.quiz-ques-cust label.gform-field-label img {
		width: 90px;
		height: 90px;
	}

	.quiz-ques-cust .gchoice {
		padding: 14px !important;
	}
}


@media (min-width: 768px) and (max-width: 1200px) {

	#custom-gf-steps {
		gap: 14px;
	}

	#custom-gf-steps .gf-back {
		font-size: 12px;
		flex: 0 0 auto;
	}

	.gf-step {
		flex: 1 0 auto;
	}

	.gf-label {
		display: none;
	}


	.gf-step.active .gf-label {
		display: block;
	}

	.quiz-form-code-cust .pps-quiz-gender .ginput_container_radio .gchoice {
		width: 25% !important;
		max-width: 25% !important;
		min-height: 220px;
	}
}

.lux-has-submenu li img {
	margin-left: 13px !important;
}

li[data-tab-nav="seven_pillar"]>a[data-tab="seven_pillar"]>.lux-menu-text {
	margin-left: 8px !important;
}

.lux-journey-item-details h4 {
	flex-wrap: wrap;
}

.lux-journey-item,
.lux-journey-item-left {
	flex-wrap: wrap;
}


.lux-submenu li a .lux-menu-text {
	white-space: wrap !important;
}

.lux-submenu {
	position: relative;
}

.lux-submenu .lux-menu-text {
	padding-left: 10px;
}

.quiz-ques-cust legend {
	font-size: 30px !important;
}

@media only screen and (max-width:1500px) {
	.quiz-ques-cust label.gform-field-label img {
		width: 90px;
		height: 90px;

	}
}

/* 09-07	 */


@media (max-width:768px) {

	.pps-category-header {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px;
		padding-right: 0;
	}

	.pps-category-header h2 {
		flex: 1;
		min-width: 0;
		margin: 0;
		font-size: 32px;
		line-height: 1.2;
	}

	.pps-explore-btn-wrapper {
		position: static;
		margin-left: auto;
		order: 2;
	}

	.pps-category-header p {
		width: 100%;
		order: 3;
		margin-top: 5px;
	}

	.ppas_cat_where_wrap {
		width: 100%;
		order: 4;
	}
}

@media (max-width:480px) {


	.pps-explore-btn-wrapper {
		width: 100%;
		margin-left: 0;
	}

	button.pps-explore-btn {
		width: 100%;
		display: block;
	}
}

@media (min-width:1400px) {
	.pps-product-card {
		flex: 0 0 calc((100% - 60px) / 4) !important;
		max-width: calc((100% - 60px) / 4);
	}
}

@media (min-width:992px) and (max-width:1399px) {
	.pps-product-card {
		flex: 0 0 calc((100% - 40px) / 2) !important;
		max-width: calc((100% - 40px) / 2);
	}
}

@media (min-width:768px) and (max-width:991px) {
	.pps-product-card {
		flex: 0 0 calc((100% - 20px) / 2) !important;
		max-width: calc((100% - 20px) / 2);
	}
}

@media (max-width:767px) {
	.pps-product-card {
		flex: 0 0 100% !important;
		max-width: 100%;
	}
}

/* 16.07.26	 */

@media only screen and (min-width:990px) and (max-width:1024px) {

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		transform: none !important;
		min-width: 170px !important;
		min-height: 181px !important;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -166px;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -170px;
	}

	#gform_2 .form_sublabel_below .gfield--type-radio {
		padding: 28px 0px 0px !important;
	}
}

@media only screen and (min-width:961px) and (max-width:989px) {

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		transform: none !important;
		min-width: 170px !important;
		min-height: 181px !important;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -160px;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -160px;
	}

	#gform_2 .form_sublabel_below .gfield--type-radio {
		padding: 28px 0px 0px !important;
	}
}


@media only screen and (min-width:920px) and (max-width:960px) {
	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -185px;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -185px;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		transform: none !important;
		min-width: 170px !important;
		min-height: 185px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		gap: 0px !important;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
		width: 65px;
		height: 65px;
	}
}



@media only screen and (min-width:870px) and (max-width:919px) {
	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -165px;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -165px;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		transform: none !important;
		min-width: 150px !important;
		min-height: 185px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		gap: 0px !important;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
		width: 65px;
		height: 65px;
	}
}


@media only screen and (min-width:835px) and (max-width:869px) {
	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -145px;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -145px;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		transform: none !important;
		min-width: 140px !important;
		min-height: 185px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		gap: 0px !important;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
		width: 65px;
		height: 65px;
	}
}


@media only screen and (min-width:800px) and (max-width:834px) {
	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -130px;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -130px;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		transform: none !important;
		min-width: 140px !important;
		min-height: 185px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		gap: 0px !important;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
		width: 65px;
		height: 65px;
	}
}


@media only screen and (min-width:768px) and (max-width:799px) {
	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -130px;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -130px;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		transform: none !important;
		min-width: 140px !important;
		min-height: 170px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		gap: 0px !important;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
		width: 60px;
		height: 60px;
	}

	.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice {
		margin: 0px !important;
		padding: 5px !important;
	}
}

@media only screen and (min-width:742px) and (max-width:768px) {


	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		justify-content: center;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -130px;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -140px;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		transform: none !important;
		min-width: 130px !important;
		min-height: 160px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		gap: 0px !important;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
		width: 50px !important;
		height: 50px !important;
	}

	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
		padding: 0px;
	}
}

@media only screen and (min-width:680px) and (max-width:741px) {


	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		justify-content: center;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -120px;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -120px;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		transform: none !important;
		min-width: 130px !important;
		min-height: 160px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		gap: 0px !important;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
		width: 50px !important;
		height: 50px !important;
	}

	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
		padding: 0px;
	}
}

@media only screen and (min-width:320px) and (max-width:679px) {

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		/* justify-content: center; */
	}



	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		transform: none !important;
		min-width: 100px !important;
		min-height: 160px !important;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -80px !important;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -80px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		gap: 0px !important;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
		width: 50px !important;
		height: 50px !important;
	}

	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
		padding: 0px;
	}
}

@media only screen and (min-width:320px) and (max-width:425px) {
	.cust-option-circle {
		overflow-x: scroll;
		overflow-y: hidden;
		justify-content: start !important;
	}

	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
		width: 100% !important;
		font-size: 13px !important;
	}

	/*     #gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label{
	transform:translateX(0%) !important;
	left:30% !important;
} */

	.quiz-form-code-cust .gform_fields>fieldset.gfield {
		padding-top: 0px !important
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -85px !important;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -90px !important;
	}

	.quiz-content-sec .e-con-inner {
		padding: 0px
	}

	.cust-mbti-quiz-form .ginput_container.ginput_container_image_choice .gfield_radio .gchoice {
		width: 100%;
		min-width: auto;
	}
}

#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
	font-size: clamp(15px, 3.2vw, 17px) !important;
	font-weight:500 !important;
}



@media only screen and (min-width: 320px) and (max-width: 679px) {

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		transform: none !important;
		min-width: 100px !important;
		min-height: 100px !important;
	}

	#gform_2 .form_sublabel_below .gfield--type-radio {
		padding: 28px 0px 0px !important;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img {
		top: -40px !important;
		padding-right: 20px;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		top: -40px !important;
		padding-left: 20px;
	}
}


/* @media only screen and (max-width:768px) {

	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
		font-size: 9px !important;
	}
}

 .gf-step.completed span.gf-label {
	visibility: hidden;
} */

@media (max-width: 768px) {

	.quiz-ques-cust .ginput_container_radio,
	.quiz-ques-cust .gfield_radio {
		gap: 10px !important;
	}

	.mbti-main-con-sec>.e-con-inner {
		padding: 0px 0 0;
	}
}

/* new		 */

@media (max-width:767px) {

	.mobile-top-img,
	.mobile-bottom-img {
		text-align: center !important;
		margin: 15px 0 0px !important;
	}

	.mobile-top-img img,
	.mobile-bottom-img img {
		width: 150px !important;
		height: auto !important;
	}

	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
		left: 50% !important;
	}

	.cust-option-circle .gfield_radio {
		padding: 0px !important;
	}

	.mobile-bottom-img {
		margin-top: 0px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice {
		margin-bottom: 0px !important;
	}

	.cust-option-circle {
		overflow-x: unset !important;
		overflow-y: unset !important;
		justify-content: start !important;
	}

	.gfield_radio {
		overflow-x: scroll !important;
		overflow-y: hidden !important;
	}
}

@media only screen and (max-width:767px) {
	fieldset.cust-option-circle .ginput_container_radio {
		padding-top: 0px !important;
	}

	.mobile-bottom-img {
		margin-bottom: 10px !important;
	}

	.quiz-sec-cust .e-con-inner {
		padding-bottom: 0px !important;
	}
}

@media only screen and (max-width:425px) {

	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
		left: 0% !important;
	}

	.cust-radio-image .gform_fields {
		row-gap: 20px !important;
	}
}

@media only screen and (max-width:767px) {

	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
		position: unset;
		margin-bottom: 0px !important;
	}

	.mobile-top-img {
		margin-top: 0px !important;
	}
}

.gf-steps::before {
	content: "";
	position: absolute;
	top: 14px;
	left: 12px;
	right: 12px;
	height: 2px;
	background: #e1d6c6;
	z-index: 0;
}

@media only screen and (min-width:769px) and (max-width:1200px) {

	.gf-steps::before {
		content: "";
		position: absolute;
		top: 14px;
		left: 45px;
		right: 28px;
		height: 2px;
		background: #e1d6c6;
		z-index: 0;
	}
}

@media only screen and (max-width:768px) {
	.gf-steps::before {
		left: 35px;
		right: 25px;
	}
}

/* @media only screen and (min-width:768px) and (max-width:768px) {
	.gform-theme--foundation .gform_fields {
		gap: 20px !important;
	}

	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
		width: 100%;
	}

	.gform-theme--foundation .gform_fields {
		margin-top: 60px;
	}

	#gform_page_2_1 .gform_fields {
		padding-top: 80px !important;
	}

	.quiz-content-sec .e-con-inner {
		padding-bottom: 0px;
	}

	#gform_page_2_2 .gform_fields {
		margin-top: 0px !important;
	}
} */

/* pps */
@media only screen and (max-width:768px) {
	.quiz-form-code-cust .gform_fields fieldset.quiz-ques-cust {
		padding-bottom: 20px !important;
		padding-top: 10px !important;
	}

	.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice {
		margin: 0px;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_1 {
		overflow: unset;
	}
}

@media only screen and (min-width:769px) and (max-width:796px) {
	.short-quiz-code-cust .gfield_radio {
		gap: 10px !important;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
	.quiz-sec-cust .gf-steps::before {
		content: "";
		position: absolute;
		top: 14px;
		left: 35px;
		right: 28px;
		height: 2px;
		background: #e1d6c6;
		z-index: 0;
	}
}

@media only screen and (min-width:320px) and (max-width:767px) {

	.quiz-form-code-cust .gform-theme--framework .gfield--type-image_choice .gfield_radio {
		flex-direction: column;
		align-content: center;
	}
}

 /* @media only screen and (min-width:768px) and (max-width:768px) {

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		min-width: 155px !important;
		min-height: 160px !important;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
		left: -184px !important;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img {
		top: -51px !important;
		padding-right: 20px !important;
	}

	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
		right: -176px;
	}

	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
		top: -52px !important;
		padding-left: 20px;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:first-child label {
		margin: 0px;
	}

	#gform_2 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		margin: 0px;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice {
		gap: 5px;
		flex-direction: column;
	}

	.cust-option-circle .ginput_container_radio .gchoice:last-child {
		flex-direction: column-reverse !important;
	}

	.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice {
		padding: 0px 10px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		align-items: flex-end !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice {
		align-items: center !important;
	}

	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
	#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
		width: 62% !important;
	}

	.cust-dis-img {
		gap: 10px;
	}
} */

@media only screen and (max-width:767px) {
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:first-child label {
		margin: 0px;
	}

	#gform_2 .gform_page_fields .gform-field-label.gform-field-label--type-inline {
		margin: 0px;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice {
		gap: 5px;
		flex-direction: column;
	}

	.cust-option-circle .ginput_container_radio .gchoice:last-child {
		flex-direction: column-reverse !important;
	}

	.quiz-form-code-cust .gform_fields .ginput_container_radio .gchoice {
		padding: 0px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		align-items: flex-end;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice {
		align-items: center;
	}
}


@media (max-width: 768px) {
	.dt-card__benefits {
		grid-template-columns: 1fr;
	}

	.dt-card__expand-btn {
		font-size: 13px;
		width: 100%;
	}

	.pillar-header-raw {
		row-gap: 15px;
	}

	.pt-hero-hint-cust {
		display: none !important;
	}

	.cust_woo_card_wrap {
		box-shadow: rgba(99, 99, 99, 0.15) 0px 4px 12px !important;
	}

	.cust_woo_card_wrap .product-details {
		min-height: auto !important;
	}

	.n-chev {
		font-size: 20px;
	}


	.elementor-nav-menu--dropdown {
		position: fixed !important;
		top: 60px !important;
		left: 0 !important;
		padding: 0px 20px 20px;
	}



	/* Disable background scroll when mobile menu is open */
	body:has(.elementor-menu-toggle.elementor-active) {
		overflow: hidden;
		height: 100vh;
	}

	.more-filter-title {
		padding: 0px;
	}

}



@media only screen and (max-width:768px) {

	.quiz-ques-cust label.gform-field-label {
		flex-direction: column;
	}

	.quiz-ques-cust .gform-theme--framework .gfield--type-choice .gfield_checkbox,
	.quiz-ques-cust .gfield_radio {
		display: grid !important;
		grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
		gap: 10px;
	}

	.quiz-ques-cust .gfield_radio .gchoice {
		background-color: #Ffff !important;
		border: 2px solid #d9d9d9 !important;
        box-shadow: 0 2px 8px rgba(250, 247, 242, 0.5);
	}

	.quiz-ques-cust label.gform-field-label img,
	.quiz-ques-cust label.gform-field-label .img-pps-op {
		width: 100%;
		padding: 10px 10px 0px;
		object-fit: cover;
		object-position: top;
		border-radius:15px;
	}

	.quiz-ques-cust label.gform-field-label img {
		height: 150px;
	}

	.quiz-ques-cust label.gform-field-label {
		gap: 0px;
	}

	.quiz-ques-cust .ginput_container .gchoice:hover {
		transform: unset;
	}

	.quiz-ques-cust label.gform-field-label {
		min-height: 230px;
	}

	#gform_17 .gform-body.gform_body #gform_page_17_1 {
		overflow: auto !important;
	}

	.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gfield-image-choice-wrapper-outer {
		padding: 10px 0px;
	}

	#custom-gf-steps {
		gap: 0px;
	}

	.gfield_radio {
		overflow-x: auto !important;
		overflow-y: auto !important;
	}
}


.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) .gfield-choice-input {
	border: 2px solid #65000B !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) .gfield-choice-input {
	border: 2px solid #65000B !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) .gfield-choice-input {
	border: 2px solid #65000B !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) .gfield-choice-input {
	border: 2px solid #5A6B3E  !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(6) .gfield-choice-input {
	border: 2px solid #5A6B3E  !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(7) .gfield-choice-input {
	border: 2px solid #5A6B3E  !important;
}



.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(6) .gfield-choice-input {
	border: 2px solid #5A6B3E !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) input::before {
	background: #65000B url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
	background-size: 60%;
	border: 2px solid #65000B !important;
}

.ginput_container_radio .gchoice:nth-of-type(1) input::before {
	opacity: 0.6;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) input::before {
	background: #65000B url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
	background-size: 60%;
	border: 2px solid #65000B !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) input::before {
	background: #65000B url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
	background-size: 60%;
	border: 2px solid #65000B !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) input::before {
	background: #5A6B3E url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
	background-size: 60%;
	border: 2px solid #5A6B3E !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(7) input::before {
	background: #5A6B3E url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
	background-size: 60%;
	border: 2px solid #5A6B3E !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:first-child label {
	margin-right: 0px;
}
 


/* Checked icon background colors */
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(1) input::before {
    background: #65000B url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
    background-size: 60%;
    border: 2px solid #65000B !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) input::before {
    background: #65000B url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
    background-size: 60%;
    border: 2px solid #65000B !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) input::before {
    background: #65000B url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
    background-size: 60%;
    border: 2px solid #65000B!important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) input::before {
    background: #5A6B3E url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
    background-size: 60%;
    border: 2px solid #5A6B3E !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(7) input::before {
    background: #5A6B3E url(https://srv1562361.hstgr.cloud/wp-content/uploads/2026/01/tick-icon.svg) no-repeat center;
    background-size: 60%;
    border: 2px solid #5A6B3E !important;
}

@media (max-width: 767px) {

	/* #gform_2 .gfield_radio .gchoice {
    width: 80% !important;
    max-width: 100% !important;
    flex: 0 0 50% !important;
} */

	.gform-theme--foundation .gform_fields {
		row-gap: 0px;
		padding-top: 130px;
	}

	.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gfield-image-choice-wrapper-outer {
		padding: 10px 10px;
	}


}


@media only screen and (max-width: 768px) {
	/*     #gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
        width: 65% !important;
    } */

	/* 	.gfield_radio{
		overflow-y:hidden !important;
	} */

	.mobile-top-img {
		display: none;
	}


	.gfield.cust-option-circle {
		display: flex;
		flex-direction: column;
	}

	.gfield.cust-option-circle .gfield_label {
		order: 1;
	}

	.gfield.cust-option-circle .mobile-bottom-img {
		order: 2;
	}

	.gfield.cust-option-circle .ginput_container {
		order: 3;
	}
	
	  #gform_next_button_2_288,
  #gform_previous_button_2_288 {
    width:48% !important;
}

#gform_save_2_3_link{
    width:98% !important;
	margin:auto auto;
}
	
	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
    padding: 0px 7px;
}
}

@media only screen and (max-width: 768px) {
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice {
		gap: 30px;
		flex-direction: column;
	}
	
		.quiz-img-text-wrap .cust-overview {
    border-radius: 20px;
    overflow: auto;
}

	.cust-radio-image .gfield_radio .gchoice:last-child label::before,
	.cust-radio-image .gfield_radio .gchoice:first-child label::before {
		display: none;
	}

	#gform_2 fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
		font-size: 14px !important;
	}

	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
		gap: 10px !important;
		align-content: flex-start !important;
	}

	#gform_2 fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
		text-wrap: wrap;
		padding-top: 31px;
	}

	#gform_2 .form_sublabel_below .gfield--type-radio {
		padding: 28px 0px 20px !important;
	}
	
/* 	.quiz-sec-cust #gform_page_2_1 .gform_fields{
    padding-top:0px !important; 
} */
	
	    #gform_2 fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
        text-wrap: nowrap;
        padding-top: 50px;
        position: absolute;
    }
	
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:last-child label {
        right: 40px;
    }
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
        gap: 12px !important;
        justify-content: center;
    }
	    .cust-option-circle .gfield_radio {
        padding: 0px 0px 22px !important;
    }
.quiz-form-code-cust .gform-page-footer {
    column-gap: 8px !important;
}
	
	.quiz-form-code-cust .gform-theme--framework .gfield--type-image_choice .gfield_radio {
        flex-direction: row;
        align-content: center;
    }
	
	.cust-mbti-quiz-form #custom-gf-steps .gf-steps{
    flex-wrap:nowrap;
}

.cust-mbti-quiz-form #custom-gf-steps .gf-back {
    font-size: 12px;
    color: #9b8c76;
    text-decoration: none;
    white-space: nowrap;
}

.cust-mbti-quiz-form #custom-gf-steps {
        gap: 5px;
        padding-top:22px;
    }

	.cust-mbti-quiz-form_wrapper .gf-circle {
        width: 22px;
        height: 22px;
    }

.cust-mbti-quiz-form .gf-back:first-child{
 position:absolute;
    top:2px;
    display:inline-flex;
    justify-content:space-between;
}

.cust-mbti-quiz-form .gf-back:last-child{
     position:absolute;
    top:2px;
    right:8px;
    display:inline-flex;
}
	
/* 27.7	 */
	.cust-dis-img .elementor-image-box-img,
.cust-dis-img .elementor-image-box-title{
    margin:0px 0px 10px !important;
}

.cust-dis-img img {
    height: 150px;
}

.cust-dis-img .elementor-widget-image-box{
    height:fit-content !important;
}

#gform_page_2_3,
#gform_page_2_4,
#gform_page_2_5,
#gform_page_2_6{
    margin-top:80px;
}
}

/* 23.07.26 */
@media (max-width: 676px) {
    .quiz-sec-cust .gform_fields {
        padding-top: 0;
        padding-bottom: 0;
    }
	
	.quiz-ques-cust .quiz-img-text-wrap {
        width: 100%;
        padding-top: 90px;
    }
	
	.quiz-img-text-wrap img.q1_overview.cust-overview {
    border-radius: 10px;
    overflow: auto;
}
	
	#gform_17 .gform-body.gform_body #gform_page_17_14>.gform-page-footer input.gform_button {
        padding: 0 20px !important;
    }
	
	#gform_17 .gform-body.gform_body #gform_page_17_14>.gform-page-footer{
		bottom:1%;
	}
	
	#gform_page_2_1 .gform-theme-button{
    padding:5px !important;
}
	.cust-dis-img{
    gap:20px;
}
	
	.cust-radio-image .gfield_radio{
 overflow-x:unset !important;
 overflow-y:unset !important;
}
}

.cust-radio-image .gfield_radio .gchoice:first-child label::before
{
	margin: 35px 0px 0px;
}
.cust-radio-image .gfield_radio .gchoice:last-child label::before{
    margin-bottom:0px;
}
}



/* Mbti */
@media only screen and (min-width:1025px){
	
	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label{
	width:65%;
}

#gform_2 .form_sublabel_below .gfield--type-radio {
    padding: 40px 0px 20px !important;
}

#gform_2 fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
    padding-top: 93px;
    padding-left: 20px;
}

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
    right: -250px;
    
}

.cust-radio-image .gfield_radio .gchoice:first-child label::before ,
.cust-radio-image .gfield_radio .gchoice:last-child label::before{
    width: 80%;
    height: 100%;
    margin:30px 0px 0px;
}

.cust-radio-image .gfield_radio .gchoice:last-child label::before{
     margin:30px 70px 0px;
}

#gform_2 fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
    padding-top: 93px;
    padding-left: 20px;
}

    .cust-radio-image .gfield_radio .gchoice:first-child label::before,
     .cust-radio-image .gfield_radio .gchoice:last-child label::before{
    width: 80%;
    height: 100%;
}

#gform_2 fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
    position: absolute;
 }

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
    left: -210px;
 }
	
	fieldset.cust-option-circle legend.gfield_label {
    margin: 0px !important;
}
	
	#gform_2 fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
        padding-left: 17px;
    }
	
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:first-child label {
    margin-right: 100px;
}
}

/*pps  */
@media only screen and (max-width:767px){
.quiz-form-code-cust .gform-theme--framework .gfield--type-image_choice .gfield_radio {
    flex-direction: row  !important;
}
	
	.cust-radio-image .gfield_radio .gchoice:first-child label::before{
		left:-10px !important;
	}

.quiz-form-code-cust .cust-gender-field .ginput_container_radio .gfield_radio
{
flex-wrap: nowrap !important;
gap: 10px !important;
}
.quiz-form-code-cust .pps-quiz-gender .ginput_container_radio .gchoice:hover {
transform: unset !important;
}

.quiz-form-code-cust #input_17_19 .gchoice{
    min-width:45% !important;
}
	.quiz-form-code-cust .gf-back:first-child{
position:absolute;
 top:2px;
 display:inline-flex;
 justify-content:space-between;
}

.quiz-form-code-cust .gf-back:last-child{
  position:absolute;
 top:2px;
 right:8px;
 display:inline-flex;
}

.quiz-form-code-cust .gf-circle {
     width: 20px;
     height: 20px;
 }

.quiz-form-code-cust #custom-gf-steps {
     gap: 5px;
     padding-top:25px;
 }
	
	.quiz-ques-cust label.gform-field-label .img-pps-op {
		padding:10px 10px 5px;
	}
	
	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
#gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
#gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
#gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
    display: inline-block !important
}
.cust-option-circle .gfield_radio input:hover {
    transform: unset;
}

}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(2) input {
    opacity: 0.8;
}
.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(3) input {
    opacity: 0.6;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(6) input {

    opacity: 0.8;

}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:nth-of-type(5) input {

    opacity: 0.6;

}


@media only screen and (min-width: 768px) and (max-width: 1023px) {

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio > div,
.cust-option-circle .gfield_radio {
overflow: visible !important;
}
	
	.cust-dis-img {
 padding:10px;   
}

.quiz-content-sec .e-con-inner{
 padding-bottom:0px !important;
}
	
	 #gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label,
    #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label,
    #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label,
    #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
        padding: 1px;
    }
	
	.cust-dis-img{
		gap:10px;
	}

.cust-radio-image .gfield_radio .gchoice:first-child label::before,
.cust-radio-image .gfield_radio .gchoice:last-child label::before {
display: block !important;
}
	
.cust-mbti-quiz-form .gform_page_footer .gform_previous_button,
.cust-mbti-quiz-form .gform_page_footer .gform_next_button{
        width:48% !important;
        flex:0 0 48% !important;
    }

.cust-mbti-quiz-form .gform_page_footer .gform_save_link{
        width:100% !important;
        max-width:97% !important;
        flex:0 0 97% !important;
        margin:0 auto !important;
    }
	
.cust-mbti-quiz-form #gform_submit_button_2{
    width:48%;
}
	
	 .cust-dis-img{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
        gap:30px !important;
        max-width:700px;
        margin:0 auto;
        padding:30px 20px;
    }

    .cust-dis-img > .e-child:nth-child(3){
        grid-column:1 / 3;
        justify-self:center;
        max-width:340px;
        width:100%;
    }


fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -180px;
    top:-60px !important;
}
fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -210px;
top:-67px !important;

}
.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
    top: -102px !important;
    padding-left: 0;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
        left: -172px;
    padding:0px;
    }

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
    padding:0px;
    right:-210px;
    top:-92px !important;
}
	
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
    object-fit: cover;
}

.cust-radio-image .gfield_radio .gchoice:last-child label::before
{
margin-bottom: -15px;
margin-left: 50px;
}

.quiz-form-code-cust fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
width: 14px !important;
height: 0px !important;
}
	


.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:last-child label {
right: 34px;
}

    fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
        right: -210px;
    }
	
	.cust-radio-image .gfield_radio .gchoice:last-child label{
    margin-top:15px;
    margin-right:0px !important;
}


.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:first-child label {
    margin-right: 0px;
    position:absolute;
    right:80px;
}

    fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
        left: -130px;
        top:-78px !important;
     }

.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img, .quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
        min-width: 120px !important
    }

    .cust-radio-image .gfield_radio .gchoice:first-child label{
    margin-top:15px;
}

.cust-radio-image .gfield_radio .gchoice:first-child label::before {
    margin: 15px -9px 0px;
}

    #gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label{
        width:65% !important;
    }
.cust-option-circle .gfield_radio{
    padding:0px 0px 5px !important;
}
	
	fieldset.cust-option-circle .ginput_container_radio {
    padding-top: 40px;
}
	
}
 
/* Wishlist start */
.wishlist-title h2{
    text-transform:capitalize;
}
.wishlist-title-container{
border-bottom:2px solid #000;    
}

.wishlist_wrap {
    background-color: #F3E7CE30;
}

.woocommerce-wishlist main{
    padding:0px
}

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

.cust-radio-image .gfield_radio .gchoice:last-child label{
/*     margin-left: -40px !important; */
	margin-left:-51px !important;
}

.cust-radio-image .gfield_radio .gchoice:first-child label{
     margin-right:-30px !important; 
}

.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img{
    padding-left:30px !important;
}


.cust-radio-image .gfield_radio .gchoice:last-child label::before{
    margin-right: -20px;
}
	
	#gform_2 fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
    padding-top: 80px;
 }
.cust-radio-image .gfield_radio .gchoice:last-child label::before {
    margin-bottom: -5px;
}
	
	.cust-radio-image .gfield_radio .gchoice:last-child label::before {
        margin-right: -21px !important;
    }
}

@media only screen and (min-width:990px) and (max-width:1024px) {

    .quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img,
    .quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
        transform: none !important;
        min-width: 170px !important;
        min-height: 181px !important;
    }

    fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
        right: -166px;
    }

    fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
        left: -174px;
        top: -90px !important;
    }

    #gform_2 .form_sublabel_below .gfield--type-radio {
        padding: 28px 0px 0px !important;
    }
}

    #gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
        display: inline-block !important;
    }

@media only screen and (min-width:1024px) and (max-width:1026px){
	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -200px;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
gap: 0px !important;
}



fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {left: -220px;top: -90px !important;}

#gform_2 fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
position: absolute;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:first-child label {
margin-right: 160px !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:last-child label {
margin-left: 100px;
}

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
padding: 0px;
right: -220px;
top: -75px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -190px;
top: -85px !important;
}

#gform_2 .form_sublabel_below .gfield--type-radio {
    padding: 28px 0px 20px !important;
}
	
	fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {padding: 0px;right: -236px;top: -80px !important;}
}

@media only screen and (min-width:1025px) and (max-width:1049px){
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img {
    top: -70px !important;
    padding-right: 20px;
    padding-left: 20px;
}
	
	.quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
    top: -102px !important;
    padding-left: 20px;
    padding-right: 20px;
}
}

@media only screen and (min-width:768px) and (max-width:780px){

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
gap: 0px !important;
}

.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img, .quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img {
min-width: 150px !important;
object-fit:unset;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -171px;
}

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -248px;
}


#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
width: 55% !important;
}
	
	#gform_page_2_6 fieldset,
#gform_page_2_7 fieldset,
#gform_page_2_8 fieldset,
#gform_page_2_9 fieldset,
#gform_page_2_10 fieldset,
#gform_page_2_11 fieldset{
    padding-bottom:0px !important;
	padding-top:0px !important;
}
	
	#field_2_305 .gfield_label,
	#field_2_311 .gfield_label,
	#field_2_317 .gfield_label{
    padding-top: 70px;
}
	
	#field_2_311 .gfield_label,
#field_2_317 .gfield_label,
#field_2_299 .gfield_label,
#field_2_323 .gfield_label,
#field_2_327 .gfield_label{
     padding-top: 70px;
}
}

@media only screen and (max-width:767px){
	#gform_page_2_6 fieldset,
#gform_page_2_7 fieldset,
#gform_page_2_8 fieldset,
#gform_page_2_9 fieldset,
#gform_page_2_10 fieldset,
#gform_page_2_11 fieldset{
    padding-bottom:20px !important;
	padding-top:0px !important;
}
	
	#field_2_305 .gfield_label,
	#field_2_311 .gfield_label,
	#field_2_317 .gfield_label,
	#field_2_299 .gfield_label,
#field_2_323 .gfield_label,
#field_2_327 .gfield_label{
    padding-top: 0px;
}
	
.gform_page_footer .gform_previous_button,
.gform_page_footer .gform_next_button {
    width: 48% !important;
}

.gform_page_footer .gform_save_link {
    width: 100% !important;
    margin: auto !important;
}
	
	#gform_page_2_7 .gform_save_link,
#gform_page_2_8 .gform_save_link,
#gform_page_2_9 .gform_save_link,
#gform_page_2_10 .gform_save_link,
#gform_page_2_11 .gform_save_link,
#gform_page_2_12 .gform_save_link{
    max-width:98% !important;
    
}
	
	.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio>div {
        justify-content: space-between;
    }

}

@media only screen and (min-width:1024px) and (max-width:1049px){
    
#custom-gf-steps {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
}
	 
	 fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img{
		 right:-220px !important;
	 }
	 
fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
        left: -190px;
        top: -60px !important;
    }
	 
	.cust-radio-image .gfield_radio .gchoice:last-child label::before {
    margin-bottom: -6px;
    margin-right:-16px;
     }
	 
	 body > * {
    overflow-x: hidden !important;
}


} 

 @media only screen and (max-width: 767px) {

    #gform_page_2_6 .gfield--type-image_choice .gfield_radio,
     #gform_page_2_7 .gfield--type-image_choice .gfield_radio,
     #gform_page_2_8 .gfield--type-image_choice .gfield_radio,
     #gform_page_2_9 .gfield--type-image_choice .gfield_radio,
     #gform_page_2_9 .gfield--type-image_choice .gfield_checkbox,
     #gform_page_2_10 .gfield--type-image_choice .gfield_radio,
     #gform_page_2_11 .gfield--type-image_choice .gfield_radio,
     #gform_page_2_12 .gfield--type-image_choice .gfield_radio{
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 12px;
        width: 100%;
        justify-items: center;
    }

    #gform_page_2_6 .quiz-form-code-cust .gform-theme--framework .gfield-image-choice-wrapper-inner{
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    #gform_page_2_6 .quiz-form-code-cust .gform-theme--framework .gfield-image-choice-wrapper-inner label{
        flex: 1;
    }

    #gform_page_2_12  #field_2_332{
         padding-bottom:0px !important;
     }

    #gform_page_2_12 #gform_previous_button_2,
     #gform_page_2_12 #gform_submit_button_2{
         width:48% !important;
     }
	 
	  #gform_2 .gchoice{
        width:100%;
        min-width:0;
        box-sizing:border-box;
    }
   
} 

@media only screen and (max-width:768px){

#gform_page_2_1 .gform-page-footer{
    flex-wrap:nowrap !important;
}

	.gfield_radio .gchoice {
    height: stretch !important;
}
	
	.gfield_checkbox .gchoice {
height: stretch !important;
}
	
	.quiz-content-sec{
    margin-top:60px !important;
}
	
	    .quiz-sec-cust .e-con-inner {
        padding-bottom: 0px !important;
        gap: 10px;
    }
	
	.gfield-image-choice-wrapper-outer .gfield-choice-image-wrapper {
        padding: 0;
    }
}

.pps-category-icon{
    width:50px;
}

.pps-cat-title-wrap {
    display: flex;
    gap: 12px;
    margin-bottom:12px;
}

.pps-category-header h2{
    margin: 0px 0px 10px 0px;
    font-family: "Jost", Sans-serif;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.pps-descriptors{
    font-size: 13px;
    color: #d4af78 ;
    margin-bottom: 12px;
    font-weight: 500;
}

.pps-category-block{
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
}

.pps-category-block:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.18);
}
.pps-category-header p{
    margin: 20px 0px 5px 0px !important;
    font-size: 18px;
    letter-spacing: -0.5px;
}

@media only screen and (max-width:768px){
    .pps-cat-title-wrap {
    margin-bottom: 0px;
    align-items: center;
}

    .pps-category-icon {
    width: 50px;
    height: 60px !important;
}
	
	.pps-category-header p{
    margin: 0px !important;
}
	
	 .cust-mbti-quiz-form_wrapper .gform_validation_errors {
        margin-left: 20px !important;
				margin-right:20px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px){
#gform_page_2_1 .gform_page_footer .gform_save_link {
        width: 48% !important;
        max-width: 48% !important;
        flex: 0 0 48% !important;
				margin: unset !important;
    }
	
	#gform_page_2_1 #gform_next_button_2_42{
	width: 45% !important;
        flex: 0 0 45% !important;	
	}
}


@media (max-width: 768px) {
      .pps-explore-btn-wrapper {
        order: 2; 
        width:fit-content;
        margin-right:auto;
    }

    .pps_definition_wrap {
        order: 3;
    }
	
 	.gfield--image-choice-style-square.img-field .gfield_label{
    background-color:#a65e46 !important;
    color:#fff !important;
    display:inline-block !important;
		font-size: clamp(13px, 3.2vw, 15px) !important;
		width:100%;
}

.gfield--image-choice-style-square.img-field .gfield_required {
    color:#fff;
} 
	
	  #field_2_305,
    #field_2_311,
    #field_2_317,
    #field_2_299,
    #field_2_323,
    #field_2_327{
        margin-top:75px !important;
    }
	
	#gform_page_2_1 .gform_page_footer .gform_next_button,
#gform_page_2_1 .gform_page_footer .gform_save_link{
    width:48% !important;
}
	
	   
}

/* filter page start */
#ptHint-cust{
	display:none;
}

.cust_woo_card_wrap[style*="display: flex"] .add-btn,
.cust_woo_card_wrap[style*="display: flex"] .add-to-wardrobe-btn{
    width: fit-content !important;
}
@media only screen and (max-width:1024px){
	
 main .grid.pd-visible {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}
}
/* .pd-trail-description .add-to-wardrobe-btn,
.cust_card_detail .p-card-actions{
    width:fit-content !important;
   
} */

.cust_woo_card_wrap .p-inspired {
	text-align: start;
}

.grid.pd-fading .p-img {
    aspect-ratio:unset;
}

@media (min-width:767px){
	    .pps-explore-btn-wrapper {
        margin-right:unset;
    }
}

@media only screen and (max-width:768px){
.sel-cols {
grid-template-columns: repeat(1, 1fr);
}

.sel-title{
width:50%;
font-size:14px;
}

.sel-head{
flex-wrap:wrap;
row-gap:10px;
justify-content:center;
	}
	.sel-head-left{
		justify-content:center;
	}

.sel-total{
width: fit-content;
text-wrap: nowrap;
}

.sel-head-left {
width: 100%;
}

	#yith-wcwl-form .additional-info td{
		        padding: 10px 0 !important;
	}
	
	.cust_woo_card_wrap .p-inspired {
    text-align: center;
}
}
@media only screen and (max-width:767px){
	.notes-bar{
		gap:10px;
	}
}

.n-chev,
.pd-nf-arrow{
	font-size:18px !important;
}

/* 30.07.26 */
@media only screen and (min-width:769px) and (max-width:780px){
#gform_2 .form_sublabel_below .gfield--type-radio {
padding: 0px 0px 10px !important;
}

.cust-radio-image .gfield_radio .gchoice:first-child label::before {
margin: 37px -9px 0px;
}
fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
top: -64px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
top: -75px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -164px;
}

}

@media only screen and (min-width:781px) and (max-width:799px){
.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img, .quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img{
min-width:150px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -175px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -255px;
}

#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
width: 55% !important;
}

}

@media only screen and (min-width:769px) and (max-width:799px){
#gform_2 .form_sublabel_below .gfield--type-radio {
padding: 0px 0px 10px !important;
}

.cust-radio-image .gfield_radio .gchoice:first-child label::before {
margin: 37px -9px 0px;
}
fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
top: -64px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
top: -75px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -164px;
}

}

@media only screen and (min-width:769px) and (max-width:780px){
#gform_2 .form_sublabel_below .gfield--type-radio {
padding: 0px 0px 10px !important;
}

.cust-radio-image .gfield_radio .gchoice:first-child label::before {
margin: 37px -9px 0px;
}
fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
top: -64px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
top: -75px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -164px;
}

}

@media only screen and (min-width:781px) and (max-width:799px){
.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img, .quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img{
min-width:150px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -175px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -255px;
}

#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
width: 55% !important;
}

}

@media only screen and (min-width:769px) and (max-width:780px){
#gform_2 .form_sublabel_below .gfield--type-radio {
padding: 0px 0px 10px !important;
}

.cust-radio-image .gfield_radio .gchoice:first-child label::before {
margin: 37px -9px 0px;
}
fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
top: -64px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
top: -75px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -164px;
}

}

@media only screen and (min-width:800px) and (max-width:1023px){
.quiz-form-code-cust fieldset.cust-option-circle .gchoice:first-child label img, .quiz-form-code-cust fieldset.cust-option-circle .gchoice:last-child label img{
min-width:145px !important;
}

#gform_2 .form_sublabel_below .gfield--type-radio {
padding: 10px 0px 08px !important;
}

#gform_2 .form_sublabel_below .gfield--type-radio {
padding: 10px 0px 08px !important;
}

.cust-radio-image .gfield_radio .gchoice:first-child label::before {
    margin: 36px -9px 0px !important;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {left: -160px !important;top: -79px !important;}

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -230px;
}

#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label {
width: 55% !important;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:first-child label {
right: 75px;
}

.cust-radio-image .gfield_radio .gchoice:first-child label {
margin-top: 11px;
}


#gform_2 fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
padding-top: 71px;
}

.cust-radio-image .gfield_radio .gchoice:last-child label::before {
margin-left: 46px;
}

.quiz-form-code-cust .gform_fields .cust-option-circle .ginput_container_radio .gchoice:last-child label {
right: 50px;
}

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -245px;
top: -89px !important;
}


}

@media only screen and (min-width:825px) and (max-width:845px){

fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -255px;
}


fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -168px !important;
}


}


@media only screen and (min-width:846px) and (max-width:863px){
fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -270px;
}


fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -175px !important;
}
}
@media only screen and (min-width:865px) and (max-width:900px){
fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -275px;
}


fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -190px !important;
}
}

@media only screen and (min-width:901px) and (max-width:910px){
fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -285px;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -200px !important;
}
}

@media only screen and (min-width:911px) and (max-width:940px){
fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -290px;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -208px !important;
}
}

@media only screen and (min-width:941px) and (max-width:960px){
fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -300px;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -220px !important;
}
}

@media only screen and (min-width:961px) and (max-width:999px){
fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -275px;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -195px !important;
}
}

@media only screen and (min-width:1001px) and (max-width:1023px){
fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
right: -295px;
}

fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
left: -220px !important;
}
}

@media only screen and (min-width:769px) and (max-width:1023px){
	#custom-gf-steps {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
}

	 body > * {
    overflow-x: hidden !important;
}
}

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

.lux-journey-item-details h4{
	margin:0px;
}

.lux-journey-item-details p{
	margin-bottom:0px;
	}

}

@media only screen and (min-width:769px) and (max-width:1100px){
.lux-journey-item-right {
    width:100%;
    display:inline-flex;
    justify-content: end;
}    
}

@media only screen and (max-width:768px){
	.lux-journey-item-details h4{
		margin-top:0px;
		margin-bottom:10px;
	}
	
	.lux-journey-item-left {
    row-gap: 10px;
}
	
}

@media only screen and (min-width:767px){
	.lux-card-top{
		margin-bottom:0px;
	}
}


.lux-card-top {
	margin: 0px !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    .pps-product-card {
        flex: 0 0 calc((100% - 20px) / 1) !important;
        max-width: calc((100% - 20px) / 1);
			
    }
	#tab-category_1 .pps-product-card{
		min-width: 100%;
	}
	
}



@media only screen and (max-width:767px){
  

    .dt-pm-card__eyebrow-row
{
    flex-wrap:wrap;
    gap:10px;
}
	
	.dt-pm-section .dt-pm__title em{
    font-size:25px;
}
	

}

@media only screen and (max-width:424px){
	  .dt-pm-card__time{
        width:100%;
        display:inline-block;
    }
}

@media only screen and (max-width:1025px){
.cust_woo_card_wrap .p-inspired {
    text-align:center !important;
}    
}

@media only screen and (max-width:768px){
    .cust_mbti_result_wrap .e-child{
    padding:0px !important;
}
    .ocean-profile-box{
     margin:0px !important;   
    }

    .cust-3-product .e-con-inner{
        padding:50px 0px;
    }
	 .pps-desc-title .pps-title{
    font-size:40px;
    line-height:1.2;
}
	.lux-btn-primary{
    font-size:12px;
    letter-spacing:1px;
}
	
.pps-desc-title .e-n-tabs-mobile {
    padding:0px !important;
}
}
.woocommerce .e-cart__column-start {
    flex: 1 1 50%;
    min-width: 0;
}

.input-text.qty.text{
    text-align:center !important;
}

ul.products li.product {
    border-radius: 28px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

ul.products li.product .woocommerce-LoopProduct-link {
    display: block;
    border-radius: 28px 28px 0 0;
    text-align: center;
    text-decoration: none
}

.woocommerce-loop-product__title{
    padding:5px 18px !important;
}

ul.products li.product .woocommerce-LoopProduct-link img {
    width: 100%;
    height: 280px;
    object-fit: contain;
    margin-bottom: 20px;
    border-radius: 20px 20px 0px 0px;
}

ul.products li.product h2 {
    font-size: 30px;
    line-height: 1.2;
    color: #333;
    margin: 15px 18px 10px;
    font-weight: 500;
    text-align: left
}

ul.products li.product .price {
    display: block;
    margin: 0 18px 20px;
    font-size: 20px;
    color: #444;
    text-align: left
}

.products .price del {
    opacity: .5
}

.products .price ins {
    text-decoration: none
}

ul.products li.product .button {
    width:calc(100% - 36px);
    margin:20px 18px 22px;
    background: transparent;
    border: 2px solid #65000B;
    color: #65000B;
    font-size: 0.65rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    text-align:center;
    padding:12px;
}

ul.products li.product .button:hover {
    background: #65000B;
    color:#fff;
}

.yith-add-to-wishlist-button-block {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 10
}

.yith-wcwl-add-to-wishlist-button {
    width: 42px;
    height: 42px;
    border-radius: 50%;
rgba(255,255,255,0.92) !important; */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .15);
    padding: 0 !important
}

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

.compare,
.compare-button,
.yith-compare-btn {
    position: absolute;
    left: 18px;
    top: 18px;
    background: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    z-index: 10;
    font-size: 14px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .08)
}

ul.products {
    gap: 25px
}

.yith-add-to-wishlist-button-block {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 20;
    margin: 0;
}

.yith-wcwl-add-to-wishlist-button {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;

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

    background: #fff !important;
    border: none !important;
    border-radius: 50% !important;

    box-shadow: 0 4px 12px rgba(0,0,0,.12);

    cursor: pointer;
    transition: all .25s ease;
}

.yith-wcwl-add-to-wishlist-button:hover {
    box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

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

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

.yith-wcwl-add-to-wishlist-button svg {
    width: 20px;
    height: 20px;
    stroke: #555 !important;
    stroke-width: 1.8;
    fill: none;
}

.yith-wcwl-add-to-wishlist-button.added svg,
.yith-wcwl-add-to-wishlist-button:hover svg {
    stroke: #c0392b !important;
}

.related.products{
    padding:0px 20px;
}

@media only screen and (max-width:768px){
    .cf-grid:has(.cf-col:nth-child(2):last-child) {
    grid-template-columns: repeat(1, minmax(280px, 250px)) !important;
    justify-content: center !important;
}
	
	.cf-tray.active{
		width:fit-content;
	}
	
	.dt-card__head{
		margin-bottom:10px;
	}
	
	.lux-dashboard-container .top-piller-mbti-type-heading h3{
		font-size:14px !important;
	}
	
	.lux-content-body .mbti-result{
    font-size:28px !important;
}
	
	.top-piller-ocean-profile-auto .ocean-profile-box {
    padding:10px !important;
}

.ocean-profile-box h3{
    margin-bottom:20px !important;
}
	
	.top-piller-ocean-profile-auto .ocean-profile-box {
    padding:10px !important;
}

.ocean-profile-box h3{
    margin-bottom:20px !important;
}
	
	.persona-sub-content .e-con-full{
    padding: 0px 0px 0px;
}

.persona-sub-content .elementor-element.elementor-element-a12e079{
    padding-top:0px;
}

.persona-sub-content h4{
    font-size:18px !important;
}

.persona-sub-content .e-con-full {
    padding: 15px;
}
}

.cf-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.cf-grid:has(.cf-col:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(280px, 250px));
    justify-content: center;
}

.view-product-btn-section{
    margin:auto;
}

#coupon-error-notice {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    margin: 15px 0;
    border: 1px solid #f5c2c7;
    border-left: 4px solid #dc3545;
    background-color: #f8d7da;
    color: #842029;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

#coupon-error-notice::before {
    content: "⚠";
    font-size: 18px;
    font-weight: bold;
    color: #dc3545;
    flex-shrink: 0;
}

.related .yith-wcwl-add-to-wishlist-button--added:is(button) svg {
    fill: #c0392b !important;
    stroke: #c0392b !important;
}

.pd-trail-item:last-child{
    margin-bottom:20px !important;
}

.psg-arrow{
	padding:12px;
}

.woocommerce div.product form.cart .reset_variations{
	font-size:1.1em;
}

.cf-col {
    text-align: center;
/*     border: none; */
    border-radius: 18px;
    border-radius: 20px;
    box-shadow: rgba(99, 99, 99, 0.15) 0px 4px 12px;
	padding:0px;
}

.cf-box .p-info{
    padding:25px;
}

.cf-col img{
    border-radius:20px 20px 0px 0px;
}
.psg-wrap .psg-arrow:focus{
    background:rgba(255, 255, 255, .85);
    outline:none;
}


.cf-reset-btn:focus{
    background: #2a2a2a;
    color: #ddd;
}

.pd-trail-item{
	transition:unset !important;
}
.pd-trail-item.active,
.pd-trail-item:hover {
    background-color: #AC9C8D !important;
	border:none !important;
	box-shadow:unset !important;
	transform:unset !important;
}

.cust_sider_wrap .pd-trail-item.pd-trail-item-btn.active .pd-trail-btn {
     background-color: unset !important; 
}

@media only screen and (max-width:767px){
	.products {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
}
}

.cf-col .cf-img{
    display:block;
}

.cf-col .cust_card_detail{
    position:relative;
    padding:25px 20px 20px;
    text-align:left;
}

.cf-col .view-product-btn-section{
    position:absolute;
    top:-35px;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    display:flex;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:all .35s ease;
}

.cf-col .view-product-btn-section{
    transform:translate(-50%,20px);
    opacity:0;
    visibility:hidden;
    transition:all .5s cubic-bezier(.22,.61,.36,1);
}

.cf-col:hover .view-product-btn-section{
    transform:translate(-50%,0) ;
    opacity:1;
    visibility:visible;
}

.cf-col .view-product-btn{
    background:#65000B !important;
    transition:.3s;
    text-transform:uppercase !important;
    font-size:0.65rem !important;
    letter-spacing: 0.22em;
    min-width:80%;
    text-align:center;
    border-radius: 10px !important;
}

.cf-col .view-product-btn:hover{
    background:#875c3a !important;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
    display:block;
    position:relative;
    margin-bottom:20px; 
}

.woocommerce ul.products li.product > .button{
    position:absolute;
    left:50%;
    top:calc(300px - 22px); 
    transform:translate(-58%,5px);
    width:80%;
    background:#65000B !important;
    color:#fff !important;
    border-radius:10px;
    text-transform:uppercase;
    letter-spacing:.2em;
    font-size:11px;
    opacity:0;
    visibility:hidden;
    transition:all .35s ease;
}

.woocommerce ul.products li.product:hover > .button{
    opacity:1;
    visibility:visible;
    transform:translate(-58%,0);
}

.woocommerce ul.products li.product h2{
    margin-top:50px !important;
}

.products a.button.product_type_variable.add_to_cart_button.cfvsw_ajax_add_to_cart:hover {
    background: #875c3a !important;
    border-color: #875c3a !important;
}
/*
 * 11-08-2026
 * */
/* =========================================================
   TFA / MBTI Result Page — FULL CSS (final consolidated)
   Paste into: Elementor > Site Settings > Custom CSS
   Replaces all previous CSS files — use this one only.

   Uses only your existing classes/IDs:
   #tab-1..#tab-4, .dv-profile-section, .cust-persantage-bar,
   .mbti-bars, .ocean-profile-box, .ocean-icon-item,
   [data-id="bca3e63"], .cust-detail-mbti

   BEFORE THIS WORKS CORRECTLY:
   On the "Your Personality Profile" sidebar widget, go to
   Advanced > Motion Effects > Sticky and set it to "None".
   The CSS sticky rules near the bottom are a backstop, not
   a substitute — leaving native sticky on WILL still cause
   the overlap/duplicate bug no matter what CSS says.
   ========================================================= */

.cust_mbti_result_wrap,
.cust_mbti_result_wrap * {
  font-family: 'Jost', sans-serif;
}

/* ---------------------------------------------------------
   BASE — each tab is its own visually distinct block
   --------------------------------------------------------- */
#tab-1, #tab-2, #tab-3, #tab-4 {
  border-radius: 20px;
  margin-bottom: 28px;
}

.dv-profile-section h3 {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 6px;
}
.dv-profile-section p {
  line-height: 1.75;
  font-size: 15.5px;
}

/* ---------------------------------------------------------
   TAB 1 — MBTI Blueprint: hero card + stat-strip trait row
   --------------------------------------------------------- */
#tab-1 {
  background: #ffffff;
  padding: 56px 44px;
  box-shadow: 0 10px 40px rgba(31, 37, 48, 0.07);
}
#tab-1 .dv-profile-section h3 { color: #1f2530; }
#tab-1 .dv-profile-section p { color: #6b7280; max-width: 720px; }

/* type badge card -> dark hero treatment */
.cust-persantage-bar .elementor-shortcode > div:first-child {
  background: linear-gradient(160deg, #1f2530 0%, #3a2a30 100%) !important;
  border-radius: 16px;
  padding: 40px 20px !important;
  border-bottom: none !important;
  margin: 30px 0 !important;
}
.cust-persantage-bar .elementor-shortcode > div:first-child h3 {
  color: rgba(255,255,255,0.55) !important;
}
.cust-persantage-bar .elementor-shortcode > div:first-child > div:last-child {
  color: #fff !important;
  font-size: 40px !important;
}

/* icon on the dark hero card — invert dark line-art so it's visible */
.cust-persantage-bar img[alt="ESFJ Icon"] {
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
  background: rgba(255,255,255,0.08) !important;
  border-radius: 50% !important;
  padding: 16px !important;
  width: 90px !important;
  height: 90px !important;
  object-fit: contain !important;
}

/* mbti-bars -> plain minimal rows, no card/border/icon */
.mbti-bars {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.mbti-bar {
  padding: 0;
}

.mbti-bar-heading {
  text-align: left;
}
.bar-labels {
  justify-content: space-between !important;
}

/* per-trait color (heading, fill, thumb) — no yellow */
.mbti-bar:nth-child(1) .mbti-bar-heading,
.mbti-bar:nth-child(1) .bar-thumb { color: #3b82f6 !important; }
.mbti-bar:nth-child(1) .bar-fill { background: #3b82f6 !important; }

.mbti-bar:nth-child(2) .mbti-bar-heading,
.mbti-bar:nth-child(2) .bar-thumb { color: #7a1f2b !important; }
.mbti-bar:nth-child(2) .bar-fill { background: #7a1f2b !important; }

.mbti-bar:nth-child(3) .mbti-bar-heading,
.mbti-bar:nth-child(3) .bar-thumb { color: #16a34a !important; }
.mbti-bar:nth-child(3) .bar-fill { background: #16a34a !important; }

.mbti-bar:nth-child(4) .mbti-bar-heading,
.mbti-bar:nth-child(4) .bar-thumb { color: #7c3aed !important; }
.mbti-bar:nth-child(4) .bar-fill { background: #7c3aed !important; }

@media (max-width: 560px) {
  .mbti-bars { gap: 22px; }
}
.mbti-bar-heading {
  font-weight: 700;
  font-size: 14px;
  color: #1f2530;
  margin-bottom: 14px;
}
.bar-track {
  height: 8px !important;
  border-radius: 999px !important;
  background: #e4e1da !important;
}
.bar-fill { border-radius: 999px !important; }
.bar-thumb {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 3px solid currentColor !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
}
.bar-labels {
  display: flex !important;
  justify-content: space-between !important;
  gap: 8px;
  font-size: 12px;
  color: #6b7280;
  margin-top: 8px;
}
@media (max-width: 560px) {
  .mbti-bar { padding: 18px; }
}

/* ---------------------------------------------------------
   TAB 2 — OCEAN: icon-grid band on cream background
   --------------------------------------------------------- */
#tab-2 {
  background: #f5f4f2;
  padding: 56px 44px;
}
#tab-2 .dv-profile-section h3 { color: #1f2530; }
#tab-2 .dv-profile-section p { color: #6b7280; max-width: 720px; }

.ocean-profile-box {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 30px 0 0 !important;
}
.ocean-icon-item {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.05) !important;
  padding: 22px 12px !important;
}
.ocean-icon-item img {
  width: 40px !important;
  height: 40px !important;
  padding: 10px;
  border-radius: 50%;
  opacity: 1 !important;
  background: #f4f0ea;
}
.ocean-icon-item div[style*="height: 6px"] {
  height: 8px !important;
  border-radius: 999px !important;
}
.ocean-icon-item div[style*="background: #d4af78"] {
  background: linear-gradient(90deg, #c9a227, #7a1f2b) !important;
}

/* ---------------------------------------------------------
   TAB 3 — Critical Factors: true zigzag using existing siblings
   .dv-profile-section (text) + [data-id="bca3e63"] (images)
   placed side by side instead of stacked
   --------------------------------------------------------- */
#tab-3 {
  background: #ffffff;
  box-shadow: 0 10px 40px rgba(31, 37, 48, 0.07);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 40px;
}
#tab-3 .dv-profile-section {
  min-width: 0;
}
#tab-3 .dv-profile-section h3,
#tab-3 .dv-profile-section p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
}
#tab-3 .dv-profile-section h3 { color: #1f2530; }
#tab-3 .dv-profile-section p { color: #6b7280; }


/* ---------------------------------------------------------
   TAB 4 — 7 Pillar: dark pull-quote style closing band
   Reuses the same .dv-profile-section text — no new markup
   --------------------------------------------------------- */
#tab-4 {
  background: #2c2118;
  padding: 60px 44px;
  text-align: center;
}
#tab-4 .dv-profile-section h3 {
  color: #c9a227;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
}
#tab-4 .dv-profile-section h3::before { display: none; }
#tab-4 .dv-profile-section p {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 20px;
  line-height: 1.65;
  color: #f2e6cf;
  max-width: 680px;
  margin: 14px auto 0;
}

/* ---------------------------------------------------------
   SIDEBAR — "Your Personality Profile" heading + icon-list
   FIX: previous margin-top: 0 !important collapsed the gap
   between the heading widget and the list widget below it,
   causing the overlap you saw. Restored a real gap (24px).

   STICKY — high-specificity override targeting Elementor's
   own active/effects state classes directly. Requires native
   Sticky set to "None" on the widget to behave reliably —
   see note at top of this file.
   --------------------------------------------------------- */
.cust-detail-mbti {
  background: #ffffff;
  border-radius: 20px;
  padding: 20px 10px;
  box-shadow: 0 10px 40px rgba(31, 37, 48, 0.07);
  border: 1px solid rgba(0,0,0,0.04);
}
.cust-detail-mbti .elementor-icon-list-item {
  border-left: 3px solid transparent;
  border-radius: 8px;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.cust-detail-mbti .elementor-icon-list-item:hover {
  background: rgba(31, 37, 48, 0.04);
  border-left-color: rgba(122,31,43,0.35);
}
.cust-detail-mbti .elementor-icon-list-item:hover a { color: #1f2530; }

.cust-detail-mbti .elementor-icon-list-item.active {
  background: linear-gradient(90deg, rgba(122,31,43,0.1), transparent);
  border-left-color: #7a1f2b;
}
.cust-detail-mbti .elementor-icon-list-item.active a {
  color: #7a1f2b;
  font-weight: 600;
}

.cust-detail-mbti.elementor-sticky--active,
.cust-detail-mbti.elementor-sticky--effects,
.cust-detail-mbti {
  position: sticky !important;
  /* top: 100px !important; */
  left: auto !important;
  right: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  /* width: auto !important; */
  max-width: none !important;
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  transform: none !important;
}

.elementor-sticky__spacer.cust-detail-mbti {
  display: none !important;
}

@media (max-width: 1024px) {
  .cust-detail-mbti.elementor-sticky--active,
  .cust-detail-mbti.elementor-sticky--effects,
  .cust-detail-mbti {
    position: static !important;
    top: auto !important;
  }
  #tab-1, #tab-2, #tab-3, #tab-4 { padding: 36px 22px; }
	
	#gform_page_2_2 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_3 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_4 .gform_page_fields legend.gfield_label.gform-field-label, #gform_page_2_5 .gform_page_fields legend.gfield_label.gform-field-label{
		font-size: clamp(15px, 3.2vw, 15px) !important;
	}
}


/* 12.08.26 */
.cust-btn-dark- {
    position: fixed !important;
    bottom: 24px !important;
    z-index: 10 !important;
}

.cust-btn-dark- .elementor-button {
    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.20),
        0 2px 6px rgba(0, 0, 0, 0.12) !important;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
	border-radius:99px !important;
}

.pps-category-block {
    background: #fff;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.pps-wrapper{
	padding:5px 10px;
}

.pps-category-header h2,
.pps-cat-title-text h2 {
    color: #322D29 !important;
}

.pps-descriptors {
    color: #72383D !important;
}

.pps_definition_wrap p {
    color: #322D29 !important;
}

.ppas_cat_where_wrap {
    color: #322D29 !important;
}


.pps-category-icon {
    filter: brightness(0) saturate(100%)
            invert(22%)
            sepia(12%)
            saturate(500%)
            hue-rotate(340deg)
            brightness(85%)
            contrast(90%);
}



.pps-product-card {
    color: #322D29;
}

.pps-product-title {
    color: #322D29 !important;
}

.pps-stat {
    color: #000 !important;
}
.pps-explore-btn {
    color: #000 !important;
    border: 1px solid #000 !important;
    transition: all 0.25s ease;
}

.pps-explore-btn:focus,
.pps-product-btn:focus {
    outline: 2px solid #AC9C8D;
    outline-offset: 2px;
}


.pps-descriptors {
    color: #72383D !important;
}

.ppas_cat_where_wrap {
    border-left: 3px solid #72383D;
}

button.pps-explore-btn{
    color:#000 !important;
}

.pillar-card {
     background-color: #EFE9E1;    
/* background-color:#fff; */
	 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.main-pillar-wrapper {
    padding: 5px 10px;
}

.pillar-title-text h3 {
    color: #322D29 !important;
}
.pillar-descriptors {
    color: #72383D !important;
}

.pillar-content > p {
    color: #322D29 !important;
}

button.mbti-explore-btn {
    color: #000 !important;
    border: 1px solid #000 !important;
    background-color: transparent;
    transition: all 0.25s ease;
}

.mbti-explore-btn:hover {
    background-color: #72383D !important;
    color: #EFE9E1 !important;
    border-color: #72383D !important;
}

.pillar-number {
    color: #72383D !important;
}

.pillar-title-icon {
    filter: brightness(0) saturate(100%)
            invert(22%)
            sepia(12%)
            saturate(500%)
            hue-rotate(340deg)
            brightness(85%)
            contrast(90%);
}

.mbti-explore-btn:focus {
    outline: 2px solid #AC9C8D;
    outline-offset: 2px;
}

.pillar-card:hover .pillar-title-text h3,
.pillar-card:hover .pillar-descriptors,
.pillar-card:hover .pillar-content > p,
.pillar-card:hover .pillar-number {
    color: #FFFFFF !important;
}

.pillar-card:hover .pillar-title-icon {
    filter: brightness(0) invert(1);
}

.pillar-card:hover .mbti-explore-btn {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    background-color: transparent !important;
}


#tab-category_1 .pps-product-card {
    width: 48%;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* 13.08.25 */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cust-dis-img .elementor-widget-image-box {
        height: 100% !important;
        width: 100% !important;
    }
}
/* check */
.pps-tab-content .n8n-section .item {
    display: flex;
    flex-direction: column;
}

.pps-tab-content .n8n-section .item .desc {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pps-tab-content .n8n-section .item .product-det-col {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pps-tab-content .n8n-section .item .pro-item-desc {
    margin-top: auto;
}

.cust-persantage-bar img {
    filter: brightness(0) invert(1) !important;
}

@media only screen and (min-width:769px) and (max-width:1023px){
	.quiz-form-code-cust .gform-page-footer{
		gap:05px !important;
	}
}

	.lux-main-content.lux-endpoint-seven_pillar,
.lux-main-content.lux-endpoint-persona_result{
		background:#fff !important;
	}

.pillar-card {
    position: relative;
    background: #EFE9E1;
    border: 1px solid transparent;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    cursor: pointer;

    transition:
        background-color 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s ease,
        box-shadow 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.pillar-card:hover {
    background: #6F2933;
    border-color: #8D4650;
    box-shadow:
        0 20px 45px rgba(67, 24, 30, 0.25);

    transform: translateY(-6px);
}


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

.pillar-card h3 {
    color: #17202A;

    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.pillar-card:hover h3 {
    color: #FFFFFF;
    transform: translateX(3px);
}

.pillar-descriptors {
    color: #7A2932;

    transition:
        letter-spacing 0.4s ease;
}

.pillar-card:hover .pillar-descriptors {
    color: #EAD8D5;
    letter-spacing: 0.3px;
}

.pillar-card p {
    color: #252525;

    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.pillar-card:hover p {
    color: #FFFFFF;
    transform: translateY(-1px);
}

.pillar-number {
    color: #D9B9B5;

    transition:
        transform 0.4s ease;
}

.pillar-card:hover .pillar-number {
    color: #D9B9B5;
    transform: translateX(-3px);
}

.pillar-title-icon {
    transition:
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.45s ease;
}

.pillar-card:hover .pillar-title-icon {
    transform: scale(1.06) translateY(-2px);
    filter:
        brightness(0)
        invert(1);
}

.mbti-explore-btn {
    position: relative;
    z-index: 3;
    color: #17202A;
    background: transparent;
    border: 1px solid #17202A;
    border-radius: 30px;
    padding: 11px 22px;
    cursor: pointer;
    transition:
        background-color 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s ease;
}

.pillar-card:hover .mbti-explore-btn {
    background: #FFFFFF;
    color: #6F2933;
    border-color: #FFFFFF;
    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.pillar-card:hover .mbti-explore-btn:hover {
    color: #541D25;
    transform:
        translateY(-3px)
        scale(1.02);
}

.pillar-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background: #D6AD7B;
    transition:
        height 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.pillar-card:hover::before {
    height: 100%;
}


.pps-category-block {
    background: #EFE9E1;
    border: 1px solid #72383d;
    border-radius: 16px;
}

.pps-category-block:hover {
    background: #6F2933;
    border-color: #8D4650;
}


.pps-category-block:hover .pps-cat-title-text h2 {
    color: #FFFFFF !important;
    transform: translateX(3px);
}

.pps-category-block .pps-descriptors {
    color: #7A2932;

    transition:
        letter-spacing 0.4s ease;
}

.pps-category-block:hover .pps-descriptors {
    color: #fff !important;
    letter-spacing: 0.3px;
}

.pps-category-block .pps-definition_wrap p {
    color: #252525;
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.pps-category-block:hover .pps-definition_wrap p {
    color: #FFFFFF !important;
    transform: translateY(-1px);
}


.pps-category-block:hover .ppas_cat_where_wrap,
.pps-category-block:hover .ppas_cat_where_wrap b {
    color: #FFFFFF !important;
}

.pps-category-block:hover .ppas_cat_where_wrap {
    transform: translateY(-1px);
}

.pps-category-block .pps-category-icon {
    transition:
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.45s ease;
}

.pps-category-block:hover .pps-category-icon {
    transform: scale(1.06) translateY(-2px);
    filter:
        brightness(0)
        invert(1);
}

.pps-category-block:hover .pps-explore-btn {
    background: transparent;
    color: #fff !important;
    border-color: #FFFFFF !important;
    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.pps-category-block:hover .pps-explore-btn:hover {
    color: #541D25;

    transform:
        translateY(-3px)
        scale(1.02);
}

.pps-category-block .pps-tab-content {
    transition: opacity 0.35s ease;
}

.pps-category-block:hover .pps_definition_wrap p{
    color:#fff !important;
}

a.pps-product-btn {
    background:#65000b;
    border:#65000b;
}

.pps-product-btn:hover{
    background-color: transparent;
    color: #65000b !important;
    border:1px solid #65000b !important; 
}  
/* chek */
.pps-category-block::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background: #D6AD7B;
    transition:
        height 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 5;
}

.pps-category-block:hover::before {
    height: 100%;
}

 #tab-category_1 .pps-product-card{
    display: flex;
    flex-direction: column;
    flex: 1 !important;
    justify-content: space-between;
}

#tab-category_2 .pps-product-card,
#tab-category_3 .pps-product-card{
 box-shadow:0 8px 25px rgba(0, 0, 0, 0.15);   
}

.pps-product-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
	padding-bottom:20px;
}

.pps-product-grid .pps-product-card {
    flex: 1 1 220px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 220px;
    box-sizing: border-box;
    color: #322D29;
}

@media only screen and (max-width:768px){
#tab-category_1 .pps-product-card {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 230px !important;
    justify-content: space-between !important;
    min-width: 0 !important;
}
}

/*  */
/* .pps-category-block:first-child{
    border:none;
    background:#fff;
    box-shadow:unset;
}

.pps-category-block:first-child:hover .pps-cat-title-text h2 {
    color: #000 !important;
    transform: translateX(3px);
}

.pps-category-block:first-child:hover .pps-category-icon {
    transform: unset;
    filter: brightness(1) invert(1);
}

.pps-category-block:first-child:hover .pps-descriptors {
    color: #000 !important;
}
.pps-category-block:first-child:hover .pps_definition_wrap p {
    color: #000 !important;
}

.pps-category-block:first-child:hover .ppas_cat_where_wrap, 
.pps-category-block:first-child:hover .ppas_cat_where_wrap b {
    color: #000 !important;
}

.pps-category-block:first-child:hover::before{
    height:0px;
} */

.ppas_cat_where_wrap {
/*     background: rgba(239, 233, 225, 0.75) !important; */
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
    border-radius: 12px !important;
}

@media only screen and (min-width:992px) and (max-width:1300px){
.pps-product-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pps-product-card {
    flex: 1 1 220px;
    min-width: 220px;
}
}

.sticky-7pillar-bar .elementor-button {
    transition: all 0.35s ease;
}

.sticky-7pillar-bar .elementor-button:hover {
    transform: scale(1.04) translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.20);
}

.sticky-7pillar-bar .elementor-button:hover .elementor-button-icon {
    transform: translateX(4px);
}

.sticky-7pillar-bar .elementor-button-icon {
    transition: transform 0.35s ease;
}

/* 14.08.26 */
.pps-category-block:has(.pps-category-header.active) {
    border-width: 2px;
}

@media only screen and (min-width:971px) and (max-width:1200px){
.items > * {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    box-sizing: border-box;
}    
}

.lux-endpoint-tsc_personality_match .dt-pm-section,
.lux-endpoint-pps_overview .dt-section,
.lux-endpoint-tfa_overview .dt-section{
    background: none;
    overflow:unset;
}

.lux-endpoint-seven_pillar .retake-quiz-sub,
.lux-endpoint-seven_pillar .retake-quiz {
    margin:auto;
}

@media only screen and (max-width: 1199px) {
    .pillar-title-text h3 {
        font-size: 25px !important;
    }

    .mbti-explore-btn{
     padding:5px !important;   
    }
	
	 .lux-sidebar{
        height:100%;
    }
}

@media only screen and (min-width:1025px) and (max-width:1026px){
        fieldset.cust-option-circle .gfield_radio .gchoice:first-child label img {
        left: -210px;
        top: -76px !important;
    }

        fieldset.cust-option-circle .gfield_radio .gchoice:last-child label img {
        right: -238px !important;
            top: -85px !important;
    }
}

@media only screen and (min-width:769px) and (max-width:1024px){
    
.status-publish.hentry .e-con-inner{
    padding-bottom:50px;
}
}

.lux-endpoint-tsc_wardrobe .p-img{
    aspect-ratio:unset;
}


.lux-endpoint-pps_overview .lux-content-body,
.lux-endpoint-pps_overview .dt-section ,
.lux-endpoint-seven_pillar .lux-content-body,
.lux-endpoint-dashboard .lux-content-body,
.lux-endpoint-tfa_overview .dt-section,
.lux-endpoint-tfa_overview .lux-content-body,
.lux-endpoint-personality_assessment .lux-content-body,
.lux-endpoint-persona_quiz .lux-content-body,
.lux-endpoint-persona_result .lux-content-body,
.lux-endpoint-tsc_personality_match .lux-content-body,
.lux-endpoint-tsc_personality_match .dt-pm-section,
.lux-endpoint-tsc_wardrobe .lux-content-body,
.lux-endpoint-profile .lux-content-body,
.lux-endpoint-orders .lux-content-body,
.lux-endpoint-security .lux-content-body,
.lux-endpoint-settings .lux-content-body,
.lux-endpoint-faq .lux-content-body{
    padding-top:0px !important; 
    padding-bottom:0px !important;
}


.lux-endpoint-tsc_personality_match .lux-content-body,
.lux-endpoint-pps_overview .lux-content-body,
.lux-endpoint-tfa_overview .lux-content-body{
    overflow-y:unset !important;
}

.lux-endpoint-pps_overview .lux-content-body,
.lux-endpoint-pps_overview .dt-section {
    padding: 0;
}

.lux-endpoint-pps_overview .lux-content-body {
    overflow-y: unset !important;
}

.lux-endpoint-tsc_personality_match .dt-pm-section::before,
.lux-endpoint-tsc_personality_match .dt-pm-section::after{
    background:unset;
}

.lux-endpoint-tsc_personality_match .dt-pm-section {
    padding-top:0px;
    padding-bottom:0px;
}

.lux-endpoint-tsc_wardrobe .lux-wardrobe-grid{
    padding-bottom:15px;
}
.lux-endpoint-tsc_wardrobe .lux-wardrobe-grid {
    flex-wrap:wrap;
}

@media only screen and (max-width:767px){
    .lux-endpoint-tsc_wardrobe .cust_card_detail{
        max-width:unset;
        text-align:center;
    }
    .lux-endpoint-tsc_wardrobe .product-tags{
        justify-content:center;
    }
}

/* breadcum */
.elementor-location-header .elementor-element.elementor-element-73b1acc.e-con-full.e-flex.e-con.e-child {
    border:none;
}

.lux-topbar.lux-breadcrumb_wrap {
    background: #F7F4EF !important;

    margin-bottom: 12px;
    min-height: 54px;
    padding: 0 18px 0 26px;

    border: 1px solid rgba(196, 157, 82, 0.12);
    border-radius: 15px;

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

    box-shadow:
        0 4px 14px rgba(8, 31, 40, 0.035),
        0 1px 3px rgba(8, 31, 40, 0.025);

    position: relative;
    overflow: hidden;

    transition:
        box-shadow 0.25s ease,
        transform 0.25s ease,
        border-color 0.25s ease;
}

.lux-topbar.lux-breadcrumb_wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;

    background: linear-gradient(
        180deg,
        #d5ad58,
        #b88a35
    );

    opacity: 0.9;
}

.lux-breadcrumbs {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 7px;

    color: #6f7f84;

    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1px;

    line-height: 1.4;
}

.lux-breadcrumbs > *:not(.lux-active-crumb) {
    color: #73848a;
}

.lux-breadcrumbs .lux-active-crumb {
    color: #183b46;
    font-weight: 700;
    position: relative;
}

.lux-breadcrumbs {
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}

.lux-topbar-actions {
    position: relative;
    z-index: 3;

    display: flex;
    align-items: center;
    gap: 8px;
}

.lux-topbar-actions .lux-topbar-btn {
    width: 34px;
    height: 34px;

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

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.72);

    border: 1px solid rgba(20, 55, 65, 0.08);

    color: #17424e;

    box-shadow:
        0 2px 7px rgba(10, 40, 48, 0.06);

    transition:
        all 0.22s ease;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.lux-topbar-actions .lux-topbar-btn svg {
    width: 17px !important;
    height: 17px !important;

    transition: transform 0.22s ease;
}

.lux-topbar-actions .lux-profile-btn {
    color: #3b9ad9;
}

.lux-topbar-actions .lux-logout-top-btn {
    color: #d87863;
}

.lux-topbar-actions .lux-topbar-btn:hover {
    transform: translateY(-2px);

    background: #ffffff;

    border-color: rgba(196, 157, 82, 0.28);

    box-shadow:
        0 5px 14px rgba(10, 40, 48, 0.10);
}


.lux-topbar-actions .lux-topbar-btn:hover svg {
    transform: scale(1.08);
}


.lux-topbar-actions .lux-profile-btn:hover {
    color: #1682c5;
}


.lux-topbar-actions .lux-logout-top-btn:hover {
    color: #c85c45;
    background: #fff9f7;
}


.lux-mobile-toggle {
    position: relative;
    z-index: 5;

    border: 0;
    background: transparent;

    color: #173e49;

    transition: all 0.2s ease;
}

@media (max-width: 900px) {

    .lux-topbar.lux-breadcrumb_wrap {
        min-height: 52px;

        padding: 0 15px 0 21px;

        border-radius: 13px;
    }

    .lux-breadcrumbs {
        font-size: 11.5px;
    }

    .lux-topbar-actions {
        gap: 6px;
    }

    .lux-topbar-actions .lux-topbar-btn {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 600px) {

    .lux-topbar.lux-breadcrumb_wrap {
        min-height: 50px;

        padding: 0 12px 0 16px;

        margin-bottom: 10px;

        border-radius: 12px;

        box-shadow:
            0 3px 10px rgba(8, 31, 40, 0.045);
    }

    .lux-topbar.lux-breadcrumb_wrap::before {
        width: 2px;
    }

    .lux-breadcrumbs {
        font-size: 10.5px;

        gap: 5px;

        max-width: calc(100% - 78px);

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lux-topbar-actions {
        gap: 5px;
        flex-shrink: 0;
    }

    .lux-topbar-actions .lux-topbar-btn {
        width: 30px;
        height: 30px;
    }

    .lux-topbar-actions .lux-topbar-btn svg {
        width: 15px !important;
        height: 15px !important;
    }
}

@media (max-width: 400px) {

    .lux-topbar.lux-breadcrumb_wrap {
        padding-left: 13px;
        padding-right: 9px;

        min-height: 47px;
    }

    .lux-breadcrumbs {
        font-size: 9.5px;
        max-width: calc(100% - 70px);
    }

    .lux-topbar-actions {
        gap: 4px;
    }

    .lux-topbar-actions .lux-topbar-btn {
        width: 28px;
        height: 28px;
    }
}


/* 17.08.26 pps */

/* pps end */
 .top-piller-content-main{
	background:unset;
}

/*.lux-sidebar-nav > ul > li:not(.lux-nav-section-title) > a:hover {
    color: var(--lux-gold) !important;
    background-color: #0d2a37 !important;
}

.lux-sidebar-nav > ul > li:not(.lux-nav-section-title) > a:hover .lux-nav-icon {
    filter: brightness(0) saturate(100%)
            invert(74%) sepia(57%)
            saturate(700%)
            hue-rotate(358deg)
            brightness(91%)
            contrast(90%) !important;
}

.lux-submenu > li > a:hover {
    color: var(--lux-gold) !important;
}

.lux-submenu > li.active > a .lux-menu-text img,
.lux-submenu > li > a:hover img.lux-submenu-icon,
.lux-submenu > li > a:hover .lux-menu-text img {
    filter: brightness(0) saturate(100%)
            invert(74%)
            sepia(57%)
            saturate(700%)
            hue-rotate(358deg)
            brightness(91%)
            contrast(90%) !important;
} */

/*  */


.lux-endpoint-personality_assessment .tfa-title-box {
    display: grid;
    grid-template-columns: 42px 1fr;
    column-gap: 10px;
}

.lux-endpoint-personality_assessment .tfa-title-box .lux-personality-icon {
    filter: brightness(0) saturate(100%);
}


.lux-endpoint-personality_assessment .tfa-title-box p {
    grid-column: 2;
}



.lux-endpoint-tsc_wardrobe .pps-title-box {
    display: grid;
    grid-template-columns: 42px 1fr;
    column-gap: 12px;
    align-items: center;
}

.lux-endpoint-tsc_wardrobe .pps-title-box > img {
    grid-column: 1;
    grid-row: 1 / 3;

}
.lux-endpoint-seven_pillar .pillar-title-box {
    display: grid;
    grid-template-columns: 42px 1fr;
    column-gap: 12px;
    align-items: center;
}

.lux-endpoint-seven_pillar .pillar-title-box > img {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 42px;
    height: 42px;
    object-fit: contain;
}



.lux-endpoint-persona_result .pps-title-box {
    display: grid;
    grid-template-columns: 42px 1fr;
    column-gap: 12px;
    align-items: center;
}

.lux-endpoint-persona_result .pps-title-box .lux-pps-icon {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 42px;
    height: 42px;
    object-fit: contain;
}


.lux-sidebar-nav > ul > li:not(.lux-nav-section-title) > a:hover {
    color: var(--lux-gold) !important;
    background-color: #0d2a37 !important;
}

.lux-sidebar-nav > ul > li:not(.lux-nav-section-title) > a:hover .lux-nav-icon {
    filter: brightness(0) invert(1) !important;
}
.page-id-14092 main{
    padding:0 !important;
}


/* ==========================================================================
   FORM 22: FIX BANNER HIDING BEHIND WEBSITE FOOTER
   ========================================================================== */

/* 1. Add bottom breathing room so the banner has space above the dark footer */
#gform_wrapper_22 {
    position: relative !important;
    z-index: 9999 !important;
    padding-bottom: 70px !important; /* Space for the banner */
    overflow: visible !important;
}

#gform_wrapper_22 .gform_page,
#gform_wrapper_22 form {
    overflow: visible !important;
}

/* 2. Footer container styling */
#gform_wrapper_22 .gform_page_footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    overflow: visible !important;
}

/* 3. Button wrapper */
#gform_wrapper_22 .gm-next-btn-wrapper {
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important;
    z-index: 99999 !important;
}

/* 4. The Tooltip Banner — Perfectly visible below the button */
#gform_wrapper_22 .gm-next-banner {
    visibility: hidden;
    opacity: 0;
    position: absolute !important;
    top: calc(100% + 14px) !important; /* Drops right below button */
    left: 50% !important;
    transform: translateX(-50%) translateY(-6px) !important;
    
    /* Box Styling */
    width: 290px !important;
    max-width: 90vw !important;
    background: #FFFFFF !important;
    border: 1px solid #C5A059 !important; /* Scent Formula Gold */
    color: #2C2623 !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    text-align: center !important;
    
    /* Bring to very front on top of all elements and footer */
    z-index: 9999999 !important;
    pointer-events: none !important;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 5. Gold Arrow pointing up to the button */
#gform_wrapper_22 .gm-next-banner::after {
    content: '' !important;
    position: absolute !important;
    bottom: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 6px !important;
    border-style: solid !important;
    border-color: transparent transparent #C5A059 transparent !important;
}

/* 6. Hover Trigger */
#gform_wrapper_22 .gm-next-btn-wrapper:hover .gm-next-banner,
#gform_wrapper_22 .gform_next_button:hover + .gm-next-banner {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* 20.08.26 */
@media only screen and (max-width:768px){

    .gift-muse-page .gform_fields{
    padding:0px !important; 
    }
	
	.gift-muse-page{
    padding-top:20px;
    padding-bottom:0px !important;
}
	
	.gift-muse-page #gform_wrapper_22 {
    padding-bottom:20px !important
}

	.gm-next-banner{
     display: none;   
    }
    
    .gift-muse-page #gform_wrapper_22 .gm-next-btn-wrapper{
    width:100%;
    }
    
    
.gift-muse-page #gform_wrapper_22 .gform-page-footer {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 15px !important;
	flex-wrap:nowrap !important;
}

.gift-muse-page #gform_wrapper_22 .gform_previous_button {
   margin: 0 !important;
        width: calc(50% - 7.5px) !important;
        flex: 0 0 calc(50% - 7.5px) !important;
}

.gift-muse-page #gform_wrapper_22 .gm-next-btn-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 !important;

}

.gift-muse-page #gform_wrapper_22 .gform_next_button {
   margin: 0 !important;
        width: calc(50% - 7.5px) !important;
        flex: 0 0 calc(50% - 7.5px) !important;
}
	
	 .gift-muse-page #gform_wrapper_22 .gform_previous_button,
    .gift-muse-page #gform_wrapper_22 #gform_submit_button_22 {
        margin: 0 !important;
        width: calc(50% - 7.5px) !important;
        flex: 0 0 calc(50% - 7.5px) !important;
    }
	
	.gift-muse-page #gform_wrapper_22 .gform_previous_button,
    .gift-muse-page #gform_wrapper_22 .gm-next-btn-wrapper {
        width: calc(50% - 7.5px) !important;
        max-width: calc(50% - 7.5px) !important;
        flex: 0 0 calc(50% - 7.5px) !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    .gift-muse-page #gform_wrapper_22 .gform_previous_button,
    .gift-muse-page #gform_wrapper_22 .gform_next_button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

.gift-muse-page #gform_wrapper_22 .gm-next-banner {
    text-align: center !important;
}
}

.gift-muse-page .validation_message{
    margin:15px auto 0px !important;
}

#gform_wrapper_22 .gform_page_footer{
    margin-top:20px  !important;
}

@media (min-width: 769px) and (max-width: 1300px){
    #gform_wrapper_22 .gm-next-btn-wrapper:hover .gm-next-banner, #gform_wrapper_22 .gform_next_button:hover + .gm-next-banner {
    right: 0;
    left: auto !important;
    transform: unset !important;
}

    #gform_wrapper_22 .gm-next-banner::after{
        left:auto !important;
    }
}

/* card design */

#gform_wrapper_22 #gf_progressbar_wrapper_22 .gf_progressbar_title, .gift-muse-quiz #gf_progressbar_wrapper_22 .gf_progressbar_title, .cust_gift_quizcontainer_wrap .gf_progressbar_wrapper .step-count-text{
    background:unset !important;
    border:none !important;
    box-shadow:unset !important;
	font-size:18px !important;
}

#gform_wrapper_22 #gf_progressbar_wrapper_22 .gf_progressbar, .gift-muse-quiz #gf_progressbar_wrapper_22 .gf_progressbar{
    max-width:600px !important;
}

/* 22-08-2026 start */

@media screen and (width: 768px) {
    .gf-steps::before {
        top: 11px;
    }
}

@media screen and (max-width: 768px) and (min-width:666px) {
    .cust-mbti-quiz-form #custom-gf-steps .gf-steps {
        gap: 15px;
    }
}

.quiz-sec-cust .gform_wrapper .gform_page_footer input.gform_next_button,
.cust-mbti-quiz-form #gform_page_2_1 .gform_page_footer .gform_save_link,
.cust-mbti-quiz-form .gform_page_footer .gform_previous_button,
.cust-mbti-quiz-form .gform_page_footer .gform_button {
    width: 200px !important;
    min-width: 180px !important;
    max-width: 200px !important;
    margin: 0 !important;
}

@media screen and (max-width:767px) {
    .quiz-form-code-cust .cust-mbti-quiz-form #gform_page_2_1 .gform_fields .ginput_container_radio .gchoice {
        width: calc(50% - 10px) !important;
    }
}

@media screen and (max-width:424px) {
    .cust-mbti-quiz-form #gform_page_2_1 .gform-page-footer {
        flex-wrap: wrap !important;
    }

    .cust-mbti-quiz-form #gform_page_2_1 .gform_page_footer .gform_next_button,
    .cust-mbti-quiz-form #gform_page_2_1 .gform_page_footer .gform_save_link {
        width: 100% !important;
        flex: unset !important;
        max-width: unset !important;
    }
}

@media screen and (min-width:1400px) {
    #gform_2 .cust-radio-image .form_sublabel_below .gfield--type-radio {
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .cust-mbti-quiz-form .gform_page_footer .gform_previous_button {
        width: 200px !important;
        min-width: 180px !important;
        max-width: 200px !important;
        margin: 0 !important;
    }

    .cust-mbti-quiz-form .gform_page_footer .gform_save_link {
        width: 200px !important;
        min-width: 180px !important;
        max-width: 200px !important;
        margin: 0 !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    body .gform_wrapper.cust-mbti-quiz-form_wrapper .gform_page_footer .button,
    body .gform_wrapper.cust-mbti-quiz-form_wrapper .gform_page_footer input[type="button"],
    body .gform_wrapper.cust-mbti-quiz-form_wrapper .gform_page_footer input[type="submit"],
    body .gform_wrapper.cust-mbti-quiz-form_wrapper .gform_page_footer button {
        flex: 0 0 200px !important;
        width: 200px !important;
        min-width: 180px !important;
        max-width: 200px !important;

    }
}

@media screen and (max-width:768px) and (min-width:768px){
   fieldset.cust-option-circle .gchoice label.gform-field-label--type-inline {
    margin-bottom:10px !important;
} 
}
@media screen and (max-width:768px){
    .gfield_label {
    padding:10px !important;
}    
}

.quiz-form-code-cust .cust-progress-bar .gform_fields .ginput_container_radio .gchoice {
    padding: 10px !important;
    min-height: 250px;
    width: calc(50% - 10px) !important;

}

.quiz-form-code-cust .cust-progress-bar .cust-gender-field .ginput_container_radio .gfield_radio {
    max-width: 500px;
    margin: auto;
}


.gform-theme--framework .cust-progress-bar .gfield--type-image_choice.gfield--image-choice-appearance-card .gfield-image-choice-wrapper-outer {
    justify-content: center;
}
.cust-overview {
    object-fit: cover;
}
@media screen and (max-width:768px) {
    .acc-sec-cust .pillar-title-box {
        padding: 20px;
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width:666px) {
    .acc-sec-cust .lux-endpoint-seven_pillar .pillar-title-box {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width:666px) {
    body .lux-dashboard-container {
        padding: 10px 10px;
    }
}


.acc-sec-cust .lux-progress-node.completed .lux-node-dot {
    position: relative !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #72383d !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 50% !important;

}

.acc-sec-cust .lux-progress-node.completed .lux-node-dot::after {
    content: "✓" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

@media screen and (max-width:767px) {
    .acc-sec-cust .lux-progress-nodes {
        flex-direction: row;
        padding: 0;
    }

    .acc-sec-cust .lux-progress-node {
        flex-direction: column;
        width: fit-content !important;
    }
}


@media screen and (max-width:666px) {
    .acc-sec-cust .lux-progress-nodes {
        flex-direction: column;
        padding: 0;
    }


    .acc-sec-cust .lux-progress-node {
        flex-direction: row;
    }
}


.acc-sec-cust .lux-journey-item-left {
    justify-content: flex-start;
    margin-right: auto;

}

.acc-sec-cust .lux-journey-item-details h4 {
    margin: 0;
    line-height: 20px
}

.acc-sec-cust .lux-journey-item-details p {
    margin-bottom: 10px;
}

@media screen and (max-width:768px) {

    .acc-sec-cust .top-piller-mbti-type,
    .acc-sec-cust .ocean-profile-box,
    .acc-sec-cust .top-piller-result-auto {
        padding: 20px !important;
    }

    .acc-sec-cust .dv-profile-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .top-piller-content-main{
        padding: 0 !important;
    }
}
@media screen and (max-width:1199px) {

    .acc-sec-cust .main-pillar-wrapper {
        padding: 0;
    }

    .acc-sec-cust .retake-quiz-sub {
        padding: 10px;
    }
}
/* 22-08-2026 end */
