/*================================
    Common Campaign
==================================*/
.revx-product-item,
.revx-product-details,
.revx-align-center,
.revx-double-order-checkbox-label,
.revx-bundle-discount-list .revx-campaign-item,
.revx-buyx-gety-grid .revx-campaign-view__items,
.revx-mix-match-grid .revx-empty-selected-items,
.revx-mix-match-list .revx-empty-selected-items,
.revx-mix-match-grid .revx-empty-selected-items .revx-selected-items,
.revx-mix-match-list .revx-empty-selected-items .revx-selected-items {
	display: flex;
	align-items: center;
}

.revx-campaign-header {
	position: relative;
}

.revx-product-title,
.revx-countdown-timer-container,
.revx-selected-item__product-title {
	line-height: 1.4 !important;
}

.revx-builderSlider-icon {
	cursor: pointer;
	border-style: solid;
	/* display: none !important; */
}

.revx-remove-selected-item {
	flex-shrink: 0;
}

.revx-remove-selected-item svg {
	fill: transparent !important;
}

.revx-builder__middle_element {
	justify-content: space-around;
	position: relative;
	z-index: 0;
	margin: 16px 0px;
	border-style: unset;
}

.revx-campaign-list .revx-campaign-item {
	display: flex;
	position: relative;
}

.revx-campaign-list .revx-product-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.revx-builder-progressBar__content__progress {
	width: 51%;
	height: 100%;
	display: block;
	border-radius: inherit;
	background-color: currentColor;
}

.revx-campaign-grid .revx-mix-match-products {
	/* max-width: 410px; */
	position: relative;
	/* flex-basis: 65%; */
}

.revx-floating-container .revx-campaign-grid .revx-mix-match-products {
	width: 100%;
	max-width: 100%;
}

.revx-campaign-grid .revx-campaign-view__items {
	display: flex;
}

.revx-campaign-grid .revx-slider .revx-campaign-item {
	box-sizing: border-box;
	position: relative;
}

.revx-builderSlider-left.revx-builderSlider-icon svg {
	transform: rotate(180deg);
}

/* .revx-campaign-grid .revx-selected-product-container  {
    max-width: 40%;
} */
.revx-campaign-list .revx-selected-product-container {
	margin-top: 24px;
}

.revx-buyx-gety-grid .revx-campaign-item,
.revx-bundle-discount-grid .revx-campaign-item,
.revx-frequently-bought-together-grid .revx-campaign-item {
	flex: 1;
	/* width: 8vw; */
	min-width: auto !important;
}

.revx-campaign-grid .revx-slider .revx-campaign-view__items {
	display: flex;
	flex-shrink: 0;
}

.revx-campaign-list .revx-campaign-view__items .revx-campaign-item:last-child {
	margin-bottom: 0px !important;
}

.revx-last-add-button button {
	width: 100% !important;
	margin-top: 16px;
}

.revx-flex-wrap {
	flex-wrap: wrap;
}

.revx-pricing-wrapper {
	flex-wrap: wrap;
	row-gap: 12px;
}

.revx-item-option .revx-builder-checkbox {
	flex-shrink: 0;
	border-width: 1px;
	border-style: solid;
}


/*================================
    Common Campaign
==================================*/
/*================================
    Normal Discounts
==================================*/
.revx-cmp-limited.revx-normal-discount-grid,
.revx-cmp-limited.revx-bundle-discount-grid {
	/* width: min-content; */
}

.revx-normal-discount-grid .revx-campaign-item {
	/* flex: 1; */
	position: relative;
	/* box-sizing: content-box !important; */
}

.revx-normal-discount-list .revx-builder-atc-btn {
	/* width: fit-content; */
	white-space: nowrap;
}

.revx-normal-discount-grid .revx-campaign-view__items {
	height: 100%;
}

.revx-normal-discount-list .revx-campaign-add-to-cart-btn {
	height: fit-content;
	align-self: center;
	width: fit-content;
}

.revx-normal-discount-grid .revx-campaign-container__wrapper {
	position: relative;
}

.revx-normal-discount-list .revx-campaign-container__wrapper .revx-campaign-item:last-of-type,
.revx-normal-discount-list .revx-campaign-container__wrapper .revx-campaign-item:last-child {
	margin-bottom: 0px !important;
	/* Normal In-page List Last child space need to hide */
}

.revx-normal-discount-list .revx-quantity-addToCart-container {
	gap: 12px;
}

.revx-normal-discount-list .revx-campaign-container__wrapper>.revx-campaign-add-to-cart-btn {
	width: 100%;
}


/*================================
    Bundle Discount
==================================*/

.revx-bundle-discount-list .revx-product-bundle {
	margin-left: unset;
	margin-right: unset;
}

.revx-bundle-discount .revx-campaign-container__wrapper {
	/* max-width: 586px; list not limited width from JOS */
}

.revx-bundle-discount-grid .revx-campaign-container__wrapper {
	/* width: fit-content; */
}

.revx-bundle-discount.revx-campaign-grid .revx-campaign-item {
	display: flex;
}

.revx-bundle-discount-list .revx-builder__middle_element:after {
	content: "";
	display: block;
	width: 100%;
	height: 0px;
	border: 1px solid;
	border-color: inherit;
	position: absolute;
	left: 0px;
	z-index: -1;
}

.revx-bundle-discount-grid .revx-campaign-container__wrapper__product {
	display: flex;
	/*     overflow: hidden; for slider */

}

.revx-inpage-container.revx-bundle-discount-grid .revx-campaign-container__wrapper__product {
	position: relative;
}

.revx-popup.revx-bundle-discount-grid .revx-campaign-container__wrapper {
	width: auto !important;
}

.revx-bundle-discount-grid .revx-product-bundle svg {
	height: 100%;
	width: 100%;
}

.revx-bundle-discount-grid .revx-builder__popular-tag {
	position: static !important;
	word-break: normal;
	line-height: 1.4 !important;
}


/*================================
    Bundle Discount
==================================*/
/* .revx-popup__content.revx-bundle-discount-grid .revx-campaign-container__wrapper {
    overflow-x: auto;
    max-height: 510px;
} */
/* .revx-bundle-discount-grid .revx-campaign-container__wrapper,
.revx-buyx-gety-grid .revx-campaign-container__wrapper {
    overflow-y: auto;
    max-height: 40vh;
} */
/*================================
    Mix Match Style
==================================*/
/*================================
    Volume Discount
==================================*/
.revx-volume-title {
	flex-shrink: 0;
}

.revx-floating.revx-volume-discount .revx-campaign-item--popular:first-child,
.revx-popup__content.revx-volume-discount .revx-campaign-item--popular:first-child {
	margin-top: 10px !important;
}

.revx-volume-discount__tag {
	border-style: solid;
	box-sizing: border-box;
	flex-shrink: 0;
}

.revx-volume-discount .revx-campaign-item {
	display: block !important;
	cursor: pointer;
	align-items: center;
	justify-content: space-between;
}

.revx-volume-discount .revx-quantity-label {
	margin: 0px !important;
}

/*================================
    Spending Goal
==================================*/
.revx-spending-goal-slide,
.revx-spending-goal .revx-campaign-container__wrapper {
	position: relative;
}

.revx-spending-goal .revx-campaign-item {
	min-width: 550px;
}

.revx-spending-goal .revx-builder-atc-btn {
	width: fit-content;
}

.revx-spending-goal .revx-slider-container {
	max-width: 600px;
	width: 100%;
	display: flex;
}

.revx-spending-goal .revx-builderSlider-icon {
	position: static !important;
}

.revx-spending-goal .revx-campaign-item__image img {
	border-radius: inherit;
}

.revx-spending-goal-slide .revx-builderSlider-left,
.revx-spending-goal-slide .revx-builderSlider-right {
	cursor: pointer;
}

/*================================
    Spending Goal End
==================================*/

.revx-inpage-container {
	/* overflow: hidden; conflict bundle inpage slider icon */
}

.revx-popup__container .revx-campaign-container__wrapper,
.revx-floating .revx-campaign-container__wrapper {
	/* max-height: 32vh; */
	/* max-height: 54vh; */
	max-height: 45vh;
	overflow-y: auto;
	height: fit-content;
}

.revx-scrollbar-md::-webkit-scrollbar,
.revx-floating.revx-bundle-discount-grid .revx-campaign-container__wrapper::-webkit-scrollbar,
.revx-popup__container .revx-campaign-container__wrapper::-webkit-scrollbar {
	height: 16px;
	/* for horizontal scrollbars */
	width: 10px;
}

.revx-scrollbar-md::-webkit-scrollbar-track,
.revx-floating .revx-campaign-container__wrapper::-webkit-scrollbar-track,
.revx-popup__container .revx-campaign-container__wrapper::-webkit-scrollbar-track {
	background: #e2e4e9;
	border-radius: 6px;
}

/* Handle (thumb) */
.revx-scrollbar-md::-webkit-scrollbar-thumb,
.revx-floating .revx-campaign-container__wrapper::-webkit-scrollbar-thumb,
.revx-popup__container .revx-campaign-container__wrapper::-webkit-scrollbar-thumb {
	background: #868C98;
	border-radius: 6px;
	border: 3px solid transparent;
	background-clip: content-box;
	height: 6px;
	cursor: grab;
}

/* Handle on hover */
.revx-scrollbar-md::-webkit-scrollbar-thumb:hover,
.revx-floating .revx-campaign-container__wrapper::-webkit-scrollbar-thumb:hover,
.revx-popup__container .revx-campaign-container__wrapper::-webkit-scrollbar-thumb:hover {
	border-radius: 6px;
	border: 3px solid transparent;
	background-clip: content-box;
	height: 6px;
	background-color: #00a464;
}

.revx-builder-noThanks-btn {
	cursor: pointer;
}

.revx-inpage-container.revx-campaign-grid {
	visibility: hidden;
}

.revx-builder-element__content_separator {
	flex-shrink: 0;
}

.revx-builder-atc-btn:hover {
	background-color: var(--revx-hover-color) !important;
}

.hidden {
	display: none !important;
}


.revx-products-list,
.revx-products-list-specific {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.revx-product-item {
	gap: 10px;
	padding: 8px;
}

.revx-product-details {
	justify-content: space-between;
	flex-grow: 1;
}

/* Common Upsell Sliders: Spending Goal/Free Shipping Progress Bar*/

.revx-upsell-slider-nav-button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
}

.revx-upsell-slider .revx-builder__quantity input {
	background-color: inherit !important;
}

.revx-upsell-slider {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 40px;
	/* padding-top: 26px; */
	max-width: 560px;
	margin: 0 auto;
}

.revx-upsell-slider-nav-button {
	position: absolute;
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	color: #666;
	transition: color 0.2s;
	z-index: 2;
}

.revx-upsell-slider-nav-button:hover {
	color: var(--revx-hover-color, #333);
}

.revx-upsell-slider-prev {
	left: 0;
}

.revx-upsell-slider-next {
	right: 0;
}

.revx-upsell-slider-content {
	width: 100%;
	overflow: hidden;
}

.revx-upsell-slider-track {
	display: flex;
	transition: transform 0.3s ease;
}

.revx-upsell-slider-product-card {
	flex: 0 0 100%;
	display: flex;
	align-items: center;
	gap: 20px;
	/* padding: 15px; */
	max-width: 480px;
}

.revx-upsell-slider-product-image {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
}

.revx-upsell-slider-product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

.revx-upsell-slider-product-details {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.revx-upsell-slider-product-title {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #333;
}

.revx-upsell-slider-price-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}

.revx-upsell-slider-original-price {
	color: #999;
	text-decoration: line-through;
}

.revx-upsell-slider-sale-price {
	color: #00a699;
	font-weight: 500;
}

.revx-upsell-slider-add-cart {
	background: white;
	border: 1px solid #ddd;
	padding: 8px 20px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	transition: background-color 0.2s, border-color 0.2s;
	white-space: nowrap;
}

.revx-upsell-slider-add-cart:hover {
	background-color: var(--revx-hover-color) !important;
}

.revx-upsell-slider-track.animating {
	transition: transform 0.3s ease;
}


/* Progress Bar*/
.revx-progress-bar {
	background: var(--revx-empty-color);
	height: 8px;
	border-radius: 4px;
	position: relative;
}

.revx-progress-fill {
	background: var(--revx-filled-color);
	height: 100%;
	border-radius: 4px;
	transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	width: 0;
}

.revx-paragraph-wrapper {
	display: flex;
	align-items: center;
}

.revx-campaign-fsb {
	position: relative;
}

.revx-campaign-fsb .revx-campaign-close {
	box-sizing: content-box;
}

.revx-campaign-fsb-top .revx-upsell-slider,
.revx-campaign-fsb-bottom .revx-upsell-slider {
	padding-top: 12px;
}


#revx-progress-inpage .revx-campaign-fsb__container {

	max-width: var(--theme-normal-container-max-width, 1200px);
	margin: 0 auto;

}

.revx-campaign-countdown-timer-hellobar {

	max-width: 1110px;
	margin: 0 auto;

}
#revx-progress-inpage[data-position=top],
#revx-progress-inpage[data-position=bottom],
#revx-countdown-top {
	position: fixed !important;
	left: 0;
	right: 0;
	z-index: 9999;
}

#revx-progress-inpage[data-position="bottom"] {
	z-index: 9999;
	bottom: 0;
}
#revx-countdown-bottom {
	position: fixed !important;
	z-index: 9999;
	bottom: 0;
}

.revenue-campaign-shortcode .revx-inpage-container {
	display: block !important;
}

.revenue-campaign-shortcode .revx-campaign-container {
	display: block !important;
}
.revx-all-site-subheading {
	max-width: 205px;
}

.revx-campaign-countdown-timer .revx-close-icon {
	position: absolute;
	top: 0;
	right: 0;
}

/* Next Order Coupon css */
.revx-coupon-icon-rich-text {
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	font-weight: bold;
	letter-spacing: 3px;
	text-transform: uppercase;
	padding: 15px 40px 10px 0px;
	color:var(--revx-background-color);
	text-shadow: 0px 0px 2px var(--revx-coupon-color);
	/* --revx-coupon-color: rgb(255, 255, 255); */
    font-size: 24px;
	text-align: center;
}

.revx-coupon-template-1-content {
	margin-left: 20px;
	margin-right: 30px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0px 0px 0px 20px;
	height: 100%;
}


.revx-coupon-content {
	display: flex;
	flex-direction: column;
	max-height: none;
	overflow-y: visible;
	max-width: none;
	overflow-x: visible;
}

.revx-coupon-buttons {
	white-space: nowrap;
	display: flex;
	flex-direction: row;
	align-items: center;
	max-height: none;
	overflow-y: visible;
	max-width: none;
	overflow-x: visible;
}

.revx-coupon-template-container {
	display: flex;
}
.revx-coupon-template-wrapper {
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  width: auto;
  height: 100%;
  display: flex;
  max-width: var(--revx-max-width, unset);
  border: 1px dashed var(--revx-border-color, #6c5ce7);
  /* background-color: #6E3FF3; Uncomment if needed */

  mask-image:
    radial-gradient(circle at 0% 50%, transparent 25px, black 26px),
    radial-gradient(circle at 100% 50%, transparent 25px, black 26px),
    radial-gradient(circle at 0% 5%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 10%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 15%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 20%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 25%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 30%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 35%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 40%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 45%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 50%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 55%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 60%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 65%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 70%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 75%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 80%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 85%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 90%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 95%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 5%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 10%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 15%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 20%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 25%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 30%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 35%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 40%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 45%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 50%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 55%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 60%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 65%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 70%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 75%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 80%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 85%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 90%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 95%, transparent 0.6%, black 0.8%);
  
  mask-composite: intersect;
  -webkit-mask-composite: destination-in; /* For Safari */
}

.revx-coupon-template-container {
	background-color: var(--revx-background-color, #6c5ce7) ;
}
.revx-coupon-buttons .revx-Coupon-button {
	display: flex;
	align-items: center;
	gap: 5px;
}