@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

.open-intercom {
	cursor: pointer;
}

body.woocommerce-checkout div.woocommerce{
	    padding: 0;
}

body.postid-130484 .info-boxes .info-box:first-child {
	flex-basis: 100%;
}

#product-addons-total li:not(:last-child) {
	display: none;
}

#product-addons-total li:last-child {
	justify-content: flex-start;
	margin: 0;
	border: none;
	padding-top: 0;
}

/* order detail css */

.custom-order-layout {
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
}

.order-content-chat {
	width: 60%;
	margin-right: 20px;
}

.order-content-wrapper {
	display: flex;
	justify-content: space-evenly;
}

.custom-breadcrumb {
	font-size: 14px;
	color: #aaa;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	align-items: center;
	margin: 25px 0;
}

.custom-breadcrumb a,
.custom-breadcrumb span {
	display: inline;
	color: #ccc;
	text-decoration: none;
}

.custom-breadcrumb a:hover {
	text-decoration: underline;
}

.order-sidebar {
	width: 40%;
	max-width: 360px;
}

.order-main-wrapper {
	display: flex;
	/* gap: 18px; */
	justify-content: space-evenly;
	/* flex-direction: row; */
	flex-wrap: nowrap;
}

.order-main-img {
	width: 30%;
}

.order-main-img img {
	height: 72px;
	width: 72px;
	border-radius: 8px;
}

.order-main-wrapper .title-wrapper {
	width: 70%;
}

.order-main-wrapper .title-wrapper h3 {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}

.order-summary-card {
	background: linear-gradient(
		90deg,
		rgba(85, 79, 246, 0.2) 0%,
		rgba(60, 184, 255, 0.2) 100%
	);
	border-radius: 12px;
	padding: 1.5rem;
	color: white;
	margin-bottom: 16px;
}

.order-status {
	display: inline-block;
	background: #ff6600;
	color: white;
	font-weight: bold;
	padding: 0.3rem 0.6rem;
	border-radius: 4px;
	font-size: 12px;
	margin-bottom: 18px;
	max-width: fit-content;
}

.order-title {
	margin: 0 0 0.8rem;
	font-size: 1.2rem;
	color: #fff;
}

.order-id-wrapper {
	background: rgba(0, 0, 0, 0.2);
	padding: 19px 14px;
}

.order-id-main {
	display: flex;
	flex-direction: column;
}

.order-id {
	display: flex;
	align-items: center;
	/* gap: 3px; */
	font-size: 14px;
	color: #ccc;
	margin-bottom: 0;
}

.order-id p {
	margin: 0;
}

.order-id-main span {
	display: block;
	margin-right: 8px;
}

.order-id button {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-left: 6px;
    padding: 0;
}

.order-id-main span.label {
	color: var(--Black-50, #e6e6e8);
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.order-id-main span#orderKey {
	color: #fff;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* 150% */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.order-id .copy-btn {
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	margin-left: 6px;
	padding: 0;
	display: flex;
	align-items: center;
}

.order-id .copy-btn:hover {
	background-color: transparent;
}

.order-id .copy-btn img {
	height: 25px;
	width: 25px;
}

.product-summary {
	display: flex;
	margin-top: 1rem;
	flex-direction: column;
}

.product-summary h2 {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
}

.product-main-total {
	display: flex;
	justify-content: space-between;
}

.product-main-total span {
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.product-main-total .total-amount {
	color: #97e41f;
	text-align: center;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
}

.woocommerce-checkout-review-order-table tfoot tr td .amount {
	color: #c0c0c0 !important;
}

body.woocommerce-checkout .order-item__meta .amount{
    color: #564fff;
    font-weight: 600;
}

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

.product-img img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 8px;
}

.product-details p {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	margin: 4px 0;
	font-size: 14px;
}

.product-total {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
}

.product-price {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#wcpay-express-checkout-element .__PrivateStripeElement,#wcpay-express-checkout-element .__PrivateStripeElement iframe{
	transition:none !important;
}

.product-name {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.order-total {
	display: flex;
	justify-content: space-between;
	font-size: 1rem;
	font-weight: bold;
	margin-top: 1rem;
	color: #00ff88;
}

.view-description {
	color: #fff;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	/* 150% */
	text-decoration: underline !important;
}

.summary-total-wrapper {
	text-align: center;
}

.order-footer-links {
	background: #262a49;
	padding: 20px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
}

.order-footer-links p {
	color: rgba(255, 255, 255, 0.5);
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin: 0;
}

.order-footer-links p a {
	color: #554ff6;
}

.order-action-wrapper {
	display: flex;
	gap: 20px;
	padding: 16px;
	border-radius: 8px 8px 0px 0px;
	background: linear-gradient(
		90deg,
		rgba(85, 79, 246, 0.2) 0%,
		rgba(60, 184, 255, 0.2) 100%
	);
	backdrop-filter: blur(5px);
}

.order-action-wrapper h3 {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif,
		sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.order-action-block {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
}

.order-action-block a {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	padding: 14px 20px;
	justify-content: center;
	align-items: center;
	background: #233e66;
	backdrop-filter: blur(5px);
	color: #fff;
	border-radius: 8px;
}

.order-action-block a:hover {
	background-color: #554ff6;
	color: #fff;
}

/*CHECKOUT CUSTOMIZER - HEMANT*/
form.woocommerce-checkout {
	width: 100%;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* flex-wrap: nowrap !important; */
}

.woocommerce-billing-fields .form-row label {
	display: none !important;
}

.woocommerce-checkout-wrap {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.woocommerce-checkout-wrap > .checkout-customer {
	width: 60%;
	max-width: 60%;
	position: relative;
}

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

:is(.woocommerce-error, .woocommerce-message, .woocommerce-info):before {
	left: 35px;
}

/* form.woocommerce-checkout>.checkout-customer>.customer-details {
    display: none;
} */

body.woocommerce-checkout .place_order_inside {
	display: block;
	cursor: pointer;
	background-color: #97e41f;
	color: #05061e;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 31px;
	border-radius: 8px;
	text-transform: capitalize;
	width: 100%;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	min-height: 42px;
	padding: 5px 20px;
}

#payment .place-order:not(:has(.place_order_inside)) {
	display: none !important;
}

.payment_method_wc_checkout_com_cards #place_order,
.payment_method_woocommerce_payments #place_order {
	display: block !important;
	background-color: #97e41f !important;
	color: #05061e;
	text-transform: capitalize;
	width: 100%;
}

.woocommerce-checkout .blockUI.blockOverlay {
	display: none !important;
}

.woocommerce-checkout-wrap
	> :is(.customer-details, .checkout-order-review-wrap) {
	order: unset;
	flex: 1 0 0;
	width: auto;
	max-width: 40%;
}

.woocommerce-checkout-payment .wc_payment_method label {
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 24px !important;
	display: flex;
	align-items: center;
	gap: 10px;
}

.woocommerce-checkout-payment .wc_payment_method .payment-title-wrapper {
	display: flex;
	flex-direction: column;
}

.woocommerce-checkout-payment
	.wc_payment_method
	.payment-title-wrapper
	.payment-subtitle {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: #9b9ba5;
}

.checkout-order-review-wrap .woocommerce-checkout-review-order-table {
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	.review-coupon-code {
	border-radius: 100px;
	border: 0.5px solid rgba(151, 228, 31, 0.4);
	padding: 6px;
	color: #97e41f;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-transform: uppercase;
}

.woocommerce-checkout-review-order-table .woocommerce-form-coupon-toggle {
	display: flex !important;
}

.woocommerce-checkout-review-order-table
	.woocommerce-form-coupon-toggle
	.showcoupon {
	display: none !important;
}

.woocommerce-checkout-review-order-table
	.woocommerce-form-coupon-toggle
	.woocommerce-info {
	color: rgba(255, 255, 255, 0.5) !important;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 12px !important;
}

.woocommerce-checkout-review-order-table tr {
	align-items: flex-start;
}

.woocommerce-checkout-review-order-table .cart_item .product-name img {
	width: 45px;
	height: 45px;
	border-radius: 8px;
	margin-right: 15px;
	max-width: none;
}

.checkout-order-review-wrap .woocommerce-checkout-review-order-table tbody {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px 8px 0 0;
	background: linear-gradient(
		90deg,
		rgba(85, 79, 246, 0.2) 0%,
		rgba(60, 184, 255, 0.2) 100%
	);
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	.cart-product-label {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	.cart-product-label
	img {
	border-radius: 5px;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	.wd-checkout-prod-title,
.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	.wd-checkout-prod-cont {
	align-items: baseline;
}

/* .checkout-order-review-wrap .woocommerce-checkout-review-order-table tbody .variation {
    display: none;
} */

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	.wd-checkout-prod {
	padding-bottom: 0 !important;
}

.woocommerce-checkout-review-order-table tbody tr {
	border: none !important;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	.warranty-options {
	display: none !important;
	border-radius: 5px;
	background: #1d2140;
	backdrop-filter: blur(5px);
	margin: 0px 20px 25px;
	padding: 12px !important;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	.warranty-options
	.warranty-label-group {
	display: flex;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	.warranty-options
	.warranty-label-wrapper {
	display: flex;
	flex-direction: row;
	gap: 170px;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	.warranty-options
	.warranty-label-wrapper
	.warranty-label-price {
	text-transform: uppercase;
	color: #c0c0c0;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	.warranty-options
	td {
	padding-inline-start: 0 !important;
	padding: 0 !important;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	#custom-coupon-row {
	display: flex;
	justify-content: center;
	margin: 0px 20px 25px;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	#custom-coupon-row
	#custom-coupon-wrapper {
	position: relative;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	#custom-coupon-row
	#custom-coupon-wrapper
	img.custom-coupon-icon {
	position: absolute;
	top: 50%;
	left: 12px;
	width: 18px;
	height: 18px;
	color: #999;
	transform: translateY(-50%);
	pointer-events: none;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	#custom-coupon-row
	#custom-coupon-wrapper
	input {
	padding: 10px 0px 10px 40px;
	color: white;
	width: calc(100% - 30px);
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	#custom-coupon-row
	td {
	padding: 0px;
	width: 100%;
}

.warranty-options strong {
	display: block;
	margin-bottom: 10px;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	color: rgba(255, 255, 255, 0.9);
}

.warranty-options .warranty-label {
	display: inline-flex;
	margin-right: 8px;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	cursor: pointer;
	background-color: transparent;
	transition: all 0.2s ease-in-out;
	border-radius: 8px;
	/* overflow: hidden; */
}

.warranty-options input[type="radio"] {
	display: none;
}

.warranty-options input[type="radio"] + span {
	border: 1px solid #888;
	display: block;
	padding: 0 6px;
	border-radius: 8px;
	color: #ffffff;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.warranty-options .warranty-label.selected input[type="radio"] + span,
.warranty-options input[type="radio"]:checked + span {
	background-color: #a4f221;
	color: #0e1a02;
	border-color: #a4f221;
}

.warranty-options .warranty-label:hover input[type="radio"] + span {
	border-color: #a4f221;
	transform: translateY(-1px);
}

.woocommerce-checkout-review-order-table
	form.checkout_coupon.woocommerce-form-coupon {
	display: flex !important;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	.woocommerce-form-coupon
	input {
	border-radius: 8px;
	background: #1d2140;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	.woocommerce-form-coupon
	input#custom-coupon-code.coupon-error {
	border: 1px solid rgba(228, 31, 31, 0.5) !important;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	.woocommerce-form-coupon
	input#custom-coupon-code.coupon-error::placeholder {
	color: rgba(255, 111, 111, 0.7) !important;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	.woocommerce-form-coupon
	input#custom-coupon-code.couponsuccess {
	border: 1px solid rgba(151, 228, 31, 0.5) !important;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	.woocommerce-form-coupon
	input#custom-coupon-code.couponsuccess::placeholder {
	color: rgba(151, 228, 31, 0.5) !important;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tr.cart-discount
	.mc-coupon-code {
	border-radius: 100px;
	border: 1px solid rgba(151, 228, 31, 0.4);
	padding: 6px;
	color: #97e41f;
	text-align: center;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tbody
	.checkout-coupon-row
	td {
	width: 100%;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	.woocommerce-form-coupon {
	padding: 0;
	border: none;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.5);
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	.woocommerce-form-coupon
	.coupon {
	display: flex;
	gap: 12px;
	margin-bottom: 0;
	position: relative;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	.woocommerce-form-coupon
	.button {
	border-radius: 8px;
	box-shadow: none;
}

/* Processing state */

body.processing .warranty-label-group {
	opacity: 0.6;
	pointer-events: none;
	/* display: flex; */
}

.checkout-order-review-wrap .woocommerce-checkout-review-order-table tfoot {
	background-color: #121635;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: rgba(255, 255, 255, 0.5);
}

.checkout-order-review-wrap .woocommerce-checkout-review-order-table tfoot tr,
.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tfoot
	tr:last-child {
	border: 0;
	margin-top: 0;
	display: flex;
	align-items: center;
}

/* .woocommerce-checkout-review-order-table tfoot tr.order-total {
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  padding-top: 12px;
} */

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tfoot
	tr
	th {
	color: rgba(255, 255, 255, 0.5);
	text-align: left;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	padding: 10px 0 0 20px !important;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tfoot
	tr.order-total
	th {
	padding: 0 0 20px 20px !important;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tfoot
	tr.order-total
	td {
	padding: 0 20px !important;
	margin-top: -15px;
}

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tfoot
	tr
	td {
	padding: 10px 20px 0 0;
	flex-grow: 1;
	text-align: end;
}

.woocommerce-form-login-toggle .wc-block-components-notice-banner {
	display: inline-flex;
	gap: 5px 7px;
	flex-wrap: wrap;
	margin-bottom: 25px;
	padding: 0 !important;
	min-height: 0;
	background-color: transparent !important;
	color: var(--color-gray-900) !important;
	font-weight: 600;
	text-align: unset;
	border: none;
}

.woocommerce-form-login-toggle .wc-block-components-notice-banner {
	display: none;
}

.woocommerce-form-login-toggle .wc-block-components-notice-banner .showlogin {
	color: #5600ff;
}

.checkout-order-review-wrap {
	max-width: 40%;
}

.checkout-order-review > .woocommerce-checkout-review-order .wd-table-wrapper {
	background-color: transparent;
	padding: 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-bottom: 16px;
}

.checkout-info-box {
	background-color: #262a49;
	border-radius: 8px;
}

.checkout-info-box.secured-payment {
	margin: 16px 0;
}

.checkout-info-box .checkout-info-box-inner {
	display: flex;
	padding: 20px;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
}

.checkout-info-box .checkout-info-box-inner .img-wrap {
	width: auto;
}

.checkout-info-box .checkout-info-box-inner .img-wrap img {
	width: 30px;
	height: auto;
	display: block;
	max-width: none;
}

.checkout-info-box .checkout-info-box-inner .content-wrap {
	width: auto;
	flex-grow: 1;
	flex-shrink: 1;
}

.checkout-info-box .checkout-info-box-inner .content-wrap h6 {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 5px;
}

.checkout-info-box .checkout-info-box-inner .content-wrap .desc {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.5);
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
}

#checkout-timer-wrapper {
	padding: 16px;
	border-radius: 8px;
	border: 1px solid rgba(124, 89, 89, 0.5);
	background: #401d1d;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin: 25px 0;
}

#checkout-timer-wrapper .str-timer {
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

#checkout-timer-wrapper .checkout-main::before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	background-image: url("../../images/si_alert.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 8px;
	vertical-align: middle;
}

.checkout-with-title {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 26px;
}

.checkout-with-title h3 {
	margin: 0;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
}

.checkout-with-title span {
	color: #9b9ba5;
}

.woocommerce-form-coupon-toggle {
	display: none;
}

.warranty-label-group label.selected {
	background-color: #000;
	color: #fff;
	border-color: #000;
}

.woocommerce-checkout-payment
	.wc_payment_methods
	.mc-coupon-list
	.mc-coupon-list-box {
	display: none;
	justify-content: space-between;
}

.woocommerce-checkout-payment
	.wc_payment_methods
	.mc-coupon-list
	label.active
	+ .mc-coupon-list-box {
	display: block;
}

.woocommerce-checkout-payment
	.wc_payment_methods
	.mc-coupon-list
	.mc-coupon-list-name
	> div:last-child {
	display: flex;
	flex-basis: 100%;
	padding-right: 0;
	flex-direction: column;
}

.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method {
	position: relative;
	margin: 0;
}

.woocommerce-checkout-payment
	ul.payment_methods
	li.wc_payment_method.payment_method_wc_checkout_com_google_pay
	img {
	height: 13px;
}

.woocommerce-checkout-payment
	ul.payment_methods
	li.wc_payment_method.payment_method_wc_checkout_com_apple_pay
	img {
	height: 27px;
}

.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method::after {
	display: none;
}

.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method {
	background-color: #131736;
	border-radius: 8px;
	/* padding: 16px; */
	margin-bottom: 16px;
}

.woocommerce-checkout-wrap #payment .place-order {
	border-bottom: none;
}

.woocommerce-checkout-wrap #payment .payment-security-info {
	display: flex;
	flex-direction: column;
}

.woocommerce-checkout-wrap #payment .payment-security-info .security-icon-text {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.woocommerce-checkout-wrap
	#payment
	.payment-security-info
	.security-icon-text
	span {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
}

.woocommerce-checkout-wrap #payment .payment-security-info .payment-logos {
	margin: 0 auto;
	margin-top: 20px;
}

.woocommerce-checkout-payment .mc-coupon-list {
	padding: 0 0px;
}

/* billing field start */
.woocommerce-billing-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
}

#billing_address_1_field {
	flex: 0 0 100%;
	max-width: 50%;
}

body.logged-in #billing_address_1_field {
	max-width: 100%;
}

#billing_country_field,
#billing_city_field,
#billing_postcode_field {
	flex: 0 0 50%;
	max-width: 50%;
}

.logged-in #billing_country_field,
.logged-in #billing_city_field,
.logged-in #billing_postcode_field {
	flex: 0 0 33.33%;
	max-width: 33.33%;
}

#billing_country_field,
#billing_city_field {
	padding-right: 15px;
}

#billing_phone_field {
	padding-right: 15px !important;
}

.logged-in #billing_phone_field {
	padding-right: 0 !important;
}

#billing_postcode_field {
	padding-right: 15px !important;
}

.logged-in #billing_postcode_field {
	padding-right: 0 !important;
}

.logged-in #billing_state_field {
	padding-right: 15px !important;
}

.woocommerce-billing-fields__field-wrapper .form-row {
	padding: 0 !important;
	margin: 0 !important;
	margin-bottom: 8px !important;
}

.logged-in .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
.woocommerce-billing-fields__field-wrapper #billing_email_field {
	padding-right: 15px !important;
}

#billing_first_name_field,
#billing_country_field {
	padding-right: 15px !important;
}

.logged-in #billing_first_name_field {
	padding-right: 0 !important;
}

.logged-in #billing_country_field,
.logged-in #billing_city_field {
	padding-right: 15px !important;
}

.woocommerce-billing-fields__field-wrapper .form-row-all {
	padding-right: 0 !important;
}

.woocommerce-billing-fields__field-wrapper input.input-text,
.woocommerce-billing-fields__field-wrapper select {
	border: none;
}

select option {
	background: #0f0f0f !important;
	color: white !important;
}

.below-iframe-billing {
	margin-top: 20px;
}

.below-iframe-billing h3 {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.below-iframe-billing input[type="email"],
.below-iframe-billing input[type="date"],
.below-iframe-billing input[type="search"],
.below-iframe-billing input[type="number"],
.below-iframe-billing input[type="text"],
.below-iframe-billing input[type="tel"],
.below-iframe-billing input[type="url"],
.below-iframe-billing input[type="password"],
.below-iframe-billing textarea,
.below-iframe-billing select {
	padding: 0 15px;
	max-width: 100%;
	width: 100%;
	height: 42px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 0px;
	background-color: transparent;
	box-shadow: none;
	color: #fff;
	vertical-align: middle;
	font-size: 14px;
	transition: border-color 0.5s ease;
	margin-bottom: 0px;
}

.payment_methods .payment_box p.form-row {
	margin-bottom: 10px;
	margin-top: 0px;
}

@media (min-width: 1025px) {
	.below-iframe-billing p.form-row-first {
		float: left;
		width: calc(50% - 5px);
	}

	.below-iframe-billing p.form-row-last {
		float: right;
		width: calc(50% - 5px);
	}
}

.woocommerce-SavedPaymentMethods {
	display: none !important;
}

.woocommerce-SavedPaymentMethods-saveNew {
	display: none !important;
}

.wcpay-upe-form {
	margin-bottom: 20px;
}

body.woocommerce-checkout div.woocommerce {
	max-width: 1192px;
	margin: 0 auto;
	padding: 0px 15px;
}

ul.payment_methods {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}

.payment_methods .payment_box {
	display: none !important;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.3s ease, opacity 0.3s ease;
	background-color: #121635;
	border-radius: 8px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
	padding: 15px;
}

.payment_methods .payment_box.active {
	display: block !important;
	max-height: 100%;
	/* large enough to fit contents */
	opacity: 1;
}

.payment_methods .payment_box .cko-form {
	padding-left: 0 !important;
}

.wc_payment_methods.js-loading input:checked + label {
	/* ignore checked styles while loading */
	background: none !important;
}

.payment_methods .payment_box .custom-coingate-wrapper {
	display: flex;
	padding: 12px;
	border-radius: 5px;
	background: #1d2140;
}

.payment_methods .payment_box .custom-coingate-wrapper img {
	height: 15px;
	width: 15px;
}

.payment_methods .payment_box .custom-coingate-wrapper .custom-coingate-info {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.payment-label-wrapper {
	background-color: #1d2140;
	/* border-top-left-radius: 8px;
	border-top-right-radius: 8px; */
	border-radius: 8px;
	padding: 15px;
}

.wc_payment_method {
	border-radius: 8px;
}

.wc_payment_method:has(> input[type="radio"]:checked) {
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.wc_payment_method:not(:has(> input[type="radio"]:checked))
	.payment-label-wrapper {
	background-color: #131736;
}

.customer-checkout-wrapper {
	display: flex;
	gap: 24px;
	max-width: 1192px;
	margin: 0 auto;
}

.customer-checkout-wrapper .checkout-customer {
	width: 60%;
}

.trustpilot-reviews-button button,
.trustpilot-reviews-button button:hover {
	background-color: #233e66;
	color: #fff;
	width: 100%;
	border-radius: 8px;
	text-transform: none;
}

/* checkout radio style start */
/* Hide default radio */
ul.payment_methods li.wc_payment_method input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

/* Container padding for custom radio */
ul.payment_methods li.wc_payment_method {
	position: relative;
}

/* Base circle */

ul.payment_methods li.wc_payment_method .payment-label-wrapper label::before {
	content: "";
	position: absolute;
	right: 20px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #1a1a2e;
	border: none;
	box-shadow: 0 0 0 2px #fff;
	transition: all 0.2s ease-in-out;
}

/* Checked state */
ul.payment_methods
	li.wc_payment_method
	input[type="radio"]:checked
	+ .payment-label-wrapper
	label::before {
	background-color: #a4f221;
	/* Bright green */
	box-shadow: 0 0 0 2px #fff;
	border-color: #fff;
	/* White ring */
}

/* Checkmark */
ul.payment_methods
	li.wc_payment_method
	input[type="radio"]:checked
	+ .payment-label-wrapper
	label::after {
	content: "\2713";
	font-weight: 900;
	font-size: 14px;
	color: #1a1a2e;
	position: absolute;
	right: 25px;
}

#payment
	.payment_methods
	li[class*="payment_method_woocommerce_payments"]
	label
	.payment-methods--logos {
	margin-right: 40px;
}

.payment_method_woocommerce_payments .payment-methods--logos {
	display: none !important;
}

li.payment_method_woocommerce_payments .payment-label-wrapper label {
	display: flex !important;
}

body.woocommerce-checkout
	#payment
	.payment_methods
	li[class*="payment_method_woocommerce_payments"]
	label
	img {
	height: 34px !important;
	max-height: 34px !important;
	width: 34px !important;
}

#payment
	.payment_methods
	li[class*="payment_method_woocommerce_payments"]
	label
	.mc-gateway-icon {
	display: none;
}

/* ul.payment_methods li.wc_payment_method .terms label::before {
    content: "";
    position: absolute;
    left: 17px;
    right: 8px;
    top: 426px;
    width: 10px;
    height: 10px;
    border-radius: 0;
    box-sizing: border-box;
    transition: all 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(85, 79, 246, 0.20);
} */

/* scope to your block */
.mc-marketing-optin .woocommerce-form__label {
	position: relative;
	display: inline-block;
}

/* hide the native checkbox but keep it accessible */
.mc-marketing-optin .mc-marketing-optin-input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

/* the text span becomes our anchor for the custom box */
.mc-marketing-optin .woocommerce-form__label > span {
	position: relative;
	display: inline-block;
	padding-left: 28px;
	/* space for the custom box */
	line-height: 1.4;
}

/* empty box (unchecked) */
.mc-marketing-optin .woocommerce-form__label > span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	transform: translateY(-50%);
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(85, 79, 246, 0.2);
}

/* FA tick when checked */
.mc-marketing-optin .mc-marketing-optin-input:checked + span:after {
	content: "";
	position: absolute;
	left: 6px;
	top: 48%;
	transform: translateY(-50%) rotate(45deg);
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0 2px 2px 0;
	opacity: 1;
	transition: opacity 0.2s ease;
	pointer-events: none;
}

/* focus ring for accessibility */
.mc-marketing-optin .mc-marketing-optin-input:focus + span::before {
	box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.25);
}

.terms.woocommerce-validated label::after {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #fff;
	font-size: 10px;
	margin-left: 8px;
	display: inline-block;
	vertical-align: middle;
	left: 10px;
	position: absolute;
}

/* .mc-marketing-optin.woocommerce-validated label::after {
    content: '\f00c'; 
    font-family: 'Font Awesome 6 Free';
    font-weight: 900; 
    color: #fff; 
    font-size: 10px;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    left: 10px;
    position: absolute;
} */

/* ul.payment_methods li.wc_payment_method .terms label {
    margin-left: 25px;
} */

.terms {
	margin-top: 20px;
}

.terms .woocommerce-input-wrapper label.checkbox,
.mc-marketing-optin label.checkbox {
	display: block;
	align-items: center;
	gap: 10px;
	color: #b4b4bb;
	font-size: 14px;
	position: relative;
	cursor: pointer;
	padding-left: 28px;
}

.mc-marketing-optin label.checkbox {
	padding-left: 0;
}

.mc-marketing-optin span {
	color: #b4b4bb;
}

.terms .woocommerce-input-wrapper label.checkbox::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(85, 79, 246, 0.2);
	border-radius: 2px;
	box-sizing: border-box;
	transition: all 0.2s ease;
	box-shadow: none;
}

input[name="billing[postcode]"],
input[name="billing[last_name]"] {
	margin-bottom: 10px;
}

ul.payment_methods li.wc_payment_method .mc-marketing-optin {
	margin-top: 20px;
	margin-bottom: 0px;
}

ul.payment_methods li.wc_payment_method input.mc-marketing-optin-input {
	-webkit-appearance: none !important;
	visibility: hidden !important;
	-moz-appearance: none;
	appearance: none;
	width: 20px !important;
	height: 16px !important;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 2px;
	cursor: pointer;
	background: rgba(146, 145, 148, 0.2) !important;
	position: absolute !important;
	display: inline-block;
}

/* Checkmark */
ul.payment_methods
	li.wc_payment_method
	input.mc-marketing-optin-input:checked::after {
	content: "";
	position: absolute;
	left: -23px;
	top: 12px;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	opacity: 1;
	transition: opacity 0.2s ease;
	pointer-events: none;
}

.terms.woocommerce-validated .woocommerce-input-wrapper label.checkbox::after {
	content: "";
	position: absolute;
	left: -2px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	opacity: 1;
	transition: opacity 0.2s ease;
	pointer-events: none;
}

/* .mc-marketing-optin.woocommerce-validated  label.checkbox::after {
  content: "";
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  opacity: 1;
  transition: opacity 0.2s ease;
  pointer-events: none;
} */

.checkout-order-review-wrap
	.woocommerce-checkout-review-order-table
	tfoot
	tr.order-total
	th {
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #fff;
}

.woocommerce-checkout-review-order-table tfoot tr td span,
.woocommerce-checkout-review-order-table tfoot tr td span bdi {
	font-size: 14px;
	color: #c0c0c0;
}

.woocommerce-checkout-review-order-table tfoot tr.order-total td span,
.woocommerce-checkout-review-order-table tfoot tr.order-total td span bdi {
	color: #fff;
	font-size: 19px;
}

/* Hide the native checkbox */
.terms .woocommerce-input-wrapper input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

/* When checked, show tick and update background */
.terms
	.woocommerce-input-wrapper
	input[type="checkbox"]:checked
	+ label.checkbox::after {
	opacity: 1;
}

.terms
	.woocommerce-input-wrapper
	input[type="checkbox"]:checked
	+ label.checkbox::before {
	background-color: #554ff6;
	border-color: #554ff6;
}

/* Link styling inside label */
.terms .woocommerce-input-wrapper label.checkbox a {
	color: #b4b4bb;
	text-decoration: underline;
}

/* Required asterisk */
.terms .woocommerce-input-wrapper label.checkbox .required {
	color: #ff6961;
	/* margin-left: 3px; */
}

.payment_methods li img,
ul.wc_payment_methods label[for*="payment_method_wc_checkout_com_"] img {
	width: 34px;
	height: auto;
}

.checkout-customer .checkout-spinner-overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 100px;
	cursor: wait;
}

.checkout-spinner-overlay .spinner {
	width: 36px;
	height: 36px;
	border: 4px solid #ccc;
	border-top: 4px solid #0071a1;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.widget_shopping_cart .buttons .btn-cart {
	display: none !important;
}

.woocommerce-checkout-review-order-table
	.cart_item
	.product-name
	.product-title-line {
	display: flex;
	gap: 18px;
}

.woocommerce-checkout-review-order-table
	.cart_item
	.product-name
	.product-title-line
	.product-line-detail
	.product-game-label {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: rgba(255, 255, 255, 0.5);
}

.woocommerce-checkout-review-order-table
	.cart_item
	.product-name
	.product-title-line
	.cart-item-variations {
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.5);
}

.cart-item-variations .variation,
.cart-item-variations .variation dt,
.cart-item-variations .variation dd,
.cart-item-variations .variation dd p {
	display: inline;
	font-weight: 400;
}

.cart-item-variations .variation dt {
	color: #fff;
}

.cart-item-variations .variation dd {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 0.9em;
	margin-left: 0px;
}

.cart-extras {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* collapsed */
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	max-height: 4.8em;
	/* fallback */
	transition: max-height 0.3s ease;
}

.cart-extras.cart-expanded {
	display: block;
	/* reset so Safari ignores clamp */
	-webkit-line-clamp: initial;
	/* safe reset */
	max-height: none;
	overflow: visible;
}

.read-more-toggle {
	display: inline-block;
	margin-top: 5px;
	color: #554ff6;
	cursor: pointer;
	font-size: 13px;
}

.read-more-toggle:hover {
	color: #2822ff;
}

/* linelamp */

.woocommerce-checkout-review-order-table tbody tr td {
	padding: 20px 15px;
}

.woocommerce-checkout-review-order-table
	.cart_item
	.product-name
	.product-title-line
	.cart-item-variations,
.woocommerce-checkout-review-order-table
	.cart_item
	.product-name
	.product-title-line
	.cart-item-addons {
	list-style: none;
	padding: 0;
	margin-top: 8px;
	margin-bottom: 0;
}

.woocommerce-checkout-review-order-table
	.cart_item
	.product-name
	.product-title-line
	.cart-item-variations
	li,
.woocommerce-checkout-review-order-table
	.cart_item
	.product-name
	.product-title-line
	.cart-item-addons
	li {
	font-size: 10px;
	color: rgba(255, 255, 255, 0.5);
}

.woocommerce-checkout-review-order-table
	.cart_item
	.product-name
	.product-title-line
	.cart-item-variations
	li
	span,
.woocommerce-checkout-review-order-table
	.cart_item
	.product-name
	.product-title-line
	.cart-item-addons
	li
	span {
	font-weight: 400;
}

#order_review > table > tbody > tr.cart_item > td.product-remove a {
	font-size: 25px;
	text-decoration: none;
}

/* checkout radio style end */

/* Thankyou page styles start */
.custom-thankyou-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	color: #fff;
}

.custom-steps {
	display: flex;
	gap: 10px;
	margin-bottom: 30px;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.custom-steps .step {
	position: relative;
	display: inline-block;
	flex: 1 1 0;
	max-width: none;
	min-width: 0;
}

.custom-steps .step svg,
.custom-steps .step img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 60px;
}

.custom-steps .step .step__label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif,
		sans-serif;
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
	text-align: center;
	pointer-events: none;
	display: flex;
	align-items: center;
	gap: 6px;
}

.step--checked .step__label::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 10px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.5767 1.2346C11.7389 1.39687 11.8301 1.61693 11.8301 1.84638C11.8301 2.07583 11.7389 2.29588 11.5767 2.45815L5.0909 8.94398C5.00519 9.02971 4.90343 9.09771 4.79143 9.14411C4.67944 9.19051 4.55939 9.21439 4.43817 9.21439C4.31694 9.21439 4.1969 9.19051 4.0849 9.14411C3.9729 9.09771 3.87114 9.02971 3.78543 8.94398L0.562999 5.72212C0.480352 5.6423 0.414431 5.54681 0.36908 5.44124C0.32373 5.33567 0.299859 5.22212 0.298861 5.10723C0.297862 4.99233 0.319756 4.87839 0.363265 4.77204C0.406774 4.6657 0.471026 4.56909 0.552273 4.48784C0.63352 4.40659 0.730134 4.34234 0.836478 4.29883C0.942822 4.25532 1.05677 4.23343 1.17166 4.23443C1.28656 4.23543 1.4001 4.2593 1.50568 4.30465C1.61125 4.35 1.70673 4.41592 1.78655 4.49857L4.43788 7.14989L10.3526 1.2346C10.433 1.15419 10.5284 1.0904 10.6334 1.04688C10.7384 1.00336 10.851 0.980957 10.9647 0.980957C11.0783 0.980957 11.1909 1.00336 11.2959 1.04688C11.401 1.0904 11.4964 1.15419 11.5767 1.2346Z' fill='white'/></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 6px;
}

.post-payment-wrapper {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	align-items: flex-start;
}

.left-side-wrapper {
	width: 65%;
}

.steps-wrapper {
	background: #121635;
	/* padding: 30px; */
	border-radius: 16px;
}

.add-info-block {
	visibility: hidden;
	padding: 40px 20px;
}

.success-complete-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	border-radius: 8px 8px 0 0;
	background: linear-gradient(180deg, #79af01 0%, #5c9602 58.14%);
	backdrop-filter: blur(5px);
	padding: 16px;
}

.success-complete-wrapper h3 {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	margin-bottom: 10px;
}

.success-complete-wrapper p {
	margin-bottom: 0;
}

.match-pro {
	text-align: center;
	margin: 30px;
}

.match-pro h2 {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 10px;
}

.match-pro .gform_wrapper.gravity-theme .gfield_label {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 1.4;
	min-height: initial;
}

.match-pro .gform_wrapper.gravity-theme .gfield_label {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 1.4;
	min-height: initial;
}

.match-pro p.subtitle {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color: #ccc;
	margin-bottom: 30px;
}

.talkjs-section .woocommerce-order-details,
.talkjs-section .order-again {
	display: none;
}

body .gform_wrapper .gfield_label {
	min-height: 40px;
	display: flex;
}

.custom-thankyou-wrapper .gform_wrapper {
	text-align: left;
}

.custom-thankyou-wrapper .gform_wrapper .channel-choose {
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 20px;
}

.custom-thankyou-wrapper .gform_wrapper form .gform_footer {
	justify-content: center;
}

.custom-thankyou-wrapper .gform_wrapper form .gform_footer .gform_button {
	padding: 14px 20px;
	border-radius: 6px;
	background: #554ff6;
	backdrop-filter: blur(5px);
	color: white;
	border: none;
	margin-bottom: 0px;
	line-height: 1;
	min-width: 140px;
	cursor: pointer;
}

.custom-thankyou-wrapper .order-product-box {
	display: flex;
	padding: 16px;
	gap: 18px;
	background: linear-gradient(
		90deg,
		rgba(85, 79, 246, 0.2) 0%,
		rgba(60, 184, 255, 0.2) 100%
	);
	border-radius: 12px;
}

.custom-thankyou-wrapper .order-product-box.has-multiple {
	gap: 0px;
}

.order-detail-wrapper {
	width: 70%;
}

.order-detail-wrapper .product-title {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 0;
}

.order-detail-wrapper .order-status {
	margin-bottom: 5px;
}

.custom-thankyou-wrapper .order-product-box img {
	width: 50px;
	height: 50px;
	border-radius: 8px;
	max-width: none;
}

.custom-thankyou-wrapper .order-product-box.has-multiple img {
	max-width: none;
}

.custom-thankyou-wrapper .order-product-box .placeholder-wrapper {
	position: relative;
}

.custom-thankyou-wrapper .order-product-box .placeholder-wrapper img {
	top: 40px;
	left: 40px;
}

.custom-thankyou-wrapper
	.order-product-box
	.placeholder-wrapper
	.placeholder-text {
	z-index: 4;
	top: 55px;
	left: 55px;
	position: absolute;
}

body .custom-thankyou-wrapper .gform_wrapper input[type="text"],
body .custom-thankyou-wrapper .gform_wrapper input[type="email"],
body .custom-thankyou-wrapper .gform_wrapper input[type="tel"],
body .custom-thankyou-wrapper .gform_wrapper input[type="url"],
body .custom-thankyou-wrapper .gform_wrapper input[type="number"],
body .custom-thankyou-wrapper .gform_wrapper input[type="password"],
body .custom-thankyou-wrapper .gform_wrapper textarea,
body .custom-thankyou-wrapper .gform_wrapper select {
	background-color: #1d2140;
	color: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	padding: 10px 12px;
	font-size: 14px;
}

/* Gravity Form select with custom SVG dropdown icon */
body .custom-thankyou-wrapper .gform_wrapper select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #3c3c5c;
	font-size: 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M18.5 9.73145L12.5 15.7314L6.5 9.73145' stroke='%23B3B3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 18px;
	transition: border-color 0.3s ease;
	color: rgba(255, 255, 255, 0.7);
}

body .custom-thankyou-wrapper .gform_wrapper select:focus {
	border-color: #4e47ff;
	outline: none;
	box-shadow: 0 0 0 2px rgba(78, 71, 255, 0.4);
}

.order-sidebar {
	width: 35%;
	background: #1a1a30;
	border-radius: 16px;
}

.order-sidebar h3 {
	margin-bottom: 20px;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
}

.order-sidebar ul {
	list-style: none;
	padding: 0;
}

.order-sidebar li {
	margin-bottom: 12px;
	font-size: 14px;
}

.order-sidebar strong {
	display: inline-block;
	width: 120px;
	color: #ccc;
}

.order-sidebar .order-sidebar-wrapper {
	padding: 25px;
}

.order-sidebar .order-sidebar-wrapper li {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 6px;
}

.order-sidebar .order-sidebar-wrapper .order-item__action {
	display: flex;
	gap: 10px;
}

.chat-pro-btn {
	border-radius: 8px;
	background: #554ff6;
	color: #fff;
	padding: 6px 20px;
	width: 100%;
}

.order-item-divider {
	margin: 24px 0 !important;
}

.has-multiple .order-images {
	position: relative;
	width: 120px;
	/* container width */
}

.order-images img {
	position: unset;
}

.has-multiple .order-images img {
	position: absolute;
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 9px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* First image - top left */
.order-images img:nth-child(1) {
	top: 0;
	/* left: 10px; */
	/* transform: rotate(-8deg); */
	z-index: 2;
}

/* Second image - bottom right */
.order-images img:nth-child(2) {
	top: 20px;
	left: 20px;
	/* transform: rotate(8deg); */
	z-index: 2;
}

.order-detail-wrapper .product-title {
	position: relative;
	cursor: default;
	display: inline-block;
	/* ensure positioning context */
}

.all-titles-tooltip {
	display: none;
	/* hide tooltip by default */
	position: absolute;
	top: 100%;
	/* below the text */
	left: 0;
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	white-space: normal;
	/* allow wrapping */
	font-size: 13px;
	z-index: 10;
	pointer-events: none;
	max-width: 300px;
	/* prevent overflow */
	box-sizing: border-box;
}

.order-detail-wrapper .product-title:hover .all-titles-tooltip {
	display: block;
}

/* Optional: adjust if tooltip exceeds right edge */
.order-detail-wrapper .product-title:hover .all-titles-tooltip {
	right: 0;
	/* align right edge of tooltip to parent */
	left: auto;
	/* cancel left alignment */
}

.country-select {
	display: none;
}

/* match with a pro start */
.match-pro-section {
	display: none;
	background: var(--Black-900, #05061e);
}

.match-pro__header {
	text-align: center;
	background: linear-gradient(
			90deg,
			rgba(85, 79, 246, 0.6) 0%,
			rgba(60, 184, 255, 0.6) 100%
		),
		#121635;
	color: #fff;
	padding: 2rem;
	border-radius: 8px;
	margin-bottom: 3rem;
}

.match-pro__banner.success-banner {
	background: linear-gradient(
			90deg,
			rgba(79, 246, 143, 0.5) 0%,
			rgba(60, 255, 187, 0.5) 100%
		),
		#121635;
	color: #fff;
	padding: 24px;
	border-radius: 12px;
	margin: 0 0 2rem 0;
	text-align: center;
	font-family: inherit;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
	opacity: 0;
	transform: translateY(-10px);
	transition: all 0.5s ease;
}

.match-pro__banner.success-banner.show {
	opacity: 1;
	transform: translateY(0);
}

.hidden {
	display: none;
}

.match-pro__title {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	margin: 0;
}

.match-pro__subtitle {
	font-size: 1rem;
	margin-top: 0.5rem;
	opacity: 0.85;
}

.match-pro__features {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	/* 4 tiles per row on large screens */
	gap: 15px;
}

body.woocommerce-checkout .cart-widget-side .wd-scroll-content {
	position: static !important;
	/* overrides absolute */
}

.supplier-dconnect {
	text-align: center;
	margin: 24px 0;
}

.match-pro__feature {
	background: linear-gradient(
		0deg,
		rgba(85, 79, 246, 0.07) 0.06%,
		rgba(60, 184, 255, 0.24) 100.06%
	);
	border: 1px solid rgba(0, 174, 255, 0.2);
	border-radius: 12px;
	padding: 10px;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: box-shadow 0.3s ease;

	/* Cut top-right & bottom-left corners */
	clip-path: polygon(
		0% 0%,
		/* top-left */ 90% 0%,
		/* before top-right cut */ 100% 5%,
		/* angled top-right cut */ 100% 100%,
		/* bottom-right */ 10% 100%,
		/* start bottom-left cut */ 0% 95% /* angled bottom-left cut */
	);
}

/* .match-pro__feature:hover {
    box-shadow: 0 0 24px rgba(0, 174, 255, 0.4);
    } */

.match-pro__icon {
	margin-bottom: 1.5rem;
}

.match-pro__img-wrapper {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background: linear-gradient(135deg, #4cc9f0, #4361ee);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 12px rgba(0, 174, 255, 0.3);
}

.match-pro__img-wrapper img {
	width: 28px;
	height: 28px;
}

.match-pro__feature-title {
	font-size: 1.2rem;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 1rem;
}

.match-pro__feature-text {
	font-size: 0.95rem;
	line-height: 1.6;
	color: #b4bcd0;
}

.chat-order-products-wrapper {
	background: #05061e;
	padding: 0 0 24px 0;
	display: flex;
	gap: 8px;
	margin-top: 20px;
}

.chat-order-products-wrapper .chat-product-button {
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	padding: 10px;
	border-radius: 999px;
	border: 0.5px solid rgba(255, 255, 255, 0.4);
	background: #233e66;
	color: #fff;
}

.chat-order-products-wrapper .chat-product-button.active,
.chat-order-products-wrapper .chat-product-button:hover {
	background: #554ff6;
}

/* Optional: Badge style like the red "565.83" shown */
.match-pro__badge {
	position: absolute;
	top: 6px;
	right: 14px;
	background: #ff5733;
	color: white;
	font-size: 0.8rem;
	font-weight: bold;
	padding: 2px 8px;
	border-radius: 6px;
	z-index: 10;
}

.cko-form {
	padding-left: 0 !important;
}

.multi-frame,
.one-liner {
	width: 100% !important;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.multi-frame .input-container {
	align-items: center;
}

.multi-frame .card-number-frame,
.multi-frame .expiry-date-frame,
.multi-frame .cvv-frame,
.one-liner .card-frame {
	background-color: #354a6c !important;
	border: 1px solid #1d2140 !important;
	border-radius: 5px;
	height: 52px;
}


.woocommerce-checkout h2.wp-block-post-title{
	display: none;
}
/* match with a pro end */
/* chat with a pro start */
.talkjs-section,
.leave-feedback-section {
	display: none;
}

.talkjs-wrapper {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	border-radius: 8px 8px 0 0;
	background: linear-gradient(
		90deg,
		rgba(85, 79, 246, 0.2) 0%,
		rgba(60, 184, 255, 0.2) 100%
	);
	backdrop-filter: blur(5px);
	padding: 16px;
}

.dispute-banner {
	border-radius: 8px;
	background: linear-gradient(180deg, #af0101 0%, #960202 58.14%);
	padding: 16px;
	margin-bottom: 24px;
}

.dispute-banner-content {
	display: flex;
	gap: 20px;
}

.dispute-banner-content h3,
.dispute-banner-content p {
	margin-bottom: 0;
}

.chat-action-title h3,
.dispute-banner-content h3 {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.chat-actions {
	display: flex;
	gap: 10px;
}

.chat-action-button {
	padding: 14px 20px;
	border-radius: 8px;
	background: #233e66;
	backdrop-filter: blur(5px);
	color: #fff;
}

.chat-action-button:hover {
	background: #554ff6;
	color: #fff;
}

/* Modal container - full screen overlay */
.chat-action-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	/* Semi-transparent black */
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

/* Hide modal by default */
.chat-action-modal.hidden {
	display: none;
}

/* Modal content box */
.chat-action-modal__content {
	display: flex;
	gap: 20px;
	padding: 16px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
	max-width: 700px;
	width: 90%;
	text-align: center;
	border-radius: 8px;
	background: linear-gradient(
			90deg,
			rgba(85, 79, 246, 0.2) 0%,
			rgba(60, 184, 255, 0.2) 100%
		),
		#05061e;
	backdrop-filter: blur(5px);
}

.chat-action-modal__content img {
	max-width: 45px !important;
}

.chat-action-modal__content h3 {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.chat-action-modal__content .chat-action-modal__wrapper {
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 100%;
}

.chat-action-modal__content .chat-action-modal__wrapper ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0;
}

.chat-action-modal__content .chat-action-modal__wrapper ul li {
	display: flex;
	align-items: center;
}

.chat-action-modal__content
	.chat-action-modal__wrapper
	ul
	li
	input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 15px;
	height: 15px;
	border-radius: 2px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(85, 79, 246, 0.2);
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.chat-action-modal__content
	.chat-action-modal__wrapper
	ul
	li
	input[type="checkbox"]:checked {
	background: rgba(85, 79, 246, 0.2);
	border-color: rgba(255, 255, 255, 0.6);
}

.chat-action-modal__content
	.chat-action-modal__wrapper
	ul
	li
	input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 1px;
	left: 5px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Action buttons container */
.chat-action-modal__actions {
	margin-top: 1.5rem;
	display: flex;
	justify-content: flex-start;
	gap: 1rem;
}

.chat-action-modal__content .checkbox-group {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.chat-action-modal__content .checkbox-group label {
	margin-bottom: 0;
}

/* Common button styles */
.chat-action-btn {
	padding: 10px 20px;
	font-weight: bold;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	background-color: #0073aa;
	color: #fff;
}

/* Cancel button style */
.chat-action-btn--cancel {
	background-color: #ccc;
	color: #333;
}

/* chat with a pro end */

/* Leave feedback start */
.leave-feedback-section {
	background: #121635;
	color: #fff;
	margin: auto;
	padding: 2rem;
	border-radius: 12px;
	text-align: center;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
}

.leave-feedback-section .feedback-container h2 {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.leave-feedback-section .feedback-container .g-note {
	font-style: italic;
	text-align: left;
}

.feedback-subtitle {
	color: #bbb;
	font-size: 0.9rem;
	margin-bottom: 1.5rem;
}

.feedback-container .feedback-list li {
	text-align: left;
}

.feedback-overall {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 2rem;
}

.thumb {
	font-size: 2rem;
	background: none;
	border: none;
	color: #bbb;
	padding: 0;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.2s ease;
}

.thumb.up:hover,
.thumb.down:hover {
	background: none;
}

.thumb img {
	width: 45px;
	height: 45px;
	opacity: 0.3;
	transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease;
}

.thumb img:hover {
	width: 55px;
	height: 55px;
	opacity: 1;
}

.feedback-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1.2rem 0;
	padding: 1rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.feedback-label {
	text-align: left;
	flex: 1;
}

.feedback-label span {
	display: block;
	font-size: 0.8rem;
	color: #aaa;
}

.feedback-stars {
	display: flex;
	gap: 0.3rem;
}

.star {
	font-size: 1.5rem;
	color: #4caf50;
	cursor: pointer;
	transition: transform 0.2s;
}

.star:hover {
	transform: scale(1.2);
}

.feedback-submit {
	margin-top: 2rem;
	background: #5a4ff1;
	color: white;
	border: none;
	padding: 0.8rem 2rem;
	font-size: 1rem;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.3s;
}

.feedback-submit:hover {
	background: #4638d1;
}

/* Leave feedback end */
/* Receive order start */
.receive-order-section {
	display: none;
	padding: 16px;
	border-radius: 8px;
	background: linear-gradient(
		90deg,
		rgba(85, 79, 246, 0.2) 0%,
		rgba(60, 184, 255, 0.2) 100%
	);
}

.receive-order-section .receive-order-wrapper .receive-order-title p {
	margin: 10px 0;
}

.receive-order-section .receive-order-wrapper h2 {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	font-size: 24px;
	margin-bottom: 0;
}

.receive-order-section .receive-order-voucher {
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	background: rgba(0, 0, 0, 0.2);
	padding: 19px 14px;
	margin-bottom: 14px;
	font-size: 16px;
}

.receive-order-section .receive-order-voucher .copy-btn {
	background: none;
}

.receive-order-section .receive-order-voucher .code-wrapper {
	display: flex;
	align-items: center;
}

.receive-order-section .receive-order-voucher p {
	margin-bottom: 0;
}

.receive-order-section .receive-order-voucher p.vcode {
	color: #bbbbc6;
}

.receive-order-section .receive-order-voucher span {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.gform-footer {
	position: relative !important;
	/* display: inline-block;  */
}

.gfield_label,
.gform-field-label {
	color: #ffffff !important;
}

.gform-loader {
	position: absolute !important;
	top: 100% !important;
	left: 50%;
}

.gf-hidden-by-category {
	display: none !important;
}

.includes_tax,
.cart_item .tax_label {
	display: none;
}

/* Receive order end */

/* Thankyou page styles end */

/* Checkout Second card css */

.wc_payment_method #wcpay-upe-element,
.wcpay-upe-element {
	padding: 0;
	margin-bottom: 0;
}
.wc_payment_method
	#payment
	.payment_method_woocommerce_payments
	.testmode-info {
	font-size: 14px;
}
.p-Input
	.p-Input-input:not(.p-Input--matchFloatingLabelHeight):not(.p-PhoneInput) {
	background-color: #354a6c !important;
	color: #fff;
	border: 1px solid #1d2140 !important;
	border-radius: 5px;
	height: 52px;
	padding: 0 15px;
}

.p-CardCvcIcons,
.p-CardCvcIcons-group.c-InputPadding {
	padding-right: 15px;
}

.wc_payment_method fieldset.wc-payment-form {
	padding: 0;
	border: none;
}
/* add feature-quantity-selector */
.single-product.mt-quantity-selector .wc-pao-addon-wrap {
	position: relative;
}

.single-product.mt-quantity-selector .wc-pao-addon .wc-pao-addon-name {
	max-width: 320px;
}

@media (max-width: 600px) {
	.match-pro__features {
		grid-template-columns: 1fr;
		/* 1 per row on mobile */
	}
}

@media (max-width: 767px) {
	#hero,
	.hero {
		background-size: 100% !important;
		background-position: top center !important;
		background-repeat: no-repeat !important;
	}

	#hero::before,
	.hero::before {
		background-image: linear-gradient(to right, #05061ed9, #05061e00),
			linear-gradient(to bottom, #05061e00, #05061e 10%) !important;
	}

	.customer-checkout-wrapper {
		flex-wrap: wrap;
	}

	.customer-checkout-wrapper .checkout-customer {
		width: 100%;
	}

	.checkout-order-review-wrap {
		max-width: 100%;
		width: 100%;
	}

	.checkout-order-review-wrap
		.woocommerce-checkout-review-order-table
		tbody
		.warranty-options
		.warranty-label-wrapper {
		gap: 250px;
	}

	.payment_methods .payment_box .custom-coingate-wrapper .coingate-icon {
		margin-right: 5px;
	}

	.post-payment-wrapper {
		flex-direction: column;
	}

	.left-side-wrapper,
	.order-sidebar {
		width: 100%;
	}

	.success-complete-wrapper {
		align-items: center;
	}

	.success-complete-wrapper h3 {
		font-size: 18px;
	}

	.success-complete-wrapper p {
		font-size: 12px;
	}

	.order-sidebar {
		max-width: 100%;
	}

	/* steps css */
	.custom-steps {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 10px;
		padding-bottom: 10px;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 0;
	}

	.custom-steps .step svg,
	.custom-steps .step img {
		/* width: 120px; */
		/* height: 30px !important; */
		/* max-width: 120px; */
		width: 100%;
		max-height: 60px;
		height: 40px;
	}

	.custom-steps::-webkit-scrollbar {
		display: none;
		/* Hide scrollbar on mobile */
	}

	.custom-steps .step {
		flex: 0 0 calc((100% - 20px) / 3);
		/* 3 steps accounting for 2 gaps */
		scroll-snap-align: center;
	}

	.talkjs-wrapper {
		gap: 10px;
	}

	.chat-action-title h3 {
		font-size: 14px;
		margin-bottom: 12px;
	}

	.chat-action-button {
		font-size: 10px;
	}

	.custom-steps .step .step__label {
		font-size: 10px;
	}

	.chat-action-modal__content {
		gap: 10px;
	}

	.chat-action-modal__content h3 {
		font-size: 16px;
	}

	.chat-action-modal__content
		.chat-action-modal__wrapper
		ul
		li
		input[type="checkbox"]#guide1 {
		width: 7%;
	}

	.chat-action-modal__content .checkbox-group label {
		font-size: 10px;
	}

	.chat-action-btn {
		font-size: 10px;
	}

	/* .chat-action-modal__actions{
        margin-top: 0;
    } */
	.chat-action-modal__content img {
		max-width: 20px !important;
	}

	.dispute-banner-content {
		gap: 10px;
	}

	.dispute-banner-content img {
		width: 100%;
	}

	.dispute-banner-content h3 {
		font-size: 20px;
	}

	.chat-order-products-wrapper {
		flex-direction: column;
	}

	.gform-theme--foundation .gfield--width-half {
		grid-column: span 12 !important;
	}

	#billing_address_1_field,
	#billing_country_field,
	#billing_city_field,
	#billing_postcode_field {
		max-width: 100%;
		flex: 0 0 100%;
	}

	p.form-row-all {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	#billing_postcode_field,
	.logged-in #billing_postcode_field,
	.logged-in #billing_state_field {
		padding-right: 0 !important;
	}

	.woocommerce-billing-fields__field-wrapper #billing_first_name_field,
	.woocommerce-billing-fields__field-wrapper #billing_email_field,
	.woocommerce-billing-fields__field-wrapper #billing_country_field,
	.woocommerce-billing-fields__field-wrapper #billing_city_field {
		padding-right: 0 !important;
	}

	ul.payment_methods li.wc_payment_method input.mc-marketing-optin-input {
		width: 16px !important;
	}

	.logged-in #billing_phone_field {
		padding-right: 15px !important;
	}

	#billing_phone_field {
		padding-right: 0 !important;
	}
}

/* add feature-quantity-selector */
.single-product.mt-quantity-selector .wc-pao-addon-wrap {
	position: relative;
}

.single-product.mt-quantity-selector .wc-pao-addon .wc-pao-addon-name {
	max-width: 320px;
}

@media (max-width: 450px) {
	.single-product.mt-quantity-selector .wc-pao-addon .wc-pao-addon-name {
		max-width: 200px;
	}

	.checkout-order-review-wrap
		.woocommerce-checkout-review-order-table
		tbody
		.warranty-options
		.warranty-label-wrapper {
		gap: 100px;
	}

	.payment_methods .payment_box .custom-coingate-wrapper .coingate-icon {
		margin-right: 10px;
	}

	.terms .woocommerce-input-wrapper label.checkbox,
	.mc-marketing-optin span {
		font-size: 12px !important;
	}

	.woocommerce-checkout-payment .wc_payment_method .payment-title-wrapper span {
		width: 75%;
	}
}

@media (max-width: 1150px) {
	.single-product.mt-quantity-selector .wc-pao-addon-wrap {
		max-width: 130px;
	}
}

@media (max-width: 1024px) {
	.single-product.mt-quantity-selector .wc-pao-addon-wrap {
		max-width: 100px;
	}

	.match-pro__features {
		grid-template-columns: repeat(2, 1fr);
		/* 2 per row on tablets */
	}

	.checkout-order-review-wrap
		.woocommerce-checkout-review-order-table
		tbody
		.warranty-options
		.warranty-label-wrapper {
		gap: 70px;
	}

	.order-id {
		font-size: 10px;
	}

	.custom-steps .step .step__label {
		font-size: 12px;
	}
}

@media (max-width: 370px) {
	.single-product.mt-quantity-selector .wc-pao-addon-wrap {
		max-width: 95px;
	}
}

.single-product.mt-quantity-selector .wc-pao-addon-input-multiplier {
	/* padding: 0 48px;              */
	height: 30px;
	border: 1px solid #3a4a6a;
	background: #162544;
	color: #d3d6e0;
	text-align: center;
	border-radius: 6px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	/* below the buttons */
}

/* clickable +/- */
.single-product.mt-quantity-selector .qty-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 700;
	font-size: 18px;
	color: #d3d6e0;
	cursor: pointer;
	user-select: none;
	padding: 0 8px;
	line-height: 1;
	z-index: 2;
	/* above the input */
	pointer-events: auto;
	/* ensure clicks register */
}

@media (max-width: 1024px) {
	.single-product.mt-quantity-selector .qty-btn {
		padding: 0;
	}
}

.minus-btn {
	left: 12px;
}

.plus-btn {
	right: 12px;
}

/* just in case a previous rule disabled clicks */
.single-product.mt-quantity-selector .wc-pao-addon-wrap::before,
.single-product.mt-quantity-selector .wc-pao-addon-wrap::after {
	pointer-events: none;
}

/* Remove number input spinner (Chrome, Safari, Edge) */
.single-product.mt-quantity-selector
	.wc-pao-addon-input-multiplier::-webkit-outer-spin-button,
.single-product.mt-quantity-selector
	.wc-pao-addon-input-multiplier::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Remove number input spinner (Firefox) */
.single-product.mt-quantity-selector
	.wc-pao-addon-input-multiplier[type="number"] {
	-moz-appearance: textfield;
}

.single-product.mt-quantity-selector .wc-pao-addon {
	padding: 0 2px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-content: center;
	margin-bottom: 7px;
}

.single-product.mt-quantity-selector .wc-pao-addon .wc-pao-addon-wrap {
	margin: 0;
}

.wc_payment_method.payment_method_cod {
	display: none !important;
}

#customer_details,
#place_order,
.place-order {
	visibility: hidden;
	display: none !important;
}

.billing-main-wrapper {
	display: flex;
	flex-direction: column-reverse;
	gap: 0px;
}

.billing-main-wrapper .icon-container img {
	padding-left: 5px;
	padding-right: 5px;
	max-height: 40px;
}

#wcpay-express-checkout-element {
	min-height: 50px !important;
}