@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700,800&display=swap');
*,
::after,
::before {
	box-sizing: border-box;
}
:root {
	--primary-color: #000;
	--button-background-color: #000;
	--button-text-color: #fff;
}

.text-transform-lowercase {
	text-transform: lowercase;
}
.recurpay-account-body .mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* z-index: 1042; */
	z-index: 100;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
}
.recurpay-account-body .mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.recurpay-account-body .mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
}
.recurpay-account-body .mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.recurpay-account-body .mfp-align-top .mfp-container:before {
	display: none;
}
.recurpay-account-body .mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.recurpay-account-body .mfp-inline-holder .mfp-content,
.recurpay-account-body .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.recurpay-account-body .mfp-ajax-cur {
	cursor: progress;
}
.recurpay-account-body .mfp-zoom-out-cur,
.recurpay-account-body .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.recurpay-account-body .mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.recurpay-account-body .mfp-auto-cursor .mfp-content {
	cursor: auto;
}
.recurpay-account-body .mfp-close,
.recurpay-account-body .mfp-arrow,
.recurpay-account-body .mfp-preloader,
.recurpay-account-body .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.recurpay-account-body .mfp-loading.mfp-figure {
	display: none;
}
.recurpay-account-body .mfp-hide {
	display: none !important;
}
.recurpay-account-body .mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.recurpay-account-body .mfp-preloader a {
	color: #ccc;
}
.recurpay-account-body .mfp-preloader a:hover {
	color: #fff;
}
.recurpay-account-body .mfp-s-ready .mfp-preloader {
	display: none;
}
.recurpay-account-body .mfp-s-error .mfp-content {
	display: none;
}
.recurpay-account-body button.mfp-close,
.recurpay-account-body button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation;
}
.recurpay-account-body button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
.recurpay-account-body .mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	/* font-family: Arial, Baskerville, monospace; */
}
.recurpay-account-body .mfp-close:hover,
.recurpay-account-body .mfp-close:focus {
	opacity: 1;
}
.recurpay-account-body .mfp-close:active {
	top: 1px;
}
.recurpay-account-body .mfp-close-btn-in .mfp-close {
	color: #333;
}
.recurpay-account-body .mfp-image-holder .mfp-close,
.recurpay-account-body .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}
.recurpay-account-body .mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}
.recurpay-account-body .mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.recurpay-account-body .mfp-arrow:active {
	margin-top: -54px;
}
.recurpay-account-body .mfp-arrow:hover,
.recurpay-account-body .mfp-arrow:focus {
	opacity: 1;
}
.recurpay-account-body .mfp-arrow:before,
.recurpay-account-body .mfp-arrow:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.recurpay-account-body .mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}
.recurpay-account-body .mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}
.recurpay-account-body .mfp-arrow-left {
	left: 0;
}
.recurpay-account-body .mfp-arrow-left:after {
	border-right: 17px solid #fff;
	margin-left: 31px;
}
.recurpay-account-body .mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}
.recurpay-account-body .mfp-arrow-right {
	right: 0;
}
.recurpay-account-body .mfp-arrow-right:after {
	border-left: 17px solid #fff;
	margin-left: 39px;
}
.recurpay-account-body .mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f;
}
.recurpay-account-body .mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}
.recurpay-account-body .mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}
.recurpay-account-body .mfp-iframe-holder .mfp-close {
	top: -40px;
}
.recurpay-account-body .mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.recurpay-account-body .mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}
.recurpay-account-body img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}
.recurpay-account-body .mfp-figure {
	line-height: 0;
}
.recurpay-account-body .mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444;
}
.recurpay-account-body .mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.recurpay-account-body .mfp-figure figure {
	margin: 0;
}
.recurpay-account-body .mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.recurpay-account-body .mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px;
}
.recurpay-account-body .mfp-image-holder .mfp-content {
	max-width: 100%;
}
.recurpay-account-body .mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
	screen and (max-height: 300px) {
	.recurpay-account-body .mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}
	.recurpay-account-body .mfp-img-mobile img.mfp-img {
		padding: 0;
	}
	.recurpay-account-body .mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	.recurpay-account-body .mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
	.recurpay-account-body .mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box;
	}
	.recurpay-account-body .mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	.recurpay-account-body .mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}
	.recurpay-account-body .mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}
@media (max-width: 900px) {
	.recurpay-account-body .mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}
	.recurpay-account-body .mfp-arrow-left {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	.recurpay-account-body .mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}
	.recurpay-account-body .mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}

.recurpay-account-page h1,
.recurpay-account-body h2,
.recurpay-account-page h3,
.recurpay-account-page h4,
.recurpay-account-page h5,
.recurpay-account-page h6 {
	/* font-family: 'Nunito', sans-serif; */
	font-weight: 700;
	text-transform: uppercase;
	color: #343a40;
}
.recurpay-account-page h1 {
	font-size: 2rem;
	line-height: 2.5rem;
}
.recurpay-account-page h2 {
	font-size: 3.5rem;
}
.recurpay-account-body .subheading {
	text-transform: uppercase;
	font-weight: 500;
	/* font-family: 'Nunito', sans-serif; */
	font-size: 1.35rem;
}
.recurpay-account-body .list-social-icons a {
	color: #495057;
}
.recurpay-account-body .list-social-icons a:hover {
	color: #bd5d38;
}
.recurpay-account-body .list-social-icons a .fa-lg {
	font-size: 1.75rem;
}
.recurpay-account-body .list-icons {
	font-size: 3rem;
}
.recurpay-account-body .list-icons .list-inline-item i:hover {
	color: #bd5d38;
}
.recurpay-account-body #sideNav .navbar-nav .nav-item .nav-link {
	font-weight: 600;
	text-transform: uppercase;
}
@media (min-width: 992px) {
	.recurpay-account-body #sideNav {
		text-align: center;
		position: inherit;
		top: 0;
		left: 0;
		padding: 0;
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		flex-direction: column;
		width: 30rem;
	}
	.recurpay-account-body #sideNav .navbar-brand {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		padding: 0.5rem;
	}
	.recurpay-account-body #sideNav .navbar-brand .img-profile {
		max-width: 8rem;
		max-height: 8rem;
		border: 0.5rem solid rgba(255, 255, 255, 0.2);
	}
	.recurpay-account-body #sideNav .navbar-collapse {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		align-items: flex-start;
		flex-grow: 0;
		width: 100%;
		margin-bottom: auto;
	}
	.recurpay-account-body #sideNav .navbar-collapse .navbar-nav {
		flex-direction: column;
		width: 100%;
	}
	.recurpay-account-body #sideNav .navbar-collapse .navbar-nav .nav-item {
		display: block;
	}
	.recurpay-account-body
		#sideNav
		.navbar-collapse
		.navbar-nav
		.nav-item
		.nav-link {
		display: block;
	}
}
.recurpay-account-body section.resume-section {
	border-bottom: 1px solid #dee2e6;
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}
.recurpay-account-body section.resume-section .resume-item .resume-date {
	min-width: none;
}
@media (min-width: 768px) {
	.recurpay-account-body section.resume-section {
		min-height: 100vh;
	}
	.recurpay-account-body section.resume-section .resume-item .resume-date {
		min-width: 18rem;
	}
}
@media (min-width: 992px) {
	.recurpay-account-body section.resume-section {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
}
.recurpay-account-body .recurpay-account-page ul {
	list-style-type: none;
	text-align: left;
	padding-left: 0;
}
.recurpay-account-body .bg-primary {
	background-color: #f6f6f6 !important;
}
.recurpay-account-body .text-primary {
	color: #bd5d38 !important;
}
.recurpay-account-body .recurpay-account-page a {
	color: #686868;
}
.recurpay-account-body .recurpay-account-page a:hover,
.recurpay-account-body .recurpay-account-page a:focus,
.recurpay-account-body .recurpay-account-page a:active {
	color: #000;
	cursor: pointer;
}
.recurpay-account-body .info-wrapper p {
	margin-bottom: 12px;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
}
.recurpay-account-body .info-wrapper i {
	font-size: 24px;
	padding-right: 10px;
}
.recurpay-account-body .info-wrapper h3 {
	padding-bottom: 25px;
	font-size: 20px;
	text-align: center;
}
.recurpay-account-body .separator-head {
	text-align: left;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	padding-bottom: 5px;
}
.recurpay-account-body .nav-sidebar ul {
	padding-left: 20px;
	max-height: 145px;
	overflow-y: auto;
}
.recurpay-account-body .nav-sidebar li {
	font-size: 15px;
	margin-bottom: 5px;
}
.recurpay-account-body .nav-sidebar li:hover {
	text-decoration: underline;
	cursor: pointer;
}
.recurpay-account-body .separator-head i[data-status='trial'] {
	font-size: 13px;
	color: #ffeb3b;
}
.recurpay-account-body .separator-head i[data-status='active'] {
	font-size: 13px;
	color: #27d227;
}
.recurpay-account-body .separator-head i[data-status='halted'] {
	font-size: 13px;
	color: #ff9800;
}
.recurpay-account-body .separator-head i[data-status='paused'] {
	font-size: 13px;
	color: #ff9800;
}
.recurpay-account-body .separator-head i[data-status='cancelled'] {
	font-size: 13px;
	color: #ff1100;
}
.recurpay-account-body .subscriptionPlan-status[data-status='trial'] {
	border: 1px solid #03c04a;
	color: #03c04a;
}
.recurpay-account-body .subscriptionPlan-status[data-status='paused'] {
	border: 1px solid #ffc30b;
	color: #ffc30b;
}
.recurpay-account-body .subscriptionPlan-status[data-status='active'] {
	border: 1px solid var(--primary-color, #46a07e);
	color: var(--primary-color, #46a07e);
}
.recurpay-account-body .subscriptionPlan-status[data-status='halted'] {
	border: 1px solid #f87217;
	color: #f87217;
}
.recurpay-account-body .subscriptionPlan-status[data-status='cancelled'] {
	border: 1px solid #ff1100;
	color: #ff1100;
}
.recurpay-account-body .subscriptionPlan-status i {
	color: inherit;
}
.recurpay-account-body .recurpay-account-page .card {
	margin-bottom: 22px;
}
.recurpay-account-body .recurpay-account-page .container {
	padding: 2px 16px;
}
.recurpay-account-body .subscription-container {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	position: relative;
	align-items: center;
}
.recurpay-account-body .orders-wrapper .subscription-container {
	display: none;
	padding: 20px 18px 5px 18px;
}
.recurpay-account-body .orders-wrapper .subscription-container.active {
	display: block;
	overflow: hidden;
}
.recurpay-account-body .head-wrapper {
	padding-bottom: 25px;
}
.recurpay-account-body .head-wrapper h1 {
	font-size: 19px;
}
.recurpay-account-body .subscription-container img {
	width: 100%;
	height: 100%;
	min-height: 140px;
	object-fit: contain;
	max-height: 170px;
}
.recurpay-account-body .subscription-container table tr {
	padding-bottom: 10px;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.recurpay-account-body .subscription-container table th {
	width: 135px;
	color: #343a40;
	font-weight: 600;
	margin-right: 20px;
}
.recurpay-account-body .recurpay-account-page .main-container {
	margin: 0;
}
.recurpay-account-body .recurpay-account-page .info-container {
	position: inherit;
	right: 0;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: column;
	width: 30%;
	height: fit-content;
	padding: 0px;
	margin-left: 20px;
}
.recurpay-account-body .address-notice {
	background: #faf7dd;
	border: 2px solid #ffea9c;
	border-radius: 5px;
	display: block;
	margin: 0px;
}
.recurpay-account-body p.notice__text {
	color: #545454;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	padding: 10px 10px;
	margin: 0;
}
.recurpay-account-body .info-container .card {
	margin-bottom: 0px;
	padding: 0px;
	border-radius: 5px;
	display: block;
	border: none;
	box-shadow: none;
}
.recurpay-account-body .info-container .card:hover {
	box-shadow: none;
}
.recurpay-account-body .recurpay-account-page .main-section {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	width: 100%;
	width: -webkit-fill-available;
}
.recurpay-account-body .recurpay-account-page .address-container {
	padding: 5px 0px 5px 0px;
	font-size: 15px;
}
.recurpay-account-body .recurpay-account-page .address-container .col {
	padding: 0px 5px;
}
.recurpay-account-body .recurpay-account-page .address-container h6 {
	padding-bottom: 5px;
	font-size: 15px;
	text-transform: capitalize;
}
.recurpay-account-body .subscription-table th {
	width: 190px;
	font-weight: 600;
}
.recurpay-account-body .subscription-table h3 {
	text-transform: inherit;
}
.recurpay-account-body .sticky-div {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	padding: 30px 0 45px 0;
}
.recurpay-account-body .change-span {
	float: right;
	color: var(--primary-color, #46a06e);
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: capitalize;
}
.recurpay-account-body .change-span:hover {
	text-decoration: underline;
	cursor: pointer;
}
.recurpay-account-body .extra-buttons {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 12px;
}
.recurpay-account-body .address-container p {
	margin-bottom: 0px;
	line-height: 1.7em;
	font-size: 14px;
}
.recurpay-account-body .extra-buttons .btn {
	background: var(--recurpay_account_brand_color, #fff);
	white-space: inherit;
	width: 100%;
	border: 1px solid #343a40;
	color: var(--recurpay_account_button_text_color, #343a40);
	padding: 12px 10px;
	font-size: 14px;
	cursor: pointer;
}
.recurpay-account-body .cancellation-wrapper {
	display: block;
	width: 100%;
	font-size: 14px;
	text-align: center;
}
.recurpay-account-body .cancellation-wrapper .cancellation-cta-text {
	padding-left: 5px;
	color: #989898;
	cursor: pointer;
}
.recurpay-account-body .cancellation-wrapper .cancellation-cta-text:hover {
	text-decoration: underline;
}
.recurpay-account-body .line-break {
	border: 0;
	border-top: 1px solid rgba(231, 231, 231, 0.91);
}
.recurpay-account-body .subscription-status {
	width: fit-content;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	font-size: 0.8rem;
	align-items: center;
	background: #eee;
	margin: 0 auto;
	padding: 3px 10px;
}
.recurpay-account-body .plan-status,
.recurpay-account-body .shipping-status {
	width: fit-content;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	border-radius: 3px;
	text-transform: capitalize;
	float: right;
	height: 29px;
	font-size: 13px;
	letter-spacing: 1px;
	align-items: center;
	background: #fff;
	color: #000;
	padding: 3px 10px;
}
.recurpay-account-body .plan-status[data-status='halted'] {
	background: #ffc107;
	color: #fff;
}
.recurpay-account-body .plan-status[data-status='active'] {
	background: #fff;
	color: #008000;
}
.recurpay-account-body .plan-status[data-status='cancelled'] {
	color: #fff;
	background: #e13f3f;
}
.recurpay-account-body .shipping-status {
	position: absolute;
	right: 10px;
	top: 10px;
}
.recurpay-account-body .shipping-status[data-status='unfulfilled'] {
	color: #bc9c30;
}
.recurpay-account-body .shipping-status[data-status='fulfilled'] {
	color: #008068;
}
.recurpay-account-body .subscribe-header {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
}
.recurpay-account-body .plan-status i {
	font-size: 11px;
	padding-right: 5px;
}
.recurpay-account-body .switch {
	position: relative;
	margin-left: 17px;
	margin-top: 7px;
	display: inline-block;
	width: 48px;
	height: 26px;
}
.recurpay-account-body .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.recurpay-account-body .slider {
	position: absolute;
	cursor: pointer;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.recurpay-account-body .slider:before {
	position: absolute;
	content: '';
	height: 19px;
	width: 19px;
	left: -3px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	box-shadow: -1px 2px 4px 2px #357b38bd;
}
.recurpay-account-body .plan-status[data-status='inactive'] .slider:before {
	box-shadow: -1px 2px 4px 2px #b3b3b3bd;
	left: 6px;
}
.recurpay-account-body .plan-status[data-status='inactive'] .plan-switch {
	color: #f8c246;
}
.recurpay-account-body .recurpay-account-page .switch input + .slider {
	background-color: #e6e8e5;
}
.recurpay-account-body .recurpay-account-page .switch input:checked + .slider {
	background-color: #8cc775;
}
.recurpay-account-body .recurpay-account-page .switch input + .slider:before {
	box-shadow: -1px 2px 4px 2px #b7b7b7bd;
	left: 6px;
}
.recurpay-account-body
	.recurpay-account-page
	.switch
	input:checked
	+ .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	left: -2px;
	box-shadow: -1px 2px 4px 2px #357b38bd;
}
.recurpay-account-body .recurpay-account-page .plan-switch {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}
.recurpay-account-body .recurpay-account-page .slider.round {
	border-radius: 34px;
}
.recurpay-account-body .recurpay-account-page .slider.round:before {
	border-radius: 50%;
}
.recurpay-account-body .recurpay-account-page .card-header {
	padding: 20px 20px;
	background: #fff;
	cursor: pointer;
}
.recurpay-account-body .orderinfo-heading {
	color: #000;
	font-weight: 600;
	font-size: 15px;
	text-transform: capitalize;
}
.recurpay-account-body .orders-wrapper {
	padding: 0px;
}
.recurpay-account-body .side-break {
	padding-right: 30px;
	padding-left: 30px;
	font-size: 15px;
	border-right: 1px solid #eee;
}
.recurpay-account-body .side-break:first-child {
	padding-left: 0;
}
.recurpay-account-body .side-break:last-child {
	border: none;
}
.recurpay-account-body .date-headers {
	height: auto;
	font-weight: 600;
	font-size: 16px;
	color: #343a40;
}
.recurpay-account-body .recurpay-account-page .body-wrapper {
	width: 100%;
}
.recurpay-account-body .subscriptionPlan-status {
	background: #fff;
	border: 1px solid #46a07e;
	color: #46a07e;
	padding: 3px 12px;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	margin-top: 0px;
	margin-bottom: 0px;
	width: max-content;
	align-items: center;
	border-radius: 4px;
}
.recurpay-account-body .subscriptionPlan-status i {
	font-size: 18px;
	margin-left: 3px;
}
.recurpay-account-body .order-label[data-status='Created'] {
	color: #46a07e;
	background: #fff;
	font-weight: 600;
	padding: 2px 2px;
}
.recurpay-account-body .order-label[data-status='Fulfilled'] {
	color: #ff9800;
	background: #fff;
	font-weight: 600;
	padding: 2px 2px;
}
.recurpay-account-body .order-label[data-status='Pending'] {
	color: #e3a242;
	background: #fff;
	font-weight: 600;
	padding: 2px 2px;
}
.recurpay-account-body .order-label[data-status='Upcoming'] {
	color: #e3a242;
	background: #fff;
	font-weight: 600;
	padding: 2px 2px;
}
.recurpay-account-body .radio-selector {
	margin-right: 10px;
}
.recurpay-account-body .info-wrapper {
	text-align: left;
	color: #545454;
	padding: 5px 20px;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.recurpay-account-body .charge-container {
		width: 50% !important;
		padding: 10px 10px 5px 10px;
		border-right: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
	}
	.recurpay-account-body .charge-container:nth-of-type(2) {
		border-right: none;
	}
	.recurpay-account-body .charge-container:nth-of-type(3) {
		border-bottom: none;
		padding: 5px 10px 5px 0;
	}
	.recurpay-account-body .charge-container:nth-of-type(4) {
		border: none;
	}
}
@media (min-width: 992px) {
	.recurpay-account-body .navbar-expand-lg .navbar-collapse {
		display: block !important;
	}
}
.recurpay-account-body .account-flex-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 55px 10px 55px;
}
.recurpay-account-body .account-flex-wrapper .account-header {
	padding: 0px;
}
.recurpay-account-body .account-header {
	display: flex;
	align-items: center;
	font-size: 24px;
	text-align: left;
	padding: 30px 55px 10px 55px;
	margin-bottom: 0;
}
.recurpay-account-body .account-header i {
	padding-right: 2px;
	text-decoration: none;
}
.recurpay-account-body .recurpay-account-page a.decoration-none {
	text-decoration: none;
}
.recurpay-account-body .recurpay-account-page a.decoration-none:hover span {
	text-decoration: underline;
}
.recurpay-account-body .outer-wrap {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	padding: 25px 40px;
}
.recurpay-account-body .contact-header {
	font-size: 19px;
	font-weight: 600;
	color: #000;
	text-transform: capitalize;
	padding-top: 15px;
	padding-bottom: 15px;
}
.recurpay-account-body .subcription-card {
	padding-top: 34px;
}
.recurpay-account-body .billing-details {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	padding-top: 10px;
}
.recurpay-account-body .charge-container {
	position: relative;
	width: 25%;
	padding: 5px 10px;
	border-right: 1px solid #e8e8e8;
}
.recurpay-account-body .charge-container:nth-of-type(1) {
	padding: 5px 10px 5px 0;
}
.recurpay-account-body .charge-container:nth-of-type(4) {
	border: none;
}
.recurpay-account-body .recurpay-account-page .side-panel {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
}
.recurpay-account-body .recurpay-account-page .main-panel {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.recurpay-account-body .recurpay-account-page .first-column {
	width: 61%;
}
.recurpay-account-body
	.recurpay-account-page.subscription-details-page
	.first-column {
	width: 70%;
}
.recurpay-account-body .recurpay-account-page .card-header {
	padding: 20px 20px;
	border: none;
	box-shadow: 0px 2px 0px 0px #eee;
}
.recurpay-account-body .order-label {
	background: #e3a242;
	padding: 2px 15px;
	color: #fff;
	font-size: 15px;
	border-radius: 2px;
	float: right;
}
.recurpay-account-body .details-head {
	font-size: 17px;
	font-weight: 700;
	padding: 18px 0px;
	display: block;
	color: #343a40;
}
.recurpay-account-body .recurpay-account-page .contact-info {
	padding-left: 10px;
}
.recurpay-account-body .recurpay-account-page .contact-info i {
	padding-right: 10px;
	font-size: 24px;
	color: var(--primary-color, '#46a07e');
}
.recurpay-account-body .recurpay-account-page .contact-info img {
	margin-right: 10px;
}
.recur-logo-header {
	text-align: center;
	padding: 15px 0px;
	background: #fff;
	margin: 0 auto;
	position: relative;
}
.recur-logo-back-icon {
	position: absolute;
	left: 45px;
	color: #919191;
	top: 50%;
	transform: translateY(-50%);
}
.recur-logo-back-icon:hover {
	color: #000;
	text-decoration: none;
}
.recur-logo-header a {
	color: #686868;
	text-decoration: none;
	background-color: transparent;
}
@media screen and (max-width: 768px) {
	.recur-logo-back-icon {
		left: 15px;
	}
}
.recurpay-account-body .mfp-popup {
	position: relative;
	background: #fff;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 4px;
}
.recurpay-account-body .mfp-popup .content-wrapper {
	font-size: 16px;
	text-align: left;
	padding-top: 0px;
}
.recurpay-account-body .mfp-popup h2 {
	font-size: 19px;
	max-width: 430px;
	margin: 0 auto;
	padding: 0 15px;
	line-height: 28px;
	padding-bottom: 12px;
	padding-left: 0px;
	margin-left: 0px;
	text-transform: inherit;
}
.recurpay-account-body .popup-btn {
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	color: #5b5b5b;
	min-width: 120px;
	min-height: 40px;
	font-weight: 600;
	margin: 5px 0px 10px 0px;
	outline: 0;
	cursor: pointer;
}
.recurpay-account-body .confirm-btn {
	background: var(--recurpay_account_brand_color, #46a07e);
	border: none;
	color: var(--recurpay_account_button_text_color, #fff);
	min-width: 150px;
	min-height: 40px;
	font-weight: 600;
	margin: 20px 5px;
	padding: 5px 30px;
	outline: 0;
	cursor: pointer;
}
.recurpay-account-body .update-short-desc {
	font-size: 14px;
	display: block;
	font-weight: 500;
	color: #696969;
	line-height: normal;
	padding-top: 5p;
	padding-top: 5px;
}
.recurpay-account-body .confirm-btn a {
	text-decoration: none;
	color: #fff;
}
.recurpay-account-body .mfp-popup .button-wrapper {
	text-align: right;
}
.recurpay-account-body .plan-list {
	padding-top: 10px;
}
.recurpay-account-body .plan-list ul {
	padding-left: 0px;
}
.recurpay-account-body .plan-list li {
	text-align: left;
	list-style: none;
	margin: 15px 0px;
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	background: #fff;
	position: relative;
}
.recurpay-account-body .plan-list li:first-child {
	margin-top: 0px;
}
.recurpay-account-body .plan-list li.current label {
	cursor: not-allowed;
	padding-right: 70px;
}
.recurpay-account-body .plan-list li label {
	width: 100%;
	padding: 8px 15px;
	font-size: 14px;
	display: flex;
	color: #323232;
	align-items: center;
	margin-bottom: 0;
}
.recurpay-account-body .plan-list li.current label:after {
	content: 'Current';
	right: 10px;
	color: #46a07e;
	position: absolute;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	top: 8px;
}
.recurpay-account-body .current_mode {
	font-weight: 700;
	text-transform: capitalize;
}
.recurpay-account-body .text-center {
	text-align: center !important;
}
.recurpay-account-body .confirm-cancel,
.recurpay-account-body .cancel-renewal,
.recurpay-account-body .confirm-skip,
.recurpay-account-body .confirm-change {
	display: block;
	text-decoration: underline !important;
	color: #484848 !important;
	margin: 0 auto;
}
.recurpay-account-body button.confirm-change.confirm-btn {
	margin: 0 auto !important;
	margin-top: 0 !important;
}
.recurpay-account-body .btn--primary {
	background: #46a07e;
	color: #fff;
	cursor: pointer;
}
.recurpay-account-body .subscription-card {
	border-top: 1px solid #eee;
	padding-bottom: 20px;
}
.recurpay-account-body .subscription-card:first-child {
	border: none;
}
.recurpay-account-body {
	background: #f5f5f7;
	border-top: 1px solid #eee;
	font-size: 15px;
	/* font-family: 'Nunito', sans-serif; */
	padding-top: 0px;
	color: #686868;
	max-width: 1440px;
	margin: 0 auto;
}
.recurpay-account-body *:focus-visible {
	outline: none;
	box-shadow: none;
}
.recurpay-account-body .subscription-card {
	width: 100%;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 30px 20px;
	margin-bottom: 25px;
}
.recurpay-account-body .sticky-div {
	display: block;
	padding: 0px 0;
}
.recurpay-account-body .recurpay-account-page .show-mobile {
	display: none;
}
.recurpay-account-body .recurpay-account-page .hide-mobile {
	display: block;
}
.recurpay-account-body .order-breaker {
	display: none;
}
.recurpay-account-body .navbar-toggler {
	display: none;
}
.recurpay-account-body .form__field.row {
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -0.5rem;
	margin-left: -0.5rem;
}
.recurpay-account-body .form__input-wrapper {
	position: relative;
	padding: 0.4em 0;
}
.recurpay-account-body .form__input-wrapper label {
	font-size: 14px;
	padding-left: 2px;
	color: #323232;
	display: block;
	margin-bottom: 0.5rem;
}
.recurpay-account-body .form__input-wrapper .form__input {
	width: 100%;
	word-break: normal;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	background-color: #ffffff;
	color: #333333;
	transition: all 0.2s ease-out;
	padding: 0 1em;
	height: 44px;
	outline: none;
	font-size: 14px;
	touch-action: manipulation;
}
.recurpay-account-body .form__input-wrapper .col,
.recurpay-account-body .col-1,
.recurpay-account-body .col-10,
.recurpay-account-body .col-11,
.recurpay-account-body .col-12,
.recurpay-account-body .col-2,
.recurpay-account-body .col-3,
.recurpay-account-body .col-4,
.recurpay-account-body .col-5,
.recurpay-account-body .col-6,
.recurpay-account-body .col-7,
.recurpay-account-body .col-8,
.recurpay-account-body .col-9,
.recurpay-account-body .col-auto,
.recurpay-account-body .col-lg,
.recurpay-account-body .col-lg-1,
.recurpay-account-body .col-lg-10,
.recurpay-account-body .col-lg-11,
.recurpay-account-body .col-lg-12,
.recurpay-account-body .col-lg-2,
.recurpay-account-body .col-lg-3,
.recurpay-account-body .col-lg-4,
.recurpay-account-body .col-lg-5,
.recurpay-account-body .col-lg-6,
.recurpay-account-body .col-lg-7,
.recurpay-account-body .col-lg-8,
.recurpay-account-body .col-lg-9,
.recurpay-account-body .col-lg-auto,
.recurpay-account-body .col-md,
.recurpay-account-body .col-md-1,
.recurpay-account-body .col-md-10,
.recurpay-account-body .col-md-11,
.recurpay-account-body .col-md-12,
.recurpay-account-body .col-md-2,
.recurpay-account-body .col-md-3,
.recurpay-account-body .col-md-4,
.recurpay-account-body .col-md-5,
.recurpay-account-body .col-md-6,
.recurpay-account-body .col-md-7,
.recurpay-account-body .col-md-8,
.recurpay-account-body .col-md-9,
.recurpay-account-body .col-md-auto,
.recurpay-account-body .col-sm,
.recurpay-account-body .col-sm-1,
.recurpay-account-body .col-sm-10,
.recurpay-account-body .col-sm-11,
.recurpay-account-body .col-sm-12,
.recurpay-account-body .col-sm-2,
.recurpay-account-body .col-sm-3,
.recurpay-account-body .col-sm-4,
.recurpay-account-body .col-sm-5,
.recurpay-account-body .col-sm-6,
.recurpay-account-body .col-sm-7,
.recurpay-account-body .col-sm-8,
.recurpay-account-body .col-sm-9,
.recurpay-account-body .col-sm-auto,
.recurpay-account-body .col-xl,
.recurpay-account-body .col-xl-1,
.recurpay-account-body .col-xl-10,
.recurpay-account-body .col-xl-11,
.recurpay-account-body .col-xl-12,
.recurpay-account-body .col-xl-2,
.recurpay-account-body .col-xl-3,
.recurpay-account-body .col-xl-4,
.recurpay-account-body .col-xl-5,
.recurpay-account-body .col-xl-6,
.recurpay-account-body .col-xl-7,
.recurpay-account-body .col-xl-8,
.recurpay-account-body .col-xl-9,
.recurpay-account-body .col-xl-auto {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.recurpay-account-body .recurpay-account-page .form__content {
	padding-top: 5px;
}
.recurpay-account-body .shipping-addressPopup.mfp-popup {
	max-width: 585px;
}
.recurpay-account-body .shipping-addressPopup .button-wrapper {
	text-align: right;
}
.recurpay-account-body .shipping-addressPopup .confirm-btn {
	min-width: 170px;
	cursor: pointer;
}
.recurpay-account-body .shipping-addressPopup .confirm-btn:disabled {
	min-width: 170px;
	cursor: pointer;
	opacity: 0.4;
}
@media (min-width: 992px) and (max-width: 1024px) {
	.recurpay-account-body .recurpay-account-page .first-column {
		width: 70%;
	}
	.recurpay-account-body .subscription-container table th {
		min-width: 135px;
	}
	.recurpay-account-body .info-container {
		padding-right: 0;
	}
}
@media screen and (max-width: 768px) {
	.recurpay-account-body body {
		padding: 0;
	}
	.recurpay-account-body .outer-wrap {
		display: block;
		padding: 15px 15px;
	}
	.recurpay-account-body .recurpay-account-page .main-section {
		display: block;
		border: none;
	}
	.recurpay-account-body .recurpay-account-page .main-container {
		padding: 0;
		margin: 0;
	}
	.recurpay-account-body .recurpay-account-page .sticky-div {
		display: block;
		padding: 15px 0;
	}
	.recurpay-account-body .mfp-wrap {
		height: 100% !important;
	}
	.recurpay-account-body .subscription-container {
		flex-direction: column;
		height: auto;
		border: 1px solid #eee;
		border-radius: 5px;
	}
	.recurpay-account-body .skip-subscription-text {
		margin-right: 0;
	}
	.recurpay-account-body .orders-wrapper .subscription-container.active {
		display: block;
		overflow: hidden;
	}
	.recurpay-account-body .subscription-container img {
		min-height: 140px;
		object-fit: contain;
		max-height: 200px;
	}
	.recurpay-account-body .subscriptionPlan-status {
		margin-top: 0px;
		margin-bottom: 0;
		padding: 2px 10px;
	}
	.recurpay-account-body .subscription-table h3 {
		padding-top: 15px;
		font-size: 21px;
	}
	.recurpay-account-body .side-break {
		padding: 5px 7px;
		text-align: center;
		font-size: 13px;
	}
	.recurpay-account-body .recurpay-account-page .main-panel {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.recurpay-account-body .recurpay-account-page .first-column {
		width: 100%;
	}
	.recurpay-account-body
		.recurpay-account-page.subscription-details-page
		.first-column {
		width: 100%;
	}
	.recurpay-account-body .recurpay-account-page .info-container {
		width: auto;
		padding: 0px 0 10px 0;
		height: auto;
		margin-left: 0px;
		margin-bottom: 20px;
	}
	.recur-logo-header {
		padding: 15px 0px;
	}
	.recurpay-account-body .account-header {
		font-size: 22px;
		padding: 5px 20px;
	}
	.recurpay-account-body .starting-date {
		width: 30%;
	}
	.recurpay-account-body .billing-date {
		width: 45%;
	}
	.recurpay-account-body .plan-amount {
		width: 25%;
	}
	.recurpay-account-body .date-headers {
		font-size: 14px;
		font-weight: 700;
	}
	.recurpay-account-body .subscription-table {
		padding: 0;
	}
	.recurpay-account-body .subscription-container {
		border: none;
		padding: 2px 10px;
		padding-left: 15px;
	}
	.recurpay-account-body .recurpay-account-page .show-mobile {
		display: block;
	}
	.recurpay-account-body .recurpay-account-page .hide-mobile {
		display: none;
	}
	.recurpay-account-body .recurpay-account-page .mob-flex {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		align-items: center;
	}
	.recurpay-account-body .recurpay-account-page .mobile-sideFlex {
		padding-left: 20px;
	}
	.recurpay-account-body .recurpay-account-page .mob-flex img {
		width: 30%;
	}
	.recurpay-account-body .recurpay-account-page .address-container h6 {
		padding-bottom: 0;
		font-size: 13px;
	}
	.recurpay-account-body .recurpay-account-page .address-container p {
		font-size: 14px;
	}
	.recurpay-account-body .recurpay-account-page .orderinfo-heading {
		font-size: 13px;
	}
	.recurpay-account-body .recurpay-account-page .order-label {
		font-size: 13px;
		top: 10px;
	}
	.recurpay-account-body .recurpay-account-page .card-header {
		padding: 12px 15px;
	}
	.recurpay-account-body .recurpay-account-page .details-head {
		display: none;
	}
	.recurpay-account-body .subscription-container table tr {
		flex-direction: column;
	}
	.recurpay-account-body .subscription-container table th {
		width: 100%;
		font-size: 15px;
		text-align: left;
		font-weight: 700;
		padding-bottom: 10px;
	}
	.recurpay-account-body .subscription-container table td {
		font-size: 14px;
		color: #595959;
	}
	.recurpay-account-body .extra-buttons .btn {
		padding: 8px 10px;
		font-size: 13px;
	}
	.recurpay-account-body .subscriptionPlan-status {
		font-size: 14px;
	}
	.recurpay-account-body .subscriptionPlan-status i {
		font-size: 10px;
	}
	.recurpay-account-body .mfp-popup {
		padding: 15px;
	}
	.recurpay-account-body .mfp-popup h2 {
		font-size: 17px;
	}
	.recurpay-account-body .popup-btn,
	.recurpay-account-body .confirm-btn {
		margin: 5px 5px 15px 5px;
		cursor: pointer;
	}
	.recurpay-account-body .payment-details {
		padding-top: 20px;
	}
	.recurpay-account-body .recurpay-account-page .first-column {
		display: block !important;
	}
	.recurpay-account-body .order-breaker {
		display: block;
		font-size: 16px;
		padding-bottom: 15px;
		padding-left: 5px;
	}
	.recurpay-account-body .recurpay-account-page .collapse.show {
		padding: 15px;
		height: 100vh;
		background: #fff;
		overflow: scroll;
	}
	.recurpay-account-body .main-wrapper {
		padding-top: 15px;
	}
	.recurpay-account-body .subscription-card {
		width: 100%;
		border: 1px solid #eee;
		border-radius: 5px;
		padding: 0;
		padding-bottom: 20px;
	}
	.recur-logo-header {
		z-index: 99999;
		top: 0;
		width: 100%;
		background: #fff;
	}
	.recurpay-account-body .navbar-toggler {
		display: block;
		position: absolute;
		left: 5px;
		z-index: 999;
	}
	.recurpay-account-body .navbar-toggler:focus {
		outline: none;
	}
	.recurpay-account-body .recurpay-account-page .collapsing {
		position: relative;
		height: 0;
		overflow: hidden;
		-webkit-transition-property: height, visibility;
		transition-property: height, visibility;
		-webkit-transition-duration: 0.35s;
		transition-duration: 0.35s;
		-webkit-transition-timing-function: ease;
		transition-timing-function: ease;
		background: #fff;
	}
	.recurpay-account-body .recurpay-account-page .collapsing.width {
		-webkit-transition-property: width, visibility;
		transition-property: width, visibility;
		width: 0;
		height: auto;
	}
	.recurpay-account-body .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(160, 160, 160, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.recurpay-account-body .recurpay-account-page .navbar-collapse {
		margin-top: 60px;
		padding: 15px;
	}
	.recurpay-account-body .recurpay-account-page .fixed-top {
		padding: 0;
		z-index: 100;
	}
	.recurpay-account-body .shipping-addressPopup .confirm-btn {
		padding: 12px;
		margin: 20px 0px 10px 0px;
	}
}
.recurpay-account-body .recurpay-account-page .card-link {
	text-decoration: none;
}
.recurpay-account-body .subscription-card:hover {
	box-shadow: 1px -1px 14px 0px #eee;
}
.recurpay-account-body .error-message {
	display: none;
	color: #e82828;
	text-align: left;
	font-size: 13px;
	padding-left: 5px;
	padding-top: 8px;
}
.recurpay-account-body button :hover {
	cursor: pointer !important;
}
.recurpay-account-body #errorMsg.mfp-popup h2 {
	font-weight: 100;
	font-size: 17px;
}
.recurpay-account-body #errorMsg .popup-btn {
	background: #e02222;
}
.recurpay-account-body .recurpay-account-page .shop-logo {
	max-width: 140px;
	max-height: 120px;
}
.recurpay-account-body .skip-subscription-text {
	margin: 0;
	border-radius: 4px;
	margin-bottom: 0px;
	box-shadow: 1px 1px 2px #efefef;
	border: 1px solid #f1f1f1;
	border-left: 3px solid var(--recurpay_account_brand_color, #f0aa40);
	background: var(
		--recurpay_account_account_color,
		var(--recurpay_account_brand_color, #fff)
	);
	color: #f0aa40;
	display: flex;
	font-size: 15px;
	align-items: center;
	font-weight: 500;
	padding: 12px 20px;
	margin: 15px 55px;
	text-align: left;
}
.recurpay-account-body .skip-subscription-text i {
	color: #f0aa40;
	padding-right: 10px;
}
.recurpay-account-body button:disabled {
	opacity: 0.8;
	pointer-events: none;
}
.recurpay-account-body .btn-loader {
	position: absolute;
	opacity: 0;
	top: 9px;
	left: 42%;
	height: 20px;
	width: 20px;
}

.recurpay-account-body #updateEditedSubscription .btn-loader {
	left: 46%;
	height: 21px;
	width: 21px;
}
.recurpay-account-body .btn--loading .btn-loader {
	opacity: 1;
	pointer-events: none !important;
}
.recurpay-account-body .popup-btn {
	position: relative;
}
.recurpay-account-body .btn--loading .btn-content {
	opacity: 0;
	pointer-events: none !important;
}
.recurpay-account-body .tooltipBling {
	position: relative;
	display: inline-block;
	height: auto;
	color: #9d9b90;
	text-align: center;
	line-height: 20px;
	left: 2px;
	top: 0;
}
.recurpay-account-body .tooltipBling .tooltiptext {
	visibility: hidden;
	width: 200px;
	max-width: 300px;
	background-color: #faf7dd;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: -20px;
	left: 40px;
	font-style: initial;
	border: 1px solid #fdea9c;
	color: #595958;
	letter-spacing: 0.5px;
	padding: 4px 7px;
	font-size: small;
}
.recurpay-account-body .tooltipBling .tooltiptext::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 18px solid #fdea9c;
	position: absolute;
	left: -19px;
	bottom: 8px;
}
.recurpay-account-body .tooltipBling:hover .tooltiptext {
	visibility: visible;
}
.recurpay-account-body .input-wrapper {
	position: relative;
}
.recurpay-account-body .input-wrapper .calendar-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 8px;
	font-size: 20px;
	color: #636363;
}
.recurpay-account-body .input-wrapper input#renewUpdateDate,
.recurpay-account-body .input-wrapper input#skipCustomDate {
	padding-left: 35px;
	margin-bottom: 5px;
}
@media (max-width: 768px) {
	.recurpay-account-body .tooltipBling .tooltiptext {
		top: -66px;
		left: -166px;
	}
	.recurpay-account-body .tooltipBling .tooltiptext::before {
		content: '';
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-right: 10px solid transparent;
		border-top: 12px solid #fdea9c;
		position: absolute;
		left: initial;
		bottom: -22px;
		right: 17px;
	}
}
.recurpay-account-body td.active.day {
	background: green;
	color: #fff;
	border-radius: 1000px;
}
.recurpay-account-body .datepicker .datepicker-days tbody tr td.active.day {
	background: green;
	color: #fff;
	border-radius: 1000px;
}
.recurpay-account-body .datepicker .datepicker-days {
	padding: 5px 19px;
}
.recurpay-account-body .datepicker .datepicker-days tbody tr td {
	padding: 8px 10px;
	text-align: center;
}
.recurpay-account-body .datepicker .datepicker-days tbody tr td.disabled {
	color: rgba(0, 0, 0, 0.16);
}
.recurpay-account-body .datepicker .datepicker-days thead tr .datepicker-switch,
.recurpay-account-body .datepicker .datepicker-days thead tr th.dow {
	text-align: center;
}
.recurpay-account-body .datepicker .datepicker-days thead tr th.dow {
	padding-bottom: 10px;
}
.recurpay-account-body input#renewUpdateDate,
.recurpay-account-body input#skipCustomDate {
	border-radius: 4px;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.12);
	padding: 8px 12px;
	margin: 10px 0px;
	font-size: 14px;
	color: #0000009e;
	letter-spacing: normal;
}
.recurpay-account-body input#renewUpdateDate:focus,
.recurpay-account-body input#skipCustomDate:focus {
	outline: 0;
}
.recurpay-account-body .date_select_wrap .button_wrap {
	margin-top: 10px;
}
.recurpay-account-body .date_select_wrap .button_wrap a {
	background-color: transparent;
	color: #000;
	padding-top: 10px;
	display: inline-block;
	font-size: 13px;
	margin: 0;
	text-decoration: underline;
}
.recurpay-account-body .date_select_wrap .button_wrap input {
	width: 150px;
	background: #30a530;
	color: #fff;
	padding: 8px 0px;
	border: 0;
	margin-top: 8px;
	border-radius: 4px;
	letter-spacing: 1.4px;
}
.recurpay-account-body .date_select_wrap .button_wrap input:focus {
	outline: 0;
}
.recurpay-account-body p.successfullMsg {
	color: green;
	display: none;
	font-size: 14px;
}
.recurpay-account-body .date_select_wrap {
	width: 100%;
	margin: 0 auto;
}
.recurpay-account-body .clearFixDiv {
	clear: both;
	overflow: hidden;
}
.recurpay-account-body .ui-widget-content {
	border: 1px solid #9c947c;
	background: #fff;
	color: #ffffff;
}
.recurpay-account-body .ui-widget-header {
	border: 1px solid var(--recurpay_account_brand_color, #46a07e);
	background: var(--recurpay_account_brand_color, #46a07e);
	color: #fff;
	font-weight: bold;
}
.recurpay-account-body .ui-state-default,
.recurpay-account-body .ui-widget-content .ui-state-default,
.recurpay-account-body .ui-widget-header .ui-state-default {
	border: 1px solid #dbe6e2;
	background: #fff;
	font-weight: bold;
	color: #0000009c;
	text-align: center;
}
.recurpay-account-body .ui-state-active,
.recurpay-account-body .ui-widget-content .ui-state-active,
.recurpay-account-body .ui-widget-header .ui-state-active {
	border: 1px solid var(--recurpay_account_brand_color, #46a07e);
	background: var(--recurpay_account_brand_color, #46a07e);
	font-weight: bold;
	color: #fff;
}
.recurpay-account-body .ui-state-hover,
.recurpay-account-body .ui-widget-content .ui-state-hover,
.recurpay-account-body .ui-widget-header .ui-state-hover,
.recurpay-account-body .ui-state-focus,
.recurpay-account-body .ui-widget-content .ui-state-focus,
.recurpay-account-body .ui-widget-header .ui-state-focus {
	border: 1px solid #fff;
	background: #fff;
	font-weight: bold;
	color: var(--recurpay_account_brand_color, #46a07e);
}
.recurpay-account-body .ui-datepicker .ui-datepicker-prev,
.recurpay-account-body .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
	background: #fff;
	color: #000 !important;
	border: 0 !important;
}
.recurpay-account-body p.errorDate {
	display: none;
	padding: 8px 0px 0px;
	color: #ff0000;
	margin: 0;
}
.recurpay-account-body input#submit_renewSubscription[disabled='disabled'] {
	background: grey;
	color: #c7c5c5;
	pointer-events: none;
}
.recurpay-account-body .response {
	position: relative;
	width: 100%;
	transition: all 0.3s linear;
	z-index: 1;
	background: #fff;
}
.recurpay-account-body .feedback_response_holder {
	transform: translateX(115%);
	opacity: 0;
	margin-top: -180px;
}
.recurpay-account-body .feedback_response_holder .response_button {
	margin: 0 auto;
	width: 70%;
	display: block;
	margin-top: 30px;
}
.recurpay-account-body .animate {
	transform: translateX(0);
	z-index: 2;
	opacity: 1;
}
.recurpay-account-body .confirmation_response_holder.animate {
	transform: translateX(-100%);
	z-index: 1;
	opacity: 0;
}
.recurpay-account-body .feedback_response_holder .back_btn,
.recurpay-account-body .feedback_response_holder .submit,
.recurpay-account-body .response_button {
	width: 134px;
	display: inline-block;
	line-height: 1.2;
	padding: 6px;
	margin: 12px 22px;
	border: 1px solid;
	border-radius: 8px;
	background: #fff;
	color: #000;
	outline: none !important;
	cursor: pointer;
}
.recurpay-account-body .response_button.active,
.arecurpay-account-body .response_button.selected {
	background: #30a530;
	color: #fff !important;
}
.recurpay-account-body .submit_holder {
	margin-top: 35px;
}
.recurpay-account-body .feedback_response {
	display: block;
	margin: 0 auto;
	width: 50%;
	margin-top: 10px;
	border: 0;
	padding: 9px;
}
.recurpay-account-body#confirm_cancel {
	margin: 20px 0;
}
.recurpay-account-body .feedback_response_holder .confirm-cancel {
	text-decoration: none !important;
	color: #000 !important;
}
.recurpay-account-body .subscription_feedback_div textarea,
.recurpay-account-body .subscription_other_feedback_div textarea {
	height: 135px;
	width: 100%;
	padding: 10px 10px;
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	margin-top: 0px;
	font-size: 14px;
	outline: none !important;
}
.recurpay-account-body .subscription_feedback_div,
.recurpay-account-body .subscription_other_feedback_div {
	margin: 15px 0px;
	display: none;
}
.recurpay-account-body .warning_textbox {
	font-size: 12px;
	color: red;
	display: none;
}
@media (max-width: 749px) {
	.recurpay-account-body .form_content {
		width: 320px;
	}
	.recurpay-account-body .feedback_response_holder {
		margin-top: -195px;
	}
}
.recurpay-account-body .warning_red {
	color: red;
}
.recurpay-account-body .radio-wrapper label {
	cursor: pointer !important;
}
.recurpay-account-body .warning_red_placeholder::-webkit-input-placeholder {
	color: red;
}
.recurpay-account-body .label-sideFlex {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.recurpay-account-body .label-sideFlex .subscriptionPlan-status {
	margin-right: 12px;
}
.recurpay-account-body .item_property_link {
	color: #46a07e;
	display: flex;
	width: fit-content;
	cursor: pointer;
	font-size: 14px;
	align-items: center;
}
.recurpay-account-body .item_property_wrapper {
	display: none;
	font-size: 14px;
	padding-bottom: 15px;
}
.recurpay-account-body .item_property_list {
	display: block;
	padding: 2px 0;
}
.recurpay-account-body .item_property_title {
	font-weight: 600;
	color: #323232;
	padding-right: 5px;
}
.recurpay-account-body .subscription-box {
	background: #fff;
	margin-bottom: 30px;
}
.recurpay-account-body .list-subscription-box.subscription-box {
	display: none;
}
.recurpay-account-body .subscription-billing {
	padding: 0px 30px;
	box-shadow: 0px 1px 2px var(--recurpay_account_heading_text_color, #efefef);
}
.recurpay-account-body .billing-details {
	justify-content: space-between;
	padding: 15px 0px;
}
.recurpay-account-body .billing-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.recurpay-account-body .billing-list img,
.recurpay-account-body .billing-list svg {
	width: 35px;
	height: auto;
	margin-right: 20px;
}
.recurpay-account-body .billing-list svg .a {
	fill: var(--primary-color, #46a07e);
	stroke: var(--primary-color, #46a07e);
	stroke-width: 0.4px;
}

.recurpay-account-body .billing-side-info span {
	display: block;
	padding-bottom: 5px;
}
.recurpay-account-body .subscription-product-list {
	padding: 15px 30px;
}
.recurpay-account-body .prepaid-subscription-product-list {
	padding: 15px 30px;
}
.recurpay-account-page.subscription-details-page .subscription-prod-heading {
	padding-bottom: 25px;
}
.recurpay-account-body .subscription-prod-heading {
	display: flex;
	font-size: 18px;
	font-weight: 600;
	color: #000;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 15px;
	padding-top: 10px;
}
.recurpay-account-body .subscription-product-list ul li {
	display: flex;
	justify-content: space-between;
	color: #000;
	padding: 10px 0px 10px 0px;
}
.recurpay-account-body .subscription-product-list ul li.bundle-item {
	position: relative;
	padding-bottom: 23px;
}
.recurpay-account-body
	.subscription-product-list
	ul
	li.bundle-item
	.bundle-plus-icon.custom-tooltip {
	position: absolute;
	top: 80%;
	left: 2%;
	margin-top: 1px;
}
.recurpay-account-body
	.subscription-product-list
	ul
	li.bundle-item.bunndle-item-with-variant
	.bundle-plus-icon.custom-tooltip {
	margin-top: 2px;
}
.recurpay-account-body
	.subscription-product-list
	ul
	li.bundle-item:last-child
	.bundle-plus-icon.custom-tooltip {
	display: none;
}
.bundle-plus-icon.custom-tooltip--bottom::before,
.bundle-plus-icon.custom-tooltip--bottom::after {
	z-index: 20;
}

.recurpay-account-body .prepaid-subscription-product-list ul li {
	display: flex;
	justify-content: space-between;
	color: #000;
	padding: 10px 0px 10px 0px;
}
.recurpay-account-body .subscription-prod-description {
	display: flex;
	align-items: center;
}
.recurpay-account-body .subscription-prod-description img {
	width: 50px;
	height: 50px;
	margin-right: 15px;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
}
.recurpay-account-body .subscription-prod-variant {
	display: block;
	color: #777777;
	font-size: 12px;
}
.recurpay-account-body .subscription-prod-desc {
	display: flex;
	align-items: center;
	padding-top: 1px;
	font-size: 12px;
	color: #777777;
	cursor: pointer;
}
.recurpay-account-body .subscription-prod-variant.change-variant {
	display: flex;
	align-items: center;
	padding-top: 5px;
	font-size: 15px;
	color: #777777;
	cursor: pointer;
}
.recurpay-account-body
	.subscription-prod-variant.change-variant
	.change-variant-btn {
	font-size: 14px;
	color: #46a07e;
	text-decoration: underline;
	padding-left: 8px;
}
.recurpay-account-body .subscription-list-price {
	display: block;
}
.recurpay-account-body .subscription-list-qty {
	display: block;
}
.recurpay-account-body .subscription-action {
	padding: 20px 30px 20px 30px;
	text-align: right;
	box-shadow: 0px -1px 2px var(--recurpay_account_heading_text_color, #efefef);
}
.recurpay-account-body .view-subscription-btn,
.recurpay-account-body .edit-subscription-btn {
	display: inline-flex;
	align-items: center;
	margin: 0 auto;
	background: var(--button-background-color, #46a07e);
	color: var(--recurpay_account_button_text_color, #fff);
	font-size: 15px;
	padding: 10px 30px;
	cursor: pointer;
}
.recurpay-account-body .view-subscription-btn i,
.recurpay-account-body .edit-subscription-btn i {
	padding-right: 8px;
	font-size: 16px;
}
.recurpay-account-body .edit-subscription-btn {
	float: right;
	margin: 0;
	background: #46a07e;
	color: #fff;
	font-size: 15px;
	padding: 8px 25px;
	cursor: pointer;
}
.recurpay-account-body .edit-subscription-btn a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.recurpay-account-body .trans-history-btn {
	float: right;
	margin: 0;
	background: #fff;
	color: #46a07e;
	border: 1px solid #46a07e;
	font-size: 15px;
	padding: 8px 25px;
	cursor: pointer;
}
.recurpay-account-body .padding-box {
	padding: 20px 20px;
	background: #fff;
	margin-bottom: 20px;
}
.recurpay-account-body .next-delivery-date {
	font-size: 24px;
	font-weight: 600;
	color: #000;
}
.recurpay-account-body .next-delivery-date-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.recurpay-account-body .subscription-info-wrapper {
	box-shadow: 0px 1px 2px var(--recurpay_account_heading_text_color, #efefef);
	padding: 15px 20px 15px 30px;
}
.recurpay-account-body .subscription-id-head {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	color: #000;
}
.recurpay-account-body button.secondary-color:disabled {
	background: #f1f1f1 !important;
	color: #8c9196 !important;
	font-weight: 100;
	font-size: 14px;
	opacity: 1;
	pointer-events: none;
}
.recurpay-account-body button.secondary-color:before {
	box-shadow: unset;
}
.recurpay-account-body button.secondary-color:after {
	box-shadow: unset;
}
.recurpay-account-body .subscription-info-wrapper .subscriptionPlan-status {
	border-radius: 30px;
	padding: 2px 15px;
	font-size: 14px;
	border: none;
	font-weight: 700;
	text-transform: capitalize;
	display: inline-flex;
	float: right;
	border: none !important;
}
.recurpay-account-body .main-wrapper {
	max-width: 1280px;
	margin: 0 auto;
}
.recurpay-account-body .subscription-prod-heading .view-subscription-btn {
	float: right;
	margin: 0;
	padding: 8px 20px;
}
.recurpay-account-body .subtext-detailed-wrapper {
	display: none;
}
.recurpay-account-body .view-detailed-link {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 12px;
	margin-top: 7px;
	color: #737373;
}
.recurpay-account-body .view-detailed-span {
	font-size: 12px;
}
.recurpay-account-body .view-detailed-span:hover {
	text-decoration: underline;
	cursor: pointer;
}
.recurpay-account-body .view-detailed-link i {
	font-size: 18px;
	font-weight: 300;
}

.recurpay-account-body .total-price-wrapper {
	text-align: right;
	padding: 20px 30px;
	border-top: 1px dashed var(--recurpay_account_heading_text_color, #e2e2e2);
	color: #323232;
	font-weight: 600;
}
.recurpay-account-body .total-price-head {
	font-size: 17px;
}
.recurpay-account-body .total-price-divider {
	padding-left: 15px;
	padding-right: 15px;
}
.recurpay-account-body .total-price-info {
	font-size: 18px;
	font-weight: 700;
}
.recurpay-account-body .subtext-price-wrapper {
	text-align: right;
	font-size: 14px;
	color: #777;
	padding: 10px 30px;
	border-top: 1px dashed #e2e2e2;
	font-weight: 600;
}
.recurpay-account-body .subtext-price-head {
	font-size: 14px;
	font-weight: 500;
}
.recurpay-account-body .subtext-price-divider {
	padding-left: 15px;
	padding-right: 15px;
}
.recurpay-account-body .subtext-price-info {
	font-size: 14px;
	font-weight: 500;
}
.recurpay-account-body .greyed-out {
	color: #777777;
}
.recurpay-account-body .new-card-shadow {
	border-radius: 4px;
	box-shadow: -1px 0px 5px 1px
		var(--recurpay_account_heading_text_color, #f1f1f1);
}
.recurpay-account-body .new-card {
	margin-bottom: 0px;
	padding: 0px;
	border-radius: 5px;
	display: block;
	border: none;
	box-shadow: none;
}
.recurpay-account-body .new-card .card-header {
	box-shadow: 0px 1px 2px var(--recurpay_account_heading_text_color, #efefef);
	padding: 15px 20px 15px 30px;
}
.recurpay-account-body .order-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.recurpay-account-body .new-card.order-view-card {
	margin: 15px 20px 20px 20px;
	border: 1px solid var(--recurpay_account_heading_text_color, #f1f1f1);
	box-shadow: none;
}
.recurpay-account-body .new-card.order-card {
	padding-bottom: 15px;
}
.recurpay-account-body .order-card .trans-history-heading {
	padding: 0px;
}
.recurpay-account-body .new-card.order-card .card-header {
	margin-bottom: 25px;
	border-radius: 20px;
}
.recurpay-account-body .new-card.order-view-card .card-header {
	margin-bottom: 0px;
	background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/arrow-down-sign-to-navigate_1.svg?v=1623259743);
	background-repeat: no-repeat;
	background-position-x: calc(100% - 10px);
	background-position-y: calc(50% + 1px);
	background-size: 8px 8px;
	padding-right: 30px;
}
.recurpay-account-body .new-card.order-view-card.active .card-header {
	margin-bottom: 0px;
	background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/arrow-down-sign-to-navigate_2.svg?v=1623259828);
	background-repeat: no-repeat;
	background-position-x: calc(100% - 10px);
	background-position-y: calc(50% + 1px);
	background-size: 8px 8px;
	padding-right: 30px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.recurpay-account-body .order-name-divider {
	padding: 0px 5px;
	vertical-align: initial;
}
.recurpay-account-body .order-content-column.order-content-column-half {
	padding: 0 0.75em;
	width: 50%;
	float: left;
	font-size: 15px;
}
.recurpay-account-body .order-content-column .order-content-heading {
	font-size: 15px;
	text-transform: capitalize;
}
.recurpay-account-body .subscription-info-wrapper.edit-subscription-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	padding: 15px 30px 15px 30px;
}
.recurpay-account-body .edit-subscription-box .subscription-top-heading,
.recurpay-account-body .edit-subscription-box .subscription-prod-description {
	width: 50%;
	text-align: left;
}
.recurpay-account-body .edit-subscription-box .subcription-qty-heading {
	width: 25%;
	text-align: center;
}
.recurpay-account-body .edit-subscription-box .subscription-qty-wrapper {
	width: 50%;
}
.recurpay-account-body .edit-subscription-box .subcription-price-heading {
	width: 25%;
	text-align: right;
}
.recurpay-account-body .edit-subscription-box .subscription-price-wrapper {
	width: 50%;
	text-align: right;
}
.recurpay-account-body .qty-change-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	margin: 0 auto;
	width: fit-content;
	color: #828282;
	border: 1px solid var(--recurpay_account_brand_color, #46a07e);
}
.recurpay-account-body .qty-change-wrapper .qty-icon {
	padding: 8px 10px 8px 10px;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	padding: 8px 15px 8px 15px;
	background: var(--recurpay_account_brand_color, #53b76940);
	color: var(--recurpay_account_heading_text_color, #323232);
}
.recurpay-account-body .qty-change-wrapper .qty-input {
	border: none;
	outline: none;
	padding: 4px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 60px;
	background: var(--recurpay_account_body_background_color, #fff);
	color: var(--recurpay_account_heading_text_color, #000);
}
.recurpay-account-body .qty-change-wrapper .qty-input:disabled {
	background: var(--recurpay_account_body_background_color, #fff);
	color: var(--recurpay_account_heading_text_color, #000);
}
.recurpay-account-body .qty-change-wrapper.border-none {
	border: none;
}
.recurpay-account-body .qty-input[type='number']::-webkit-inner-spin-button,
.recurpay-account-body .qty-input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.recurpay-account-body .subscription-box-footer {
	display: block;
	overflow: hidden;
}
.recurpay-account-body .edit-box-footer {
	padding: 5px 30px 30px 30px;
	box-shadow: none;
}
.recurpay-account-body .edit-box-footer .btn.add-more-btn {
	display: flex;
	align-items: center;
	background: #fff;
	color: #46a07e;
	border: 1px solid #46a07e;
	font-size: 15px;
	padding: 6px 25px;
	cursor: pointer;
	margin: 0 auto;
	float: unset;
}
.recurpay-account-body .edit-box-footer .btn.add-more-btn i {
	font-size: 16px;
	padding-right: 5px;
}
.recurpay-account-body .custom-search-box {
	display: flex;
	width: 100%;
	border: 1px solid #e2e2e2;
	box-shadow: -1px 1px 5px #f2f2f2;
	border-radius: 4px;
}
.recurpay-account-body .custom-search-box.new-search {
	width: 100%;
	margin-bottom: 18px;
}
.recurpay-account-body .search-bar {
	overflow: hidden;
	border: 1px solid #e2e2e2;
	display: flex;
	align-items: center;
	font-size: 14px;
	border-radius: 5px;
	clear: both;
	width: 100%;
	margin-bottom: 0px;
	box-shadow: -1px 1px 5px #f2f2f2;
}
.recurpay-account-body .search-bar.custom-search {
	border: none;
	width: 100%;
	box-shadow: none;
}
.recurpay-account-body .custom-search-box.new-search .search-bar.custom-search {
	width: 100%;
}
.recurpay-account-body .search-bar:before {
	position: absolute;
	content: '';
	width: 50px;
	height: 35px;
	background: url('https://cdn.shopify.com/s/files/1/0012/0658/3356/files/Group_6_Copy.svg?v=1602151084');
	background-repeat: no-repeat;
	background-position: 18px 49%;
}
.recurpay-account-body .search-bar input.search-input {
	padding: 12px;
	padding-left: 50px;
	width: 100%;
	font-size: 14px;
	color: #4d4d4d;
	margin-bottom: 0px;
	border: none !important;
	outline: none;
}
.recurpay-account-body .addon-product-list {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 30px;
}
.recurpay-account-body .addon-product-wrapper {
	flex: 1 0 21%;
	margin: 8px 5px;
	background: #fff;
	min-height: 100px;
	max-width: 24%;
	text-align: center;
	box-shadow: -1px 0px 5px 1px #f1f1f1;
	overflow: unset;
	word-break: break-all;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.recurpay-account-body .addon-description-wrapper {
	padding: 10px 10px 15px 10px;
	color: #000;
}
.recurpay-account-body .addon-product-img {
	width: 100%;
	height: 280px;
	object-fit: cover;
}
.recurpay-account-body .addon-product-price {
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding: 2px 0;
}
.recurpay-account-body .variant-side-price {
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding: 2px 0;
}
.recurpay-account-body
	.addon-product-wrapper.discount-applied
	.addon-compare-price,
.recurpay-account-body
	.variant-side-list-element.discount-applied
	.addon-compare-price {
	text-decoration: line-through;
	padding-right: 8px;
	color: #808080;
}
.recurpay-account-body .addon-product-wrapper .addon-selling-price,
.recurpay-account-body .variant-side-list-element .addon-selling-price {
	display: none;
}
.recurpay-account-body
	.addon-product-wrapper.discount-applied
	.addon-selling-price,
.recurpay-account-body
	.variant-side-list-element.discount-applied
	.addon-selling-price {
	display: inline;
}
.recurpay-account-body
	.addon-product-wrapper.discount-applied
	.discount-messaging {
	color: var(--recurpay_account_brand_color, #46a07e);
}
.recurpay-account-body
	.variant-side-list-element.discount-applied
	.discount-messaging {
	color: #46a07e;
}
.recurpay-account-body .addon-product-title {
	display: block;
	padding: 5px 0px;
	font-size: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-height: 23px;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.recurpay-account-body .btn.add-product-btn {
	margin-top: 10px;
}
.recurpay-account-body .custom-btn-primary {
	background: var(--recurpay_account_button_background_color, #46a07e);
	color: var(--recurpay_account_button_text_color, #fff);
	width: 100%;
	font-size: 15px;
	padding: 8px 25px;
	cursor: pointer;
}
.recurpay-account-body .custom-btn-secondary.add-product-btn {
	border: 1px solid var(--recurpay_account_brand_color, #46a07e);
	margin: 10px 0px 0px 0px;
	color: var(--recurpay_account_brand_color, #46a07e);
	background: transparent;
	width: 100%;
	font-size: 15px;
	padding: 8px 25px;
	cursor: pointer;
}
.recurpay-account-body .subscription-side-wrapper {
	width: 50%;
	display: flex;
	align-items: center;
}
.recurpay-account-body .main-wrapper.edit-page-wrapper {
	padding: 0px 55px;
}
.recurpay-account-body .edit-page-wrapper .account-header {
	padding: 30px 0px 10px 0px;
}
.recurpay-account-body .edit-page-wrapper .outer-wrap {
	padding: 25px 0px;
}
.recurpay-account-body .edit-page-wrapper .main-container {
	padding: 0;
}
.recurpay-account-body .edit-page-wrapper .skip-subscription-text {
	margin: 0;
	border-radius: 4px;
	margin-bottom: 0px;
	box-shadow: 1px 1px 2px #efefef;
	border: 1px solid #f1f1f1;
	border-left: 3px solid var(--recurpay_account_brand_color, #f0aa40);
	background: var(--recurpay_account_brand_color, #fff);
	color: #f0aa40;
	display: flex;
	font-size: 15px;
	align-items: center;
	font-weight: 500;
	padding: 12px 20px;
	text-align: left;
}
.recurpay-account-body .edit-page-wrapper .skip-subscription-text i {
	color: #f0aa40;
	padding-right: 10px;
}
.recurpay-account-body .qty-change-wrapper.atc-qty-wrapper .qty-input {
	width: 100%;
}
.recurpay-account-body .qty-change-wrapper.atc-qty-wrapper {
	width: 100%;
	margin-top: 10px;
	display: none;
	border: 1px solid var(--recurpay_account_brand_color, #46a07e);
}
.recurpay-account-body .qty-change-wrapper.atc-qty-wrapper .qty-icon {
	padding: 11px 25px 11px 25px;
	background: var(--recurpay_account_button_background_color, #53b76940);
	color: var(--recurpay_account_heading_text_color, #323232);
}
.recurpay-account-body .qty-change-wrapper.atc-qty-wrapper .qty-input {
	padding: 8px 0px;
}
.recurpay-account-body .addon-section {
	padding-top: 20px;
	display: none;
}
.recurpay-account-body .variant__popup .content-wrapper {
	text-align: left;
	padding-top: 0px;
}
.recurpay-account-body .variant__popup .content-wrapper h2 {
	padding-left: 0px;
}
.recurpay-account-body .product-variant-wrapper {
	padding: 15px 0px;
}
.recurpay-account-body .product-variant-wrapper select {
	border: 1px solid #e2e2e2;
	width: 100%;
	padding: 8px 5px 8px 5px;
	border-radius: 4px;
}
.recurpay-account-body .product-variant-info {
	display: flex;
	padding: 10px 5px;
	color: #232323;
}
.recurpay-account-body .product-variant-info img {
	width: 80px;
	height: 80px;
	margin-right: 18px;
	border-radius: 4px;
}
.recurpay-account-body .product-variant-info .variant-inner-info {
	padding-right: 20px;
}
.recurpay-account-body .product-variant-info .variant-title {
	display: block;
	font-size: 16px;
}
.recurpay-account-body .product-variant-info .variant-price {
	display: block;
	padding: 8px 0px 5px 0px;
	color: #000;
	font-weight: 700;
}
.recurpay-account-body .product-variant-info .qty-change-wrapper {
	margin: 0;
	margin-top: 10px;
}
.recurpay-account-body .mfp-popup.variant__popup {
	max-width: 430px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.recurpay-account-body .edit-subscription-box .subscription-qty-outer-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 50%;
}
.recurpay-account-body .update-subscription-wrapper {
	display: flex;
	align-items: center;
	width: 100% !important;
	height: fit-content;
	left: 0px;
	bottom: 0px;
	background: #fff;
	z-index: 1 !important;
	padding: 20px 50px;
	box-shadow: none;
	position: relative;
	border-top: 1px dashed #e2e2e2;
	box-shadow: none;
	border-radius: 0px 20px 20px 20px;
}
.recurpay-account-body .sticky-wrapper.is-sticky .update-subscription-wrapper {
	display: flex;
	align-items: center;
	width: 100%;
	background: #fff;
	z-index: 999;
	bottom: 0px !important;
	top: unset !important;
	border: none;
	box-shadow: #c7c7c7 -1px 1px 3px 1px;
	padding: 15px 15px;
	padding-left: 45px;
	border-radius: 0px 0px 20px 20px;
}
.recurpay-account-body .update-img-wrapper {
	display: flex;
	width: 40%;
}
.recurpay-account-body .update-img-wrapper.owl-carousel {
	width: 40%;
}
.recurpay-account-body .update-img-wrapper.owl-carousel .owl-stage-outer {
	padding-top: 10px;
}
.recurpay-account-body .update-img {
	margin-right: 15px;
	position: relative;
	width: 50px;
}
.recurpay-account-body .update-img img {
	width: 50px;
	max-width: 50px;
	min-width: 50px;
	height: 50px;
	max-height: 50px;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
}
.recurpay-account-body .update-qty-count {
	position: absolute;
	top: -8px;
	right: -8px;
	background: #fff;
	border-radius: 50%;
	padding: 1px 6px;
	font-weight: 800;
	font-size: 12px;
	color: #000;
	border: 1px solid #c3c3c3;
}
.recurpay-account-body .update-side-box {
	display: flex;
	width: 60%;
	text-align: right;
	justify-content: flex-end;
	align-items: center;
}
.recurpay-account-body .total-amount-wrapper {
	padding-right: 25px;
	color: #323232;
	font-weight: 700;
}
.recurpay-account-body .amount-divider {
	padding: 0px 10px;
	color: #323232;
	font-weight: 700;
}
.recurpay-account-body .btn.custom-cancel-btn {
	display: flex;
	align-items: center;
	background: #fff;
	color: #797979;
	border: 1px solid #d4d4d4;
	font-size: 15px;
	padding: 11px 25px;
	cursor: pointer;
	margin-right: 15px;
	float: unset;
}
.recurpay-account-body .btn.custom-update-btn {
	margin-top: 0px;
	width: fit-content;
	float: right;
	padding: 12px 35px;
	background: #000;
}
.recurpay-account-body
	.recurpay-account-page
	.custom-carousel.owl-carousel
	.owl-nav
	button.owl-prev,
.recurpay-account-body
	.owl-custom-carousel.owl-carousel
	.owl-nav
	button.owl-prev {
	position: absolute;
	left: -32px;
	background: #fff;
	outline: none;
	color: #323232;
	font-size: 25px;
	border: 1px solid #e2e2e2;
	border-radius: 50%;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
}
.recurpay-account-body
	.recurpay-account-page
	.owl-custom-carousel.owl-carousel
	.owl-nav
	button.owl-prev {
	left: -12px;
}
.recurpay-account-body
	.recurpay-account-page
	.custom-carousel.owl-carousel
	.owl-nav
	button.owl-next,
.recurpay-account-body
	.owl-custom-carousel.owl-carousel
	.owl-nav
	button.owl-next {
	position: absolute;
	right: -28px;
	background: #fff;
	color: #323232;
	font-size: 25px;
	border: 1px solid #e2e2e2;
	border-radius: 50%;
	width: 25px;
	display: flex;
	align-items: center;
	outline: none;
	justify-content: center;
	height: 25px;
}
.recurpay-account-body
	.recurpay-account-page
	.owl-custom-carousel.owl-carousel
	.owl-nav
	button.owl-next {
	right: -10px;
}
.recurpay-account-body
	.recurpay-account-page
	.update-subscription-popup
	.owl-custom-carousel.owl-carousel
	.owl-nav
	button.owl-next {
	right: 18px;
}
.recurpay-account-body
	.recurpay-account-page
	.owl-custom-carousel.owl-carousel.owl-hidden,
.recurpay-account-body .custom-carousel.owl-carousel.owl-hidden {
	opacity: 1;
}
.recurpay-account-body .recurpay-account-page .custom-carousel .owl-nav,
.recurpay-account-body .owl-custom-carousel.owl-carousel .owl-nav {
	position: absolute;
	width: 100%;
	top: calc(50% - 5px);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.recurpay-account-body .hide {
	display: none !important;
}
.recurpay-account-body .update-subscription-popup .update-desc {
	font-size: 15px;
}
.recurpay-account-body .update-subscription-popup .update-img-wrapper {
	width: 100%;
	padding: 20px 15px;
	opacity: 1;
}
.recurpay-account-body
	.update-subscription-popup
	.update-img-wrapper
	.update-img-list {
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}
.recurpay-account-body
	.update-subscription-popup
	.owl-custom-carousel.owl-carousel
	.owl-nav
	button.owl-next {
	right: 0px;
}
.recurpay-account-body .update-subscription-popup .custom-info-card {
	margin: 0;
	margin-bottom: 15px;
}
.recurpay-account-body
	.update-subscription-popup
	.custom-info-card.currency-info-card {
	margin: 15px 0px 5px 0px;
}
.recurpay-account-body .update-subscription-popup .total-amount-wrapper {
	padding: 10px;
	border-top: 1px dashed #e2e2e2;
	border-bottom: 1px dashed #e2e2e2;
	text-align: center;
}
.recurpay-account-body .loader-wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: rgba(0, 0, 0, 0.75);
}
.recurpay-account-body .loader-wrapper .page-preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.recurpay-account-body .loader-wrapper .page-preloader img {
	max-width: 120px;
}
.recurpay-account-body .loader-wrapper .page-preloader p {
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
}
.recurpay-account-body .ajax-loader-wrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: #fff;
}
.recurpay-account-body .ajax-loader-wrapper .page-preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.recurpay-account-body .ajax-loader-wrapper .page-preloader img {
	max-width: 120px;
}
.recurpay-account-body .ajax-loader-wrapper .page-preloader p {
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
}
.recurpay-account-body .update-subscription-popup .success-img {
	width: 100%;
	height: 100px;
}
.recurpay-account-body .update-subscription-popup .update-success {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	display: block;
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
.recurpay-account-body .update-success-head {
	display: block;
	padding-top: 20px;
	font-size: 21px;
	font-weight: 700;
	text-align: center;
	color: #323232;
}
.recurpay-account-body .subs-update-error {
	font-size: 14px;
	padding-top: 15px;
	display: block;
	color: #f44336;
	text-align: center;
}
.recurpay-account-body .subs-update-error:empty {
	display: none;
}
.recurpay-account-body .subscription-prod-description {
	width: 60%;
}
.recurpay-account-body .subscription-qty-wrapper {
	width: 25%;
	text-align: center;
}
.recurpay-account-body .subscription-price-wrapper {
	width: 20%;
	text-align: right;
}
.recurpay-account-body .addon-discount-label {
	position: relative;
}
.recurpay-account-body .addon-discount-text {
	position: absolute;
	right: 0;
	color: #fff;
	background: #46a07e;
	padding: 5px 12px;
	font-size: 12px;
}
.recurpay-account-body .toggle-button-wrapper a {
	text-decoration: none;
}
.recurpay-account-body .toggle-button-wrapper .deny-cancel {
	background: #46a07e;
	border: none;
	color: #fff;
	min-width: 150px;
	min-height: 40px;
	font-weight: 600;
	margin: 20px 5px;
	margin-bottom: 0px;
	padding: 5px 30px;
	text-decoration: none;
	outline: 0;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	cursor: pointer;
}
.recurpay-account-body .toggle-button-wrapper .confirm-toggle-btn {
	border: none;
	padding: 12px 0px 10px 0px;
	font-size: 14px;
	text-decoration: underline;
	margin: 0;
}
.recurpay-account-body .notify-text {
	font-size: 13px;
	display: flex;
	border-radius: 4px;
	align-items: center;
	background: #faf7dd;
	color: #545454;
	padding: 8px 10px;
	margin-bottom: 10px;
	font-weight: 600;
	border: 1px solid #ffea9c;
}
.recurpay-account-body .notify-text i {
	padding-right: 8px;
	color: #ffc107;
}
.recurpay-account-body .skip-subscription-side-text {
	font-size: 14px;
	padding: 0px 0px;
	display: block;
	text-align: left;
	border-radius: 4px;
	color: #f0aa40;
	border: none;
}
.recurpay-account-body .cancellation-cta {
	display: none;
}
.recurpay-account-body .tab-list-wrapper .tab-list li {
	display: flex;
	align-items: center;
	padding: 5px 16px;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	margin-right: 5px;
}
.recurpay-account-body .tab-list-wrapper .tab-list {
	display: flex;
	align-items: center;
	margin: 10px 55px 10px 40px;
	border-bottom: 1px solid var(--recurpay_account_heading_text_color, #e2e2e2);
}
.recurpay-account-body .tab-list-wrapper .tab-list li.current {
	font-weight: 700;
	color: #000;
	border-bottom: 4px solid #46a07e;
	border-radius: 0px;
}
.recurpay-account-body .inclusive-text {
	display: block;
	font-size: 12px;
	color: #777777;
}
.recurpay-account-body .recurpay-label {
	cursor: pointer;
	font-size: 15px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding-bottom: 5px;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.recurpay-account-body .recurpay-label .recurpay-input {
	width: 0;
	height: 0;
	opacity: 0;
	cursor: pointer;
	position: absolute;
}
.recurpay-account-body .recurpay-label .recurpay-checkmark {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	position: relative;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid #e3e3e3;
}
.recurpay-account-body .recurpay-label .recurpay-checkmark::after {
	top: 2px;
	left: 2px;
	width: 9px;
	opacity: 0;
	content: '';
	height: 9px;
	visibility: hidden;
	position: absolute;
	border-radius: 50%;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.recurpay-account-body
	.recurpay-label
	.recurpay-input:checked
	~ .recurpay-checkmark {
	border-color: var(--recurpay_account_brand_color, #46a07e);
}
.recurpay-account-body
	.recurpay-label
	.recurpay-input:checked
	~ .recurpay-checkmark::after {
	opacity: 1;
	visibility: visible;
	background: var(--recurpay_account_brand_color, #46a07e);
}
.recurpay-account-body .mfp-popup.variant__popup.change_variant_popup {
	padding: 0;
	max-width: 800px;
}
.recurpay-account-body .change_variant_popup .product-variant-info {
	padding: 0;
	align-items: center;
}
.recurpay-account-body .change_variant_popup .variant-side-wrapper {
	width: 45%;
	text-align: center;
}
.recurpay-account-body
	.change_variant_popup
	.variant-side-wrapper
	.variant-img {
	width: 120px;
	height: 120px;
	margin-right: 0px;
}
.recurpay-account-body .change_variant_popup .variant-title {
	padding-top: 10px;
	font-size: 15px;
	padding: 8px 12px;
	font-weight: 300;
	padding-bottom: 2px;
}
.recurpay-account-body .change_variant_popup .variant-Subtitle {
	font-size: 12px;
}
.recurpay-account-body .change_variant_popup .variant-select-wrapper {
	width: 55%;
	padding: 10px 0px 20px 0px;
	border-left: 1px solid #e2e2e2;
}
.recurpay-account-body
	.change_variant_popup.variant__popup
	.content-wrapper
	.variant-select-wrapper
	h2 {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.recurpay-account-body .change_variant_popup .product-variant-wrapper {
	padding: 0;
}
.recurpay-account-body .change_variant_popup .product-variant-select {
	margin-bottom: 0px;
	max-height: 275px;
	overflow: auto;
	list-style: none;
	padding-left: 0px;
}
.recurpay-account-body .change_variant_popup .product-variant-select li {
	border-bottom: 1px solid #e2e2e2;
	padding: 15px 15px 15px 15px;
}
.recurpay-account-body .change_variant_popup .variant-side-list-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
}
.recurpay-account-body .change_variant_popup .variant-side-name {
	font-size: 14px;
	font-weight: 700;
}
.recurpay-account-body .change_variant_popup .variant-side-price {
	display: block;
	padding-top: 5px;
	font-size: 13px;
	font-weight: 600;
}
.recurpay-account-body
	.change_variant_popup
	.qty-change-wrapper.atc-qty-wrapper {
	margin-bottom: 10px;
}
.recurpay-account-body
	.change_variant_popup
	.qty-change-wrapper.atc-qty-wrapper
	i {
	padding: 8px 15px 8px 15px;
}
.recurpay-account-body
	.change_variant_popup
	.qty-change-wrapper.atc-qty-wrapper
	input {
	padding: 5px 0px;
}
.recurpay-account-body
	.change_variant_popup
	.product-variant-select
	li:last-child {
	border-bottom: none;
}
.recurpay-account-body .mfp-popup .button-wrapper.edit-button-wrapper {
	border-top: 1px solid #e2e2e2;
}
.recurpay-account-body
	.mfp-popup
	.button-wrapper.edit-button-wrapper
	.popup-btn {
	text-align: center;
	margin: 15px 15px;
	padding: 5px 50px;
	border: none;
}
.recurpay-account-body .mfp-popup.update-subscription-popup .confirm-btn {
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 12px 10px;
}
.recurpay-account-body
	.mfp-popup.update-subscription-popup
	.confirm-btn:before {
	box-shadow: none;
	border-radius: none;
	content: unset;
}
.recurpay-account-body .mfp-popup.update-subscription-popup .confirm-btn.after {
	box-shadow: none;
	border-radius: none;
	content: unset;
}
.recurpay-account-body .button:before {
	content: unset;
	box-shadow: none;
	outline: none;
	border-radius: none;
}
.recurpay-account-body .button:after {
	content: unset;
	box-shadow: none;
	outline: none;
	border-radius: none;
}
.recurpay-account-body .mfp-bg {
	opacity: 0.95;
	display: block;
}
.recur-logo-header img {
	max-width: 165px;
	max-height: 60px;
}
.recurpay-account-body .prepaid-plan-status {
	border: none;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 35px;
	background: var(--recurpay_account_brand_color, #46a07e21);
	color: var(--recurpay_account_heading_text_color, #46a07e);
	padding: 4px 12px;
}
.recurpay-account-body .prepaid-plan-status i {
	font-size: 13px;
	padding-right: 5px;
}
.recurpay-account-body .subscription-frequency-text {
	text-transform: lowercase;
}
.recurpay-account-body .edit-subscription-success {
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--recurpay_account_brand_color, #d9eae3);
	font-weight: 600;
	border-color: #c9e8db;
	color: var(--recurpay_account_heading_text_color, #46a07e);
	padding: 6px 10px;
	font-size: 15px;
	border-radius: 4px;
	margin: 15px 55px;
	margin-bottom: 5px;
	border: 2px solid var(--recurpay_account_brand_color, #c9e8db);
}
.recurpay-account-body .edit-subscription-success img,
.recurpay-account-body .edit-subscription-success svg {
	width: 40px;
	height: 40px;
	margin-right: 8px;
}
.recurpay-account-body .edit-subscription-success svg #Ellipse_96 {
	fill: var(--recurpay_account_heading_text_color, #46a07e);
}
.recurpay-account-body .edit-subscription-success svg #tick-sign {
	fill: var(--recurpay_account_brand_color, #fff);
}
.recurpay-account-body .no-result-wrapper {
	display: none;
	text-align: center;
	padding: 35px 10px;
}
.recurpay-account-body .no-result-head {
	display: block;
	font-size: 17px;
	font-weight: 700;
	padding-top: 10px;
}
.recurpay-account-body .no-result-text {
	display: block;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
}
.recurpay-account-body .search-loader-wrapper {
	display: none;
	position: relative;
	text-align: center;
	padding-bottom: 60px;
}
.recurpay-account-body .search-loader-wrapper img {
	max-width: 100px;
}
.recurpay-account-body .variant-side-list-wrapper .btn.add-product-btn {
	padding: 10px;
	margin-top: 10px;
	justify-content: center;
	box-shadow: none;
	outline: none;
	border-radius: 4px;
	border: 1px solid var(--recurpay_account_brand_color, #46a07e);
}
.recurpay-account-body
	.change_variant_popup.mfp-popup
	.button-wrapper.edit-button-wrapper
	.popup-btn {
	background: #000;
}
.recurpay-account-body .recurpay-account-page .step__footer__info {
	background: #f8f8f8;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px;
	font-size: 14px;
}
.recurpay-account-body .recurpay-account-page .step__footer__info i {
	margin-right: 6px;
	color: #323232;
	font-size: 17px;
}
.recurpay-account-body .recurpay-account-page .step__footer__info a {
	color: #323232;
	font-weight: 500;
}
.recurpay-account-body .recurpay-account-page .coming-soon-label {
	color: #fff;
	font-size: 14px;
	border-radius: 25px;
	padding: 2px 10px;
	background: #f3983e;
}
.recurpay-account-body .overdue-tag {
	background: var(--recurpay_account_brand_color, #ffd69c);
	color: var(--recurpay_account_heading_text_color, #000);
	padding: 2px 10px;
	border-radius: 30px;
	font-size: 13px;
	float: right;
	font-weight: 600;
	line-height: initial;
}
.recurpay-account-body .account-primary-btn {
	padding: 12px 20px;
	line-height: initial;
	border-radius: 4px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	float: unset;
	display: block;
	text-decoration: none;
	cursor: pointer;
	margin: 0;
	background: #46a07e;
	color: #fff;
}
.recurpay-account-body .btn.color-primary {
	background: var(--recurpay_account_brand_color, #46a07e);
	color: var(--recurpay_account_button_text_color, #fff);
	border: none;
}
.recurpay-account-body .btn.color-primary:hover {
	border: none;
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.17);
}
.recurpay-account-body .btn.box-shadow:hover {
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.17);
}
.recurpay-account-body i.tab-list-icon.material-icons {
	font-size: 12px;
	color: #323232;
	margin-right: 4px;
}
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li.current[data-tab='active'],
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li.current[data-tab='trial'] {
	border-bottom: 4px solid var(--primary-color, #46a07e);
}
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li.current[data-tab='halted'],
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li.current[data-tab='paused'] {
	border-bottom: 4px solid var(--recurpay_account_brand_color, #ffc107);
}
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li.current[data-tab='cancelled'] {
	border-bottom: 4px solid var(--recurpay_account_brand_color, #f44336);
}
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li[data-tab='active']
	i.tab-list-icon,
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li[data-tab='trial']
	i.tab-list-icon {
	color: var(--primary-color, #46a07e);
}
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li[data-tab='halted']
	i.tab-list-icon,
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li[data-tab='paused']
	i.tab-list-icon {
	color: #ffc107;
}
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li[data-tab='cancelled']
	i.tab-list-icon {
	color: #f44336;
}
.recurpay-account-body button.btn.color-secondary {
	background: #fff;
	border: 1px solid #e2e2e2;
	color: #5f5f5f;
}
.recurpay-account-body .btn.btn-hyperlink-text {
	color: #46a07e;
	background: #fff;
	padding: 0px;
}
.recurpay-account-body .btn.btn-hyperlink-text span {
	color: #46a07e;
	text-decoration: underline;
}
.recurpay-account-body button.btn.color-secondary.btn-hyperlink {
	padding: 0px;
	border: none;
}
.recurpay-account-body button.btn.color-secondary.btn-hyperlink span {
	text-decoration: underline;
}
.recurpay-account-body button.btn.btn-icon-wrapper {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.recurpay-account-body button.btn.btn-icon-wrapper i {
	padding-right: 8px;
	font-size: 16px;
}
.recurpay-account-body .pulse-effect {
	display: flex;
	align-items: center;
	animation: pulse 2s ease-in-out infinite;
}
.recurpay-account-body
	.recurpay-account-page
	a.decoration-none:hover
	span.pulse-effect {
	text-decoration: none;
}
.recurpay-account-body
	.recurpay-account-page
	.view-subscription-btn.shine-animate {
	position: relative;
	padding-right: 55px;
}
.recurpay-account-body .recurpay-account-page .shine-animate:after {
	/* animation: shine 2s ease-in-out infinite;
  animation-fill-mode: forwards; */
	content: '';
	position: absolute;
	top: -110%;
	left: -210%;
	width: 268%;
	height: 50%;
	opacity: 0;
	transform: rotate(30deg);
	background: rgba(255, 255, 255, 0.13);
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0.23) 0%,
		rgba(255, 255, 255, 0.33) 77%,
		rgba(255, 255, 255, 0.5) 92%,
		rgba(255, 255, 255, 0) 100%
	);
}
.recurpay-account-body .recurpay-account-page .shine-animate:active:after {
	opacity: 0;
}
@keyframes shine {
	10% {
		opacity: 1;
		top: -30%;
		left: -30%;
		transition-property: left, top, opacity;
		transition-duration: 0.75s, 0.75s, 0.5s;
		transition-timing-function: ease;
	}
	100% {
		opacity: 0;
		top: -30%;
		left: -30%;
		transition-property: left, top, opacity;
	}
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
.recurpay-account-body .flex-arrow {
	width: 18px;
	position: absolute;
	right: 20px;
	top: -2px;
}
.recurpay-account-body .flex-arrow .inner-arrow {
	position: absolute;
	bottom: 0;
	margin-left: 0px;
	width: 12px;
	height: 12px;
	background-size: contain;
	top: 15px;
}
.recurpay-account-body .flex-arrow .next-arr {
	margin-left: 8px;
}
.recurpay-account-body .flex-arrow .next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}
@keyframes bounceAlpha {
	0% {
		opacity: 1;
		transform: translateX(0px) scale(1);
	}
	25% {
		opacity: 0;
		transform: translateX(10px) scale(0.9);
	}
	26% {
		opacity: 0;
		transform: translateX(-10px) scale(0.9);
	}
	55% {
		opacity: 1;
		transform: translateX(0px) scale(1);
	}
}
.recurpay-account-body .flex-arrow .bounceAlpha {
	animation-name: bounceAlpha;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.recurpay-account-body .flex-arrow .inner-arrow.prev-arr.bounceAlpha {
	animation-name: bounceAlpha;
	animation-duration: 1.4s;
	animation-delay: 0.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.recurpay-account-body .flex-arrow .inner-arrow {
	animation-name: bounceAlpha;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.recurpay-account-body .flex-arrow .inner-arrow.prev-arr {
	animation-name: bounceAlpha;
	animation-duration: 1.4s;
	animation-delay: 0.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.recurpay-account-body .alert-box {
	display: flex;
	align-items: center;
	background: var(--recurpay_account_brand_color, #fff4f4);
	padding: 10px 8px;
	border: 1px solid var(--recurpay_account_heading_text_color, #e0b3b2);
	font-size: 12px;
	margin-bottom: 20px;
	border-radius: 4px;
}
.recurpay-account-body .alert-box.warning {
	background: #fff5ea;
	border: 1px solid #e0b878;
}
.recurpay-account-body .alert-box .alert-img {
	width: 18px;
	min-width: 18px;
	fill: var(--recurpay_account_heading_text_color, #d72b0c);
	margin-right: 12px;
}
.recurpay-account-body .alert-box.warning .alert-img {
	fill: #b98900;
}
.recurpay-account-body .alert-box .alert-head {
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	text-align: left;
	color: var(--recurpay_account_heading_text_color, #c14b36);
}
.recurpay-account-body .alert-box-wrapper {
	margin-bottom: 20px;
}
.recurpay-account-body .alert-box-wrapper .alert-box {
	margin: 0;
}
.recurpay-account-body
	.form__input-wrapper
	.checkout-phone-wrapper.form__input {
	display: flex;
	align-items: center;
	max-width: -webkit-fill-available;
	padding-right: 5px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	padding-left: 6px;
	width: -webkit-fill-available;
	font-size: 13px;
	color: #3c3c3c;
}
.recurpay-account-body .checkout-phone-wrapper .form__input-wrapper {
	width: inherit;
}
.recurpay-account-body
	.checkout-phone-wrapper
	.form__input-wrapper
	.form__input {
	margin-bottom: 0px;
	border: none;
	border-left: 1px solid #d9d9d9;
	border-radius: 0px;
	background: transparent;
}
.recurpay-account-body .checkout-phone-wrapper .phone-img-wrapper:after {
	content: '';
	top: 4px;
	right: 9px;
	width: 9px;
	height: 18px;
	position: absolute;
	transform: rotate(90deg);
	background-image: url('../../../dashboards/images/icon/next.svg');
	background-repeat: no-repeat;
}
.recurpay-account-body .phone-img-wrapper .phone-img-flag {
	width: 28px;
	padding-right: 5px;
}
.recurpay-account-body .checkout-phone-wrapper .dial-code-input {
	color: #6d6d6d;
	font-size: 14px;
}
.recurpay-account-body .select-phone-drop-wrapper {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0px 18px 0px 3px;
	position: relative;
	cursor: pointer;
}
.recurpay-account-body .select-phone-drop-wrapper .phone-img-flag {
	width: 28px;
	padding-right: 5px;
}
.recurpay-account-body .select-phone-drop-wrapper .phone-country-code {
	color: #6d6d6d;
	font-size: 14px;
}
.recurpay-account-body .select-phone-drop-wrapper:after {
	content: '';
	top: 12px;
	right: 10px;
	width: 9px;
	height: 18px;
	position: absolute;
	transform: rotate(90deg);
	background-image: url('../../dashboards/images/icon/next.svg');
	background-repeat: no-repeat;
}
.recurpay-account-body .select-phone-drop-wrapper select {
	opacity: 0;
	position: absolute;
	left: 0px;
}
.recurpay-account-body #toast-container.toast-bottom-center > .toast-info {
	background-image: unset !important;
	background: #323232;
	font-size: 14px;
	width: 90% !important;
	text-align: center;
	max-width: 400px;
	padding: 15px 15px 15px 15px;
	margin: 0 auto;
	margin-bottom: 15px;
	opacity: 1;
}
.recurpay-account-body #toast-container.toast-bottom-center > .toast-error {
	background-image: unset !important;
	background: #e01f20;
	font-size: 14px;
	width: 90% !important;
	text-align: center;
	max-width: 400px;
	padding: 15px 15px 15px 15px;
	margin: 0 auto;
	margin-bottom: 15px;
	opacity: 1;
}
.recurpay-account-body .error-card {
	background-color: white;
	outline: 0.1rem solid transparent;
	border-radius: 4px;
	background-color: #fff4f4;
	box-shadow: #e0b3b2 0px 1px 0px 0px inset, #e0b3b2 0px 0px 0px 1px inset;
	margin-top: 20px;
	margin-bottom: 10px;
}
.recurpay-account-body .error-card-button {
	padding: 12px 25px;
	background: #fff4f4;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 700;
	margin: 0;
	color: #000;
	box-shadow: #e0b3b2 0px 1px 0px 0px inset, #e0b3b2 0px 0px 0px 1px inset;
}
.recurpay-account-body .profile-error-card {
	display: none;
}
.recurpay-account-body .profile-error-card .info-card-section {
	padding: 10px 10px;
}
.recurpay-account-body .profile-error-card .info-callout-card {
	display: flex;
	align-items: center;
}
.recurpay-account-body .profile-error-card .error-card-svg {
	margin-top: 0px;
	max-width: 18px;
	width: 18px;
	min-width: 18px;
}
.recurpay-account-body .profile-error-card .info-card-text {
	margin: 0;
	font-size: 13px;
	font-weight: 400;
}
.recurpay-account-body .info-alert-box.customer-profile-update {
	margin: 0;
}
.recurpay-account-body .info-alert-box {
	background: #eff8fb;
	font-size: 13px;
	display: flex;
	align-items: center;
	padding: 8px 8px;
	border-radius: 4px;
	color: #323232;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 600;
	text-align: left;
	background-color: #e9f3ff;
}
.recurpay-account-body .info-alert-box img {
	width: 26px;
	height: 26px;
}
.recurpay-account-body .info-alert-box .alert-span {
	padding-left: 5px;
	font-size: 13px;
}
.recurpay-account-body .warning-text-wrapper {
	display: none;
}
.recurpay-account-body .skip-subscription-text.warning-text {
	display: flex;
	margin: 0;
	font-size: 13px;
	padding: 12px 5px;
}
.recurpay-account-body .skip-subscription-text.warning-text i {
	font-size: 20px;
}
.recurpay-account-body .reschedule-popup .update-short-desc {
	font-size: 13px;
}
.recurpay-account-body .reschedule-popup .popup-button {
	margin-top: 30px;
	margin-bottom: 0px;
}
.recurpay-account-body
	.custom-btn-flex-wrapper
	.qty-change-wrapper.atc-qty-wrapper
	.qty-icon {
	padding: 16px 14px 16px 14px;
	font-size: 13px;
}
.recurpay-account-body .custom-btn-flex-wrapper {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}
.recurpay-account-body .qty-change-wrapper.atc-qty-wrapper .qty-input {
	font-size: 13px;
	display: none;
}
.recurpay-account-body .input-flex-span-wrapper {
	width: 100%;
	text-align: center;
	padding: 0px 6px;
}
.recurpay-account-body .input-flex-span-wrapper .span-desc {
	display: block;
	font-size: 12px;
}
.recurpay-account-body .input-flex-span-wrapper .span-desc .qty-count {
	font-weight: 400;
}
.recurpay-account-body .input-flex-span-wrapper .span-delivery-desc {
	display: block;
	clear: both;
	font-size: 11px;
}
.recurpay-account-body .custom-info-card {
	background: var(--recurpay_account_brand_color, #e8f5fa);
	border: 1px solid #deebf9;
	border-radius: 4px;
	margin: 20px 20px 0px 20px;
}
.recurpay-account-body .custom-info-card .card-content {
	padding: 5px 10px;
	color: var(--recurpay_account_heading_text_color, #323232);
}
.recurpay-account-body .custom-info-card .custom-setup-inner {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: flex-start;
}
.recurpay-account-body .custom-info-card .custom-icon-container {
	max-width: 30px;
}
.recurpay-account-body .custom-info-card .custom-inner-width {
	width: 100%;
}
.recurpay-account-body .custom-info-card .setup-header {
	display: flex;
	padding: 0px 5px;
	align-items: center;
}
.recurpay-account-body .custom-info-card .setup-head {
	display: block;
	font-size: 16px;
	font-weight: 600;
}
.recurpay-account-body .custom-info-card .setup-para {
	display: block;
	font-size: 13px;
	padding-top: 3px;
}
.recurpay-account-body .custom-info-card .setup-para .setup-para-bold {
	font-weight: 700;
}
.recurpay-account-body .custom-info-card .setup-para svg.external-icon {
	width: 11px;
	height: 11px;
	margin-left: 5px;
	background: no-repeat;
}
.recurpay-account-body .custom-info-card .setup-para a {
	color: #323232;
}
.recurpay-account-body .custom-info-card .info-icon-filler {
	color: #fff;
	position: relative;
	display: flex;
	align-items: center;
	margin: 0.4rem;
	height: 20px;
	width: 20px;
	max-height: 100%;
	max-width: 100%;
}
.recurpay-account-body .custom-info-card .info-icon-filler svg {
	fill: var(--recurpay_account_heading_text_color, #00848e);
	color: transparent;
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
}
.recurpay-account-body .addon-description-wrapper .discount-messaging,
.recurpay-account-body .variant-side-list-element .discount-messaging {
	margin-top: 8px;
	display: block;
	color: var(--recurpay_account_brand_color, #f0aa40);
	font-weight: 600;
	padding: 0px 5px;
	font-size: 12px;
}
.recurpay-account-body .product-variant-select .discount-messaging {
	text-align: right;
}
.recurpay-account-body .reschedule-info-card {
	margin-top: 5px;
	margin-bottom: 10px;
}

@media (max-width: 768px) {
	.recurpay-account-body .variant-side-list-wrapper .btn.add-product-btn {
		padding: 6px 35px;
	}
	.recurpay-account-body
		.change_variant_popup.mfp-popup
		.button-wrapper.edit-button-wrapper
		.popup-btn {
		background: #000;
	}
	.recurpay-account-body .billing-list img {
		width: 25px;
		margin-right: 0px;
	}
	.recurpay-account-body .billing-list {
		display: flex;
		justify-content: space-between;
		text-align: center;
		align-items: center;
		flex-direction: column;
	}
	.recurpay-account-body .billing-side-info {
		padding-top: 10px;
	}
	.recurpay-account-body .billing-side-info span {
		font-size: 13px;
	}
	.recurpay-account-body .subscription-billing {
		padding: 0px 15px;
	}
	.recurpay-account-body .subscription-product-list {
		padding: 15px 20px;
		font-size: 14px;
	}
	.recurpay-account-body .prepaid-subscription-product-list {
		padding: 15px 20px;
		font-size: 14px;
	}
	.recurpay-account-body .subscription-prod-description {
		width: 60%;
		padding-right: 8px;
		align-items: flex-start;
	}
	.recurpay-account-body .subscription-prod-title {
		display: block;
		padding-bottom: 5px;
	}
	.recurpay-account-body .subscription-action {
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 20px 15px 20px 15px;
	}
	.recurpay-account-body .subscription-action .flex-reverse {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.recurpay-account-body .subscription-action .alert-box {
		margin-bottom: 15px;
		text-align: left;
	}
	.recurpay-account-body .manage-subscription-btn {
		margin-top: 10px;
	}
	.recurpay-account-body .subscription-action .card-link + .card-link {
		margin-left: 0px;
	}
	.recurpay-account-body .subscription-qty-wrapper {
		padding-left: 5px;
	}
	.recurpay-account-body .subscription-price-wrapper {
		padding-left: 5px;
	}
	.recurpay-account-page.subscription-details-page
		.subscription-prod-heading {
		flex-direction: column;
		align-items: flex-start;
		font-size: 16px;
		padding-bottom: 20px;
	}
	.recurpay-account-body .subscription-info-wrapper {
		padding: 15px 20px 15px 20px;
	}
	.recurpay-account-body .edit-subscription-btn,
	.recurpay-account-body .trans-history-btn {
		margin-top: 15px;
	}
	.recurpay-account-body .new-card .card-header {
		padding: 15px 20px 15px 20px;
		overflow: hidden;
	}
	.recurpay-account-body .new-card.order-view-card {
		margin: 15px;
	}
	.recurpay-account-body .subscription-prod-description {
		width: 50%;
	}
	.recurpay-account-body .orders-wrapper .subscription-container {
		padding: 20px 10px 10px 10px;
	}
	.recurpay-account-body .order-content-column.order-content-column-half {
		width: 100%;
		float: unset;
		font-size: 14px;
	}
	.recurpay-account-body .addon-product-wrapper {
		width: 50%;
		max-width: calc(50% - 10px);
		flex: unset;
		margin: 5px;
	}
	.recurpay-account-body .addon-product-img {
		max-height: 140px;
	}
	.recurpay-account-body .addon-description-wrapper {
		padding: 5px 5px 15px 5px;
	}
	.recurpay-account-body .addon-product-title,
	.recurpay-account-body .addon-product-price {
		font-size: 13px;
		height: 26px;
	}
	.recurpay-account-body .custom-btn-primary.add-product-btn {
		width: 100%;
		font-size: 13px;
		padding: 11px 25px;
		margin-top: 10px;
	}
	.recurpay-account-body .custom-btn-secondary.add-product-btn {
		width: 100%;
		font-size: 13px;
		padding: 11px 25px;
	}
	.recurpay-account-body .subcription-qty-heading,
	.recurpay-account-body .subcription-price-heading {
		display: none;
	}
	.recurpay-account-body .edit-subscription-box .subscription-top-heading {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.recurpay-account-body .subscription-info-wrapper.edit-subscription-header {
		padding: 15px 20px 15px 20px;
	}
	.recurpay-account-body
		.edit-subscription-box
		.subscription-prod-description {
		width: 100%;
		padding-right: 0px;
	}
	.recurpay-account-body .edit-subscription-box .subscription-qty-wrapper {
		width: 60%;
		padding-top: 0px;
		padding-left: 0px;
	}
	.recurpay-account-body .edit-subscription-box .subscription-price-wrapper {
		width: 40%;
		text-align: right;
		padding-left: 0px;
		font-size: 14px;
		padding-top: 0px;
		height: unset;
		font-weight: 600;
		color: #000;
	}
	.recurpay-account-body .subscription-qty-wrapper .qty-change-wrapper {
		margin-right: 0;
	}
	.recurpay-account-body .subscription-product-list ul li {
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: unset;
	}
	.recurpay-account-body .prepaid-subscription-product-list ul li {
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: unset;
	}
	.recurpay-account-body .edit-page-wrapper .subscription-product-list ul li {
		flex-direction: column;
	}
	.recurpay-account-body
		.edit-page-wrapper
		.prepaid-subscription-product-list
		ul
		li {
		flex-direction: column;
	}
	.recurpay-account-body .qty-change-wrapper .qty-icon {
		padding: 8px 12px 8px 12px;
		font-size: 16px;
	}
	.recurpay-account-body .qty-change-wrapper .qty-input {
		width: 50px;
	}
	.recurpay-account-body .edit-page-wrapper .skip-subscription-text {
		margin: 10px 0px;
		font-size: 14px;
		font-weight: 500;
		border-radius: 4px;
		padding: 10px 10px;
	}
	.recurpay-account-body .skip-subscription-text {
		margin: 10px 0px;
		font-size: 14px;
		font-weight: 500;
		border-radius: 4px;
		padding: 10px 10px;
		margin: 0 15px;
	}
	.recurpay-account-body .edit-page-wrapper .skip-subscription-text i {
		color: #f0aa40;
		padding-right: 10px;
	}
	.recurpay-account-body .skip-subscription-text i {
		color: #f0aa40;
		padding-right: 10px;
	}
	.recurpay-account-body .edit-subscription-success {
		margin: 10px 15px;
		font-size: 13px;
		font-weight: 600;
		border-radius: 4px;
	}
	.recurpay-account-body .subscription-side-wrapper {
		width: 100%;
		flex-direction: row-reverse;
		align-items: center;
		padding-left: 65px;
		padding-top: 10px;
	}
	.recurpay-account-body .variant__popup {
		position: absolute;
		bottom: 0;
		width: 100%;
		margin-bottom: 0px;
		padding: 20px 20px;
		border: 1px solid #e2e2e2;
		border-radius: 5px 5px;
		border-bottom: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.recurpay-account-body .mfp-popup {
		position: absolute;
		bottom: 0;
		width: 100%;
		margin-bottom: 0px;
		padding: 20px 20px;
		max-width: 100%;
		border: 1px solid #e2e2e2;
		border-radius: 5px 5px;
		border-bottom: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.recurpay-account-body .shipping-addressPopup.mfp-popup {
		max-width: 100%;
		position: unset;
		max-height: calc(100vh - 20px);
		overflow-y: auto;
	}
	.recurpay-account-body .shipping-addressPopup.mfp-popup .mfp-close {
		top: 20px;
	}
	.recurpay-account-body .mfp-auto-cursor .mfp-content {
		height: 100%;
	}
	.recurpay-account-body .mfp-container {
		padding: 0;
	}
	.recurpay-account-body .address-container .next-delivery-date {
		font-size: 24px;
		font-weight: 700;
	}
	.recurpay-account-body .address-container h6 {
		font-size: 15px;
	}
	.recurpay-account-body .subscription-id-head {
		font-size: 14px;
	}
	.recurpay-account-body .edit-subscription-btn-wrapper {
		padding: 5px 20px 20px 20px;
		overflow: hidden;
	}
	.recurpay-account-body
		.edit-subscription-btn-wrapper
		.edit-subscription-btn {
		width: 100%;
		margin: 0;
		justify-content: center;
	}
	.recurpay-account-body .subscription-qty-wrapper {
		padding-left: 5px;
		padding-right: 8px;
	}
	.recurpay-account-body .subscription-price-wrapper {
		padding-left: 8px;
	}
	.recurpay-account-body .subscription-prod-description img {
		min-width: 45px;
		min-height: 45px;
		width: 45px;
		height: 45px;
	}
	.recurpay-account-body .subscription-product-list ul {
		margin-bottom: 0;
	}
	.recurpay-account-body .prepaid-subscription-product-list ul {
		margin-bottom: 0;
	}
	.recurpay-account-body .total-price-wrapper {
		padding: 15px 20px;
	}
	.recurpay-account-body .total-price-wrapper .total-price-head,
	.recurpay-account-body .total-price-info {
		font-size: 16px;
	}
	.recurpay-account-page.subscription-details-page
		.subscription-prod-heading.trans-history-heading {
		padding-bottom: 0;
	}
	.recurpay-account-body .subscription-prod-heading {
		font-size: 16px;
	}
	.recurpay-account-body .mfp-popup .button-wrapper {
		font-size: 14px;
	}
	.recurpay-account-body .subscription-info-wrapper .subscriptionPlan-status {
		padding: 2px 0px;
	}
	.recurpay-account-body .main-wrapper.edit-page-wrapper {
		padding: 0px 15px;
		padding-top: 15px;
		overflow: clip;
	}
	.recurpay-account-body
		.edit-subscription-box
		.subscription-qty-outer-wrapper {
		width: 100%;
		padding-top: 10px;
	}
	.recurpay-account-body .subscription-qty-wrapper .qty-change-wrapper {
		margin-left: 60px;
	}
	.recurpay-account-body .subscription-prod-variant.change-variant,
	.recurpay-account-body
		.subscription-prod-variant.change-variant
		.change-variant-btn {
		font-size: 13px;
	}
	.recurpay-account-body .edit-page-wrapper .account-header {
		padding: 5px 0px 10px 0px;
	}
	.recurpay-account-body
		.custom-btn-flex-wrapper
		.qty-change-wrapper.atc-qty-wrapper
		.qty-icon {
		padding: 15px 5px 15px 5px;
		font-size: 12px;
	}
	.recurpay-account-body .input-flex-span-wrapper {
		padding: 0px 2px;
	}
	.recurpay-account-body .qty-change-wrapper.atc-qty-wrapper .qty-input {
		padding: 4px 0px;
	}
	.recurpay-account-body .input-flex-span-wrapper .span-desc {
		font-size: 11px;
	}
	.recurpay-account-body .update-subscription-wrapper {
		flex-direction: column;
		padding: 20px 20px;
	}
	.recurpay-account-body .update-img-wrapper {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
	}
	.recurpay-account-body .update-img {
		width: 40px;
	}
	.recurpay-account-body .owl-carousel .owl-item .update-img img {
		width: 40px;
		height: 40px;
		min-width: 40px;
	}
	.recurpay-account-body .update-qty-count {
		padding: 1px 5px;
		font-size: 12px;
	}
	.recurpay-account-body .update-side-box {
		width: 100%;
		padding-top: 15px;
		justify-content: space-between;
	}
	.recurpay-account-body .total-amount-wrapper {
		display: flex;
		flex-direction: column;
		width: 45%;
		text-align: left;
		font-size: 12px;
		padding-right: 10px;
	}
	.recurpay-account-body .update-side-box .btn.custom-cancel-btn {
		display: none;
	}
	.recurpay-account-body .update-side-box .btn.custom-update-btn {
		margin: 0;
		padding: 10px 15px;
	}
	.recurpay-account-body .update-side-box .amount-divider {
		display: none;
	}
	.recurpay-account-body .update-side-box .total-amount-text {
		font-size: 13px;
	}
	.recurpay-account-body .update-side-box .total-amount-value {
		font-size: 15px;
		word-break: break-all;
	}
	.recurpay-account-body .update-img-wrapper.owl-carousel {
		width: 100%;
	}
	.recurpay-account-body
		.custom-carousel.owl-carousel
		.owl-nav
		button.owl-prev,
	.recurpay-account-body
		.owl-custom-carousel.owl-carousel
		.owl-nav
		button.owl-prev {
		background: #ffffff;
		left: -12px;
		outline: none;
		color: #323232;
		border: 1px solid #e2e2e2;
		width: 20px;
		height: 20px;
	}
	.recurpay-account-body
		.custom-carousel.owl-carousel
		.owl-nav
		button.owl-next,
	.recurpay-account-body
		.owl-custom-carousel.owl-carousel
		.owl-nav
		button.owl-next {
		background: #ffffff;
		right: -12px;
		outline: none;
		color: #323232;
		border: 1px solid #e2e2e2;
		width: 20px;
		height: 20px;
	}
	.recurpay-account-body
		.sticky-wrapper.is-sticky
		.update-subscription-wrapper {
		padding: 15px 30px;
	}
	.recurpay-account-body .update-subscription-popup .total-amount-wrapper {
		display: block;
		width: 100%;
	}
	.recurpay-account-body .confirm-btn a {
		text-decoration: none;
		color: #fff;
	}
	.recurpay-account-body .tab-list-wrapper .tab-list {
		display: flex;
		align-items: center;
		margin: 10px 15px;
		overflow: auto;
	}
	.recurpay-account-body .tab-list-wrapper .tab-list li {
		font-size: 12px;
		padding: 5px 10px;
	}
	.recurpay-account-body .change_variant_popup .variant-side-wrapper {
		width: 100%;
		border-bottom: 1px solid #e2e2e2;
		padding: 12px 10px;
	}
	.recurpay-account-body
		.change_variant_popup
		.variant-side-wrapper
		.variant-img {
		width: 80px;
		height: 80px;
	}
	.recurpay-account-body .change_variant_popup .variant-title {
		font-size: 14px;
		font-weight: 600;
	}
	.recurpay-account-body .change_variant_popup .product-variant-info {
		flex-direction: column;
	}
	.recurpay-account-body .change_variant_popup .variant-select-wrapper {
		width: 100%;
		border: none;
		padding: 10px 5px 20px 5px;
	}
	.recurpay-account-body
		.change_variant_popup.variant__popup
		.content-wrapper
		.variant-select-wrapper
		h2 {
		font-size: 16px;
		padding-bottom: 10px;
	}
	.recurpay-account-body
		.change_variant_popup
		.qty-change-wrapper.atc-qty-wrapper
		input {
		padding: 4px 0px;
	}
	.recurpay-account-body .mfp-popup .button-wrapper.edit-button-wrapper {
		text-align: center;
	}
	.recurpay-account-body
		.mfp-popup
		.button-wrapper.edit-button-wrapper
		.popup-btn {
		width: 95%;
		margin: 0 auto;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.recurpay-account-body
		.variant-side-list-wrapper
		.custom-btn-primary.add-product-btn {
		width: 100%;
		min-width: 155px;
		margin-top: 10px;
		padding: 8px 25px;
		text-align: center;
		justify-content: center;
	}
	.recurpay-account-body .mfp-popup.update-subscription-popup .confirm-btn {
		width: 100%;
		margin-bottom: 0px;
		padding: 14px 10px;
	}
	.recurpay-account-body .edit-subscription-btn.hide-mobile {
		display: none;
	}
	.recurpay-account-body .prepaid-plan-status {
		font-size: 13px;
		padding: 5px 8px;
	}
	.recurpay-account-body .add-more-product {
		display: flex;
		align-items: center;
		background: #fff;
		color: #46a07e;
		border: 1px solid #46a07e;
		font-size: 14px;
		padding: 4px 20px;
		cursor: pointer;
		text-transform: uppercase;
	}
	.recurpay-account-body .add-more-product i {
		font-size: 15px;
		padding-right: 3px;
		font-weight: 500;
	}
	.recurpay-account-body .account-flex-wrapper {
		flex-direction: column;
		font-size: 22px;
		justify-content: start;
		padding: 5px 20px;
	}
	.recurpay-account-body .account-flex-wrapper a {
		width: 100%;
	}
	.recurpay-account-body .account-flex-wrapper .account-header {
		padding: 0px;
	}
	.recurpay-account-body .account-primary-btn {
		width: 100%;
	}
	.recurpay-account-body .account-primary-btn.account-sticky-btn {
		width: 100%;
	}
	.recurpay-account-body .sticky-btn-wrapper {
		position: fixed;
		bottom: 0;
		z-index: 9;
		margin-bottom: 0px;
		padding: 12px 10px;
		left: 0;
		width: 100%;
		background: #fff;
		border-top: 1px solid #e2e2e2;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
	}
	.recurpay-account-body .mw-100 {
		width: 100%;
		margin: 0;
		margin-top: 5px;
	}
	.recurpay-account-body .new-card.order-card {
		padding-bottom: 15px;
		margin-bottom: 25px;
	}
	.recurpay-account-body .alert-box {
		margin-bottom: 10px;
	}
	.recurpay-account-body .shine-animate:after {
		display: none;
	}
}
.toast-title {
	font-weight: bold;
}
.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.toast-message a,
.toast-message label {
	color: #ffffff;
}
.toast-message a:hover {
	color: #cccccc;
	text-decoration: none;
}
.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	-webkit-text-shadow: 0 1px 0 #ffffff;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
}
.rtl .toast-close-button {
	left: -0.3em;
	float: left;
	right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
}
.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;
}
.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
}
.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;
}
.toast-top-left {
	top: 12px;
	left: 12px;
}
.toast-top-right {
	top: 12px;
	right: 12px;
}
.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}
.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}
#toast-container {
	position: fixed;
	z-index: 999999;
	pointer-events: none;
	/*overrides*/
}
#toast-container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#toast-container > div {
	position: relative;
	pointer-events: auto;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 300px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	-moz-box-shadow: 0 0 12px #999999;
	-webkit-box-shadow: 0 0 12px #999999;
	box-shadow: 0 0 12px #999999;
	color: #ffffff;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
}
#toast-container > div.rtl {
	direction: rtl;
	padding: 15px 50px 15px 15px;
	background-position: right 15px center;
}
#toast-container > div:hover {
	-moz-box-shadow: 0 0 12px #000000;
	-webkit-box-shadow: 0 0 12px #000000;
	box-shadow: 0 0 12px #000000;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
}
#toast-container > .toast-info {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=') !important;
}
#toast-container > .toast-error {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=') !important;
}
#toast-container > .toast-success {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==') !important;
}
#toast-container > .toast-warning {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=') !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.toast {
	background-color: #030303;
}
.toast-success {
	background-color: #51a351;
}
.toast-error {
	background-color: #bd362f;
}
.toast-info {
	background-color: #2f96b4;
}
.toast-warning {
	background-color: #f89406;
}
.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000000;
	opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 11em;
	}
	#toast-container > div.rtl {
		padding: 8px 50px 8px 8px;
	}
	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}
	#toast-container .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em;
	}
}
@media all and (min-width: 241px) and (max-width: 480px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 18em;
	}
	#toast-container > div.rtl {
		padding: 8px 50px 8px 8px;
	}
	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}
	#toast-container .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em;
	}
}
@media all and (min-width: 481px) and (max-width: 768px) {
	#toast-container > div {
		padding: 15px 15px 15px 50px;
		width: 25em;
	}
	#toast-container > div.rtl {
		padding: 15px 50px 15px 15px;
	}
}

.custom-tooltip {
	position: relative;
	cursor: pointer;
}

.custom-tooltip::before,
.custom-tooltip::after {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out;
}

.custom-tooltip:hover::before,
.custom-tooltip:hover::after {
	opacity: 1;
	visibility: visible;
}

.custom-tooltip::before {
	content: attr(data-custom-tooltip);
	width: max-content;
	min-width: 100%;
	max-width: 300px;
	font-size: 14px;
	color: #fff;
	background: rgb(42 42 42);
	border-radius: 5px;
	padding: 8px 15px;
}

.custom-tooltip::after {
	content: '';
	width: 0;
	height: 0;
}

.custom-tooltip--top::before,
.custom-tooltip--top::after {
	bottom: 100%;
	left: 50%;
	transform: translate(-50%);
	margin-bottom: 15px;
}

.custom-tooltip--top::after {
	margin-bottom: 8px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid rgb(42 42 42);
}

.custom-tooltip--bottom::before,
.custom-tooltip--bottom::after {
	top: 100%;
	left: 50%;
	transform: translate(-50%);
	margin-top: 15px;
}

.custom-tooltip--bottom::after {
	margin-top: 8px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 7px solid rgb(42 42 42);
}

.custom-tooltip--right::before,
.custom-tooltip--right::after {
	top: 50%;
	left: 100%;
	transform: translate(0, -50%);
	margin-left: 15px;
}

.custom-tooltip--right::after {
	margin-left: 8px;
	border-top: 5px solid transparent;
	border-right: 7px solid rgb(42 42 42);
	border-bottom: 5px solid transparent;
}

.custom-tooltip--left::before,
.custom-tooltip--left::after {
	top: 50%;
	right: 100%;
	transform: translate(0, -50%);
	margin-right: 15px;
}

.custom-tooltip--left::after {
	margin-right: 8px;
	border-top: 5px solid transparent;
	border-left: 7px solid rgb(42 42 42);
	border-bottom: 5px solid transparent;
}

.autoExpiryMsgAdmin {
	display: flex;
	font-size: 12px;
	margin-top: 5px;
}
.autoExpiryMsgAdmin i {
	color: #f0aa40;
	font-size: 20px;
}
.autoExpiryMsgAdmin span {
	margin-left: 5px;
	line-height: 1.2;
	font-size: 11.5px;
	margin-top: 4px;
}
.disable-link {
	color: #9b9898 !important;
	cursor: not-allowed !important;
}
.disable-link:hover {
	text-decoration: none !important;
}

.subscription-prod-heading .edit-subscription-btn.disabled i {
	color: #a7a7a7;
}

.subscription-prod-heading .edit-subscription-btn.disabled span {
	/* font-size: 13px; */
	font-weight: 400;
	text-decoration: none;
	color: #a7a7a7;
	border-bottom: 1px dashed #e2e2e2;
	cursor: not-allowed;
}
.subscription-prod-heading .edit-subscription-btn.disabled {
	pointer-events: none;
}

.recurpay-account-body .box-shadow-radius {
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05),
		0 5px 15px 0 rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	border: transparent;
}
.recurpay-account-body .compare-at-price {
	border: none;
	color: #777777;
	text-decoration: line-through;
	font-weight: 100;
	margin-right: 3px;
	padding-right: 0px;
}
.recurpay-account-body
	.recommended-box-layout
	.update-img-wrapper.owl-carousel {
	width: 100%;
}
.recurpay-account-body .recommended-box-layout .update-img {
	width: fit-content;
}
.recurpay-account-body .recommended-box-layout .update-img img {
	width: 150px;
	max-width: 150px;
	min-width: 150px;
	height: 150px;
	max-height: 150px;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
}
.recurpay-account-body .recommended-box-layout .addon-product-wrapper {
	max-width: 100%;
	min-width: 210px;
	width: 210px;
	border-radius: 20px;
}
.recurpay-account-body
	.recommended-box-layout[data-upsell-source='dp_bottom_b1']
	.addon-product-wrapper {
	min-width: 185px;
	width: 185px;
	margin-left: 10px;
}
.recurpay-account-body .recommended-box-layout .addon-discount-label {
	padding-top: 10px;
}
.recurpay-account-body .recommended-box-layout .addon-product-img {
	height: 150px !important;
	width: 150px !important;
	object-fit: scale-down;
	border-radius: 50%;
	border: 1px solid #f5f5f5;
	margin: 0 auto;
}
.recommended-box-layout .recommended-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.recommended-box-layout .recommended-flex-title {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	padding-left: 10px;
	padding-bottom: 15px;
}
.recommended-box-layout .recommended-flex-view {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #747475;
	margin-right: 8px;
	min-width: 90px;
	justify-content: flex-end;
}
.recommended-box-layout .recommended-flex-view:hover {
	border-bottom: 1px dashed #979799;
	padding-right: 0px;
	cursor: pointer;
}
.recommended-box-layout .recommended-flex-view a:hover {
	border: none;
	text-decoration: none;
}
.recommended-box-layout {
	margin-bottom: 22px;
}
.recommended-box-layout .recommended-flex-view i {
	font-size: 21px;
	font-weight: unset;
	margin-left: 4px;
}
.recurpay-account-body .addon-product-price {
	font-size: 13px;
	font-weight: 600;
}
.recurpay-account-body .recommended-box-layout .custom-btn-flex-wrapper,
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.custom-btn-flex-wrapper {
	width: 100%;
	padding: 0px;
	margin: 0 auto;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.custom-btn-flex-wrapper {
	padding: 0px 10px 0px 0px;
}
.recurpay-account-body
	.recommended-box-layout
	.custom-btn-secondary.add-product-btn,
.recurpay-account-body
	.recurpay-account-upsell-page
	.custom-btn-secondary.add-product-btn {
	cursor: pointer;
	font-size: 14px;
	padding: 3px 15px;
	padding-right: 6px;
	background: var(--primary-light-color, #edfff3);
	border: 1px solid var(--button-background-color, #46a07e);
	color: var(--button-text-color, #46a07e);
	border-radius: 34px;
}
.recurpay-account-body .recommended-box-layout .addon-product-wrapper {
	box-shadow: -1px 0px 5px 1px #e7e7e7;
	margin-left: 10px;
}
.recurpay-account-body .recurpay-account-page .custom-carousel .owl-nav,
.recurpay-account-body .owl-custom-carousel.owl-carousel .owl-nav {
	display: flex;
	align-items: center;
	margin: 0 auto;
	text-align: center;
	justify-content: center;
	margin-top: 20px;
	position: relative;
	top: unset;
	right: unset;
}
.recurpay-account-body
	.recurpay-account-page
	.owl-custom-carousel.owl-carousel
	.owl-nav
	button.owl-prev {
	background: #f5f5f7;
	border-color: #d7d7d7;
	color: #8a8a8a;
	border-radius: 30px;
	position: relative;
	left: unset;
	right: unset;
}
.recurpay-account-body
	.recurpay-account-page
	.owl-custom-carousel.owl-carousel
	.owl-nav
	button.owl-next {
	margin-left: 10px;
	background: #f5f5f7;
	border-color: #d7d7d7;
	color: #8a8a8a;
	border-radius: 30px;
	position: relative;
	left: unset;
	right: unset;
}
.recurpay-account-body
	.recurpay-account-page
	.owl-custom-carousel.owl-carousel
	.owl-nav
	button.owl-prev
	span,
.recurpay-account-body
	.recurpay-account-page
	.owl-custom-carousel.owl-carousel
	.owl-nav
	button.owl-next
	span {
	font-size: 27px;
	font-weight: 100;
	position: absolute;
	top: calc(50% - 1px);
	transform: translateY(-50%);
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.qty-change-wrapper.atc-qty-wrapper {
	display: flex;
	margin: 0px;
	height: 45px;
	border-radius: 15px;
	border: 1px solid #e2e2e2;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.qty-change-wrapper.atc-qty-wrapper
	.qty-input {
	cursor: pointer;
	display: block;
}

.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper-label {
	padding-left: 12px;
	font-size: 14px;
	color: #2b2b2b;
	padding-bottom: 2px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper {
	list-style: none;
	display: flex;
	padding: 10px 10px;
	margin-bottom: 14px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper
	li.selected-list-tag,
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-variant-select
	li.selected-list-tag:last-child {
	border: 0.1rem solid var(--primary-color, #46a07e);
	color: var(--primary-color, #46a07e);
	font-weight: 600;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper
	li,
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-variant-select
	li:last-child {
	cursor: pointer;
	border-bottom: none;
	border: 1px solid #e2e2e2;
	padding: 9px 10px;
	line-height: 20px;
	display: flex;
	align-items: center;
	height: unset;
	min-height: unset;
	border-radius: 6px;
	font-size: 14px;
	margin-right: 8px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-variant-select:first-child {
	margin-top: 0px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-variant-select
	.product-options-list-wrapper:last-child {
	margin-bottom: 0px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper.only-default-variant,
.only-default-variant {
	display: none;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-variant-wrapper
	select.product-options-select {
	display: none;
}
.recurpay-account-body
	.mfp-popup.variant__popup.change_variant_popup.change_variant_new_popup {
	max-width: 450px;
	border-radius: 20px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-variant-info {
	flex-direction: column;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-side-wrapper {
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	display: flex;
	align-items: center;
	padding: 25px 15px 10px 15px;
	text-align: left;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-side-wrapper
	.variant-img {
	width: 100px;
	height: 100px;
	min-width: 100px;
	min-height: 100px;
	border-radius: 50%;
	border: 1px solid #e2e2e2;
	padding: 2px;
	object-fit: contain;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-title-wrapper {
	display: flex;
	flex-direction: column;
	padding: 0px 30px 0px 15px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-title {
	padding: unset;
	font-size: 14px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-subtitle-wrapper {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-subtitle-icon {
	display: none;
	font-size: 13px;
	padding-left: 6px;
	color: #8b8b8b;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-subtitle-wrapper.allow-variant-edit
	.variant-subtitle {
	border-bottom: 1px dashed #bbbbbb;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-subtitle-wrapper.allow-variant-edit
	.variant-subtitle-icon {
	display: block;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-subtitle {
	display: block;
	font-size: 14px;
	padding-top: 3px;
	color: #8b8b8b;
	width: fit-content;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-price-wrapper {
	display: flex;
	align-items: center;
	padding-top: 10px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-price {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: var(--primary-color, #46a07e);
	padding: 0px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-compare-price {
	margin-left: 7px;
	text-decoration: line-through;
	font-weight: 100;
	color: #7f7f7f;
	padding: 0px;
	font-size: 15px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup.mfp-popup
	.button-wrapper.edit-button-wrapper
	.popup-btn {
	width: 100%;
	margin: 0px;
	height: 45px;
	padding: 10px 50px;
	border-radius: 20px;
	background: var(--button-background-color, #46a07e);
	color: var(--button-text-color, #fff);
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup.mfp-popup
	.button-wrapper.edit-button-wrapper
	.popup-btn.btn--loading
	.btn-loader {
	position: absolute;
	opacity: 1;
	top: 50%;
	transform: translateY(-50%);
	height: 20px;
	width: 20px;
	left: calc(50% - 20px);
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-select-wrapper {
	width: 100%;
	border: none;
	padding: 10px 15px 20px 15px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup.mfp-popup
	.button-wrapper.edit-button-wrapper {
	display: flex;
	align-items: center;
	padding: 15px 10px;
}
.recurpay-account-body .recurpay-account-upsell-page .custom-btn-flex-wrapper,
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.custom-btn-flex-wrapper {
	max-width: 105px;
	padding: 0px 10px 0px 0px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.qty-change-wrapper.atc-qty-wrapper {
	margin: 0px;
	height: 45px;
	border-radius: 20px;
	border: 1px solid #e2e2e2;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.custom-btn-flex-wrapper
	.qty-change-wrapper.atc-qty-wrapper
	.qty-icon {
	height: 50px;
	display: flex;
	align-items: center;
	background: unset;
	line-height: 16px;
	background: unset;
	font-weight: 700;
	padding: 15px 11px 15px 11px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.qty-change-wrapper.atc-qty-wrapper
	input {
	height: 40px;
}
.product-options-subdesc {
	display: block;
	color: #8b8b8b;
	font-size: 13px;
	font-weight: 100;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper-subscription
	li
	.product-options-subtitle {
	color: #323232;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper-subscription
	li {
	margin-bottom: 12px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper-subscription {
	list-style: none;
	display: flex;
	flex-direction: column;
	padding: 10px 10px;
	padding-top: 5px;
	margin-bottom: 14px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper-subscription
	li
	.recurpay__radio_group {
	display: flex;
	margin-right: 10px;
	color: #c4c4c4;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper-subscription
	li.selected-list-tag
	.recurpay__radio_group
	svg {
	fill: none;
	min-width: 24px;
	min-height: 24px;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper-subscription
	li.selected-list-tag
	.recurpay__radio_group
	.recurpay__radio_svg {
	transform: scale(1);
	opacity: 1;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper-subscription
	li
	.recurpay__radio_group
	.recurpay__radio_svg {
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	transform-origin: center;
	transform: scale(0);
	opacity: 0;
}
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper-subscription
	li.selected-list-tag
	.recurpay__radio_group {
	color: var(--primary-color, #46a07e);
}
.recurpay-account-body .ribbon {
	width: 122px;
	height: 122px;
	overflow: hidden;
	position: absolute;
}
.recurpay-account-body .ribbon-top-left {
	top: -10px;
	left: -10px;
}
.recurpay-account-body .ribbon::before,
.recurpay-account-body .ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid var(--primary-color, #46a07e);
}
.recurpay-account-body .ribbon-top-left::before,
.recurpay-account-body .ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}
.recurpay-account-body .ribbon-top-left::before {
	top: -1px;
	right: 40px;
}
.recurpay-account-body .ribbon-top-left::after {
	bottom: 40px;
}
.recurpay-account-body .ribbon span {
	position: absolute;
	display: block;
	width: 149px;
	padding: 2px 0;
	background-color: var(--primary-color, #46a07e);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	color: #fff;
	font-size: 13px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	text-align: center;
}
.recurpay-account-body .ribbon-top-left span {
	right: 22px;
	top: 31px;
	transform: rotate(-45deg);
	padding-left: 24px;
}
.recurpay-account-body
	.recommended-box-layout
	.addon-product-wrapper
	.ribbon-top-left::after {
	bottom: 40px;
	left: 0px;
}

.recurpay-account-body
	.recommended-box-layout
	.addon-product-wrapper
	.ribbon-top-left::before {
	top: 8px;
	right: 46px;
}
.recurpay-account-body
	.recommended-box-layout
	.addon-product-wrapper
	.ribbon-top-left
	span {
	right: 38px;
	width: 94px;
	top: 26px;
	transform: rotate(-45deg);
	padding-left: 10px;
	font-size: 10px;
}
.recurpay-account-body
	.recommended-box-layout
	.addon-product-wrapper
	.ribbon-top-left::after {
	bottom: 48px;
	left: 10px;
}
.recurpay-account-body
	.recommended-box-layout
	.change_variant_popup.change_variant_new_popup
	.ajax-loader-wrapper {
	border-radius: 20px;
}
.recurpay-account-body .recommended-box-layout .addon-product-list {
	padding-bottom: 0px;
}
.recurpay-account-body
	.recommended-box-layout
	.addon-product-wrapper
	.addon-compare-price {
	color: #7e7e7e;
	font-weight: 100;
	text-decoration: line-through;
	padding-left: 8px;
}
.recurpay-account-body
	.recommended-box-layout
	.addon-product-wrapper
	.addon-selling-price {
	display: inline;
	color: var(--primary-color, #46a07e);
	font-weight: 700;
}
.recurpay-account-body .addon-section {
	display: block !important;
	padding-top: 0px;
}

.recurpay-account-body
	.recurpay-account-upsell-page
	.custom-search-box.new-search {
	border-radius: 50px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05),
		0 5px 15px 0 rgba(0, 0, 0, 0.05);
	border: transparent;
}
.recurpay-account-body
	.recurpay-account-upsell-page
	.custom-search-box.new-search
	.search-bar.custom-search {
	border-radius: 50px;
}
.recurpay-account-body
	.recurpay-account-upsell-page
	.addon-product-wrapper.brand-body-background-color.brand-card-border-color {
	position: relative;
	overflow: hidden;
	flex: 1 0 21%;
	min-width: 210px;
	width: 210px;
	border-radius: 20px;
	box-shadow: -1px 0px 5px 1px #e7e7e7;
	margin-left: 10px;
}
.recurpay-account-body .recurpay-account-upsell-page img.addon-product-img {
	height: 180px !important;
	width: 180px !important;
	object-fit: scale-down;
	border-radius: 50%;
	border: 1px solid #f5f5f5;
	margin: 0 auto;
	margin-top: 10px;
}
.recurpay-account-body .recurpay-account-upsell-page .custom-btn-flex-wrapper,
.recurpay-account-body .recommended-box-layout .custom-btn-flex-wrapper {
	max-width: 105px;
	padding: 0px;
	margin: 0 auto;
}
.recurpay-account-body
	.recurpay-account-upsell-page
	.custom-btn-secondary.add-product-btn {
	cursor: pointer;
	font-size: 14px;
	padding: 3px 15px;
	padding-right: 6px;
	background: var(--primary-light-color, #edfff3);
	border: 1px solid var(--button-background-color, #46a07e);
	color: var(--button-text-color, #46a07e);
	border-radius: 34px;
}
.recurpay-account-body
	.recurpay-account-upsell-page
	.search-bar
	input.search-input {
	padding: 15px 15px 15px 50px;
}
.recurpay-account-body
	.recurpay-account-upsell-page
	.addon-product-wrapper
	.addon-compare-price {
	color: #7e7e7e;
	font-weight: 100;
	text-decoration: line-through;
	padding-left: 8px;
}
.recurpay-account-body
	.recurpay-account-upsell-page
	.addon-product-wrapper
	.addon-selling-price {
	display: inline;
	color: var(--primary-color, #46a07e);
	font-weight: 700;
}
.recurpay-account-body .recurpay-account-upsell-page .right-card-ribbon {
	position: absolute;
	right: -2px;
	top: 0px;
	font-size: 12px;
	background: var(--primary-color, #46a07e);
	color: #fff;
	padding: 4px 18px 4px 18px;
	border-radius: 3px 0px 3px 27px;
}
@media (max-width: 768px) {
	.recurpay-account-body .recommended-box-layout .addon-product-wrapper,
	.recurpay-account-body
		.recommended-box-layout[data-upsell-source='dp_bottom_b1']
		.addon-product-wrapper {
		width: 100%;
		min-width: 100px;
		margin-left: 0px;
	}
	.recurpay-account-body
		.mfp-popup.variant__popup.change_variant_popup.change_variant_new_popup {
		border-radius: 20px 20px 0px 0px;
	}
	.recurpay-account-body
		.change_variant_popup.change_variant_new_popup
		.variant-side-wrapper
		.variant-img {
		width: 80px;
		height: 80px;
		min-width: 80px;
		min-height: 80px;
	}
	.recurpay-account-body .mfp-popup.box-shadow-radius {
		border-radius: 20px 20px 0px 0px;
	}
	.recurpay-account-body
		.recurpay-account-upsell-page
		.addon-product-list
		.addon-product-wrapper.brand-body-background-color.brand-card-border-color:nth-child(
			even
		) {
		margin-right: 0px;
	}
	.recurpay-account-body
		.recurpay-account-upsell-page
		.addon-product-wrapper.brand-body-background-color.brand-card-border-color {
		width: 50%;
		max-width: unset;
		min-width: calc(50% - 10px);
		margin: 8px 12px;
		margin-left: 0px;
	}
	.recur-logo-header {
		z-index: 999;
	}
	.recurpay-account-body .recurpay-account-upsell-page img.addon-product-img {
		height: 140px !important;
		width: 140px !important;
		margin-top: 25px;
	}
	.recurpay-account-body
		.recurpay-account-upsell-page
		.mfp-auto-cursor
		.mfp-content {
		height: 100%;
	}
	.recurpay-account-body .recurpay-account-upsell-page .mfp-container {
		padding: 0;
	}
}
#account-login-page {
	display: flex;
	min-height: 70vh;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top: 15vh;
}

#account-login-page .login-img {
	margin-bottom: 1rem;
	margin-top: 3.5rem;
}
.account-card-pannel {
	padding: 20px 15px 15px 15px;
	border-radius: 6px;
	background-color: rgba(255, 255, 255, 0.8);
	margin: 0.5rem 0 1rem 0;
	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 0px -3px rgb(0 0 0 / 12%),
		0 0px 0px 0 rgb(0 0 0 / 20%);
	min-width: 34%;
}

.account-card-pannel .row {
	margin: 0;
}
.account-card-pannel .row .input-field {
	right: auto;
	left: auto;
	width: 100%;
	margin-left: auto;
	padding: 0 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.account-card-pannel .row .input-field i {
	font-size: 2rem;
	position: absolute;
	top: 0.4rem;
	width: 3rem;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}
.account-card-pannel .row .input-field i.active {
	color: #4ba872;
}

#account-login-page input {
	outline: none;
	background-color: transparent;
	border-radius: 4px;
	width: 100%;
	border: 1px solid rgba(29, 28, 29, 0.3);
	transition: border 80ms ease-out, box-shadow 80ms ease-out;
	padding: 11px 12px 13px;
	height: 44px;
	font-size: 16px;
	line-height: 1.33333333;
	box-shadow: none;
}

#account-login-page input.active {
	border-bottom: 1px solid #9e9e9e40;
}

#account-login-page label {
	position: absolute;
	top: 0;
	left: 4rem;
	cursor: text;
	transform-origin: 0 100%;
	transform: translateY(12px);
	transition: transform 0.2s ease-out, color 0.2s ease-out,
		-webkit-transform 0.2s ease-out, -moz-transform 0.2s ease-out,
		-o-transform 0.2s ease-out;
	text-align: initial;
	color: #9e9e9e;
}

#account-login-page label.active {
	color: #4ba872;
}

#account-login-page label.position {
	transform: translateY(-14px) scale(0.8);
	transform-origin: 0 0;
}

span.error-para {
	display: block;
	width: 100%;
	padding-top: 8px;
	text-align: left;
	padding-left: 44px;
}
span.error-plan {
	color: red;
	font-weight: 600;
	font-size: 14px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

#account-login-page .magic-link-card {
	margin: 0;
	padding: 0;
}
#account-login-page .magic-signin-link {
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-weight: 500;
	background: rgba(29, 28, 29, 0.05);
	color: rgba(97, 96, 97, 1);
	border-radius: 8px;
	padding: 12px 24px;
	line-height: 1.46668;
	font-size: 15px;
}

#account-login-page .magic-signin-link svg {
	justify-content: center;
	align-items: center;
	width: 19px;
	height: 20px;
	display: inline-flex;
	position: relative;
}
#account-login-page .magic-signin-link span {
	padding-left: 12px;
}
#account-login-page .magic-link-card .login-btn {
	width: 100%;
	transition: all 80ms linear;
	margin-bottom: 20px;
	padding: 0 16px 3px;
	height: 44px;
	border-radius: 4px !important;
	/* background: linear-gradient(45deg, #1fa27e, #5d9a7e) !important; */
	color: var(--button-text-color, #fff);
	min-height: 1px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	background-color: var(--button-background-color, #1fa27e);
}

.account-login-page-body {
	background: none;
}

#account-login-page .email-container {
	margin-top: 42px;
}

#account-login-page .login-form-container {
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	max-width: 400px;
	min-width: 400px;
}
.account-login-page-body .recur-logo-header a {
	display: none;
}

#account-login-page .recur-alt-name {
	font-size: 25px;
	color: var(--primary-color, #000);
}
#account-login-page .email-login-error {
	border: 1px solid #e01e5a;
}
.recurpay-account-body #account-login-page .btn-loader {
	left: 46%;
	height: 21px;
	width: 21px;
}
#account-login-page .recur-head-logo {
	max-height: 150px;
	max-width: 150px;
}

#account-login-page .magic-link-message {
	margin-top: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#account-login-page .magic-link-message .magic-link-sent-img {
	margin-right: 3px;
	margin-top: 4px;
}
#account-login-page .magic-link-message .magic-link-sent-img svg {
	height: 18px;
	width: 18px;
}
#account-login-page .magic-link-message .magic-link-sent-msg {
	font-weight: 600;
	/* white-space: nowrap; */
	margin-left: 4px;
}
#account-login-page .recur-logo-link:hover {
	text-decoration: none;
}

.place-order-instantly-wrapper {
	margin-top: 8px;
	font-size: 13px;
	margin-bottom: 7px;
}
.place-order-instantly-wrapper a {
	border-bottom: 1px dashed #000;
}
.place-order-instantly-wrapper a:hover {
	text-decoration: none;
}

@media (max-width: 500px) {
	#account-login-page .login-form-container {
		max-width: 80%;
		min-width: 80%;
	}
	#account-login-page .recur-head-logo {
		max-height: 120px;
		max-width: 120px;
	}
	#account-login-page .magic-link-message .magic-link-sent-msg {
		font-size: 13px;
	}
	#account-login-page .magic-link-message .magic-link-sent-img svg {
		height: 16px;
		width: 16px;
	}
}

@keyframes growProgressBar {
	0%,
	33% {
		--pgPercentage: 0;
	}
	100% {
		--pgPercentage: var(--value);
	}
}
@property --pgPercentage {
	syntax: '<number>';
	inherits: false;
	initial-value: 0;
}
div[role='progressbar'] {
	--size: 5rem;
	--fg: var(--primary-color, #46a07e);
	--bg: var(--primary-light-color, #e3fff5);
	--pgPercentage: var(--value);
	animation: growProgressBar 2s 1 forwards;
	width: var(--size);
	min-width: var(--size);
	height: var(--size);
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: radial-gradient(
			closest-side,
			white 80%,
			transparent 0 99.9%,
			white 0
		),
		conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
	font-family: Helvetica, Arial, sans-serif;
	font-size: calc(var(--size) / 5);
	color: var(--fg);
}

.md-stepper-horizontal {
	display: flex;
	width: 100%;
	margin: 0 auto 4rem;
	background-color: #fff;
	/* box-shadow: 0 3px 8px -6px rgba(0,0,0,.50); */
	box-shadow: none;
	border-radius: 20px;
}
.md-stepper-horizontal .md-step {
	position: relative;
	padding: 14px 10px 10px;
	flex-grow: 1;
	flex-basis: 0;
}
.info-tooltip {
	background: var(--primary-light-color);
	border: 1px solid var(--primary-color);
	padding: 2px 0;
	box-shadow: 0 3px 8px -6px rgba(0, 0, 0, 0.5);
	border-radius: 34px;
	text-align: center;
	color: var(--primary-color);
	margin: 10px 42px 0;
	font-size: 14px;
}
.md-stepper-horizontal .md-step:active {
	border-radius: 15% / 75%;
}
.md-stepper-horizontal .md-step:first-child:active {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.md-stepper-horizontal .md-step:last-child:active {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right {
	display: none;
}
.md-stepper-horizontal .md-step .md-step-bar-left {
	display: none;
}
.md-stepper-horizontal .md-step .md-step-circle {
	position: relative;
	width: 28px;
	height: 28px;
	margin: 0 auto;
	background-color: var(--primary-light-color, #999999);
	border-radius: 50%;
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}
.md-stepper-horizontal.green .md-step.active .md-step-circle {
	background-color: #00ae4d;
}
/* .md-stepper-horizontal.orange .md-step.active .md-step-circle {
	background-color:var(--primary-color, #000);
} */
.md-stepper-horizontal .md-step.current .md-step-circle {
	background-clip: content-box;
	padding: 3px;
}
.md-stepper-horizontal .md-step.active .md-step-circle,
.md-stepper-horizontal .md-step.current .md-step-circle {
	background-color: var(--primary-color, #000);
	border: 1px solid var(--primary-color, #000);
}
/* .md-stepper-horizontal .md-step.editable .md-step-circle {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
} */
.md-stepper-horizontal .md-step .md-step-title {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 600;
}
.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional {
	text-align: center;
	color: rgba(0, 0, 0, 0.26);
}
.md-stepper-horizontal .md-step.active .md-step-title,
.md-stepper-horizontal .md-step.current .md-step-title {
	font-weight: 600;
	color: rgba(0, 0, 0, 0.87);
}
.md-stepper-horizontal .md-step.active.done .md-step-title,
.md-stepper-horizontal .md-step.active.editable .md-step-title {
	font-weight: 600;
}
.md-stepper-horizontal .md-step .md-step-optional {
	font-size: 12px;
}
.md-stepper-horizontal .md-step.active .md-step-optional {
	color: rgba(0, 0, 0, 0.54);
}

/* .md-stepper-horizontal .md-step:nth-child(2) .md-step-bar-right{
    animation: growLine 2s linear forwards;
} */

/* .md-stepper-horizontal .md-step:nth-child(3) .md-step-bar-right{
    animation: growLine 2s linear 2s forwards;
} */

.md-stepper-horizontal .md-step .md-step-bar-right,
.md-stepper-horizontal .md-step.current .md-step-bar-right {
	position: absolute;
	top: 27px;
	height: 1px;
	border: 2.2px solid var(--primary-light-color, #dddddd);
	width: 88%;
}

@keyframes growLine {
	to {
		width: 91%;
	}
}

.arrow-up {
	right: 94px;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid var(--primary-color);
	float: right;
	position: relative;
	bottom: 16px;
}

.md-stepper-horizontal .md-step.active .md-step-bar-left,
.md-stepper-horizontal .md-step.active .md-step-bar-right {
	border-top: 3px solid var(--primary-color, #000000);
}
.md-stepper-horizontal .md-step .md-step-bar-right {
	right: 0;
	left: 50%;
	margin-left: 14px;
	width: 88%;
}
.md-stepper-horizontal .md-step .md-step-bar-left {
	left: 0;
	right: 50%;
	margin-right: 14px;
}
.recurpay-account-body
	.recurpay-account-page
	.md-stepper-horizontal.hide-mobile {
	display: flex;
	padding-top: 15px;
}
.stepper-orders-wrapper {
	display: none;
}
.md-stepper-horizontal .md-step.active .md-step-circle::after {
	content: '\2713';
	position: absolute;
	top: 3%;
	left: 27%;
	font-size: 15px;
}

#freeGiftPopup {
	max-width: 440px;
}

@media only screen and (max-width: 767px) {
	.stepper-orders-wrapper {
		display: block !important;
	}
	.recurpay-account-body
		.recurpay-account-page
		.md-stepper-horizontal.hide-mobile {
		display: none;
	}
	.md-stepper-horizontal.responsive-stepper {
		flex-direction: column;
		box-shadow: none;
	}
	.md-stepper-horizontal .md-step {
		display: flex;
		flex-wrap: wrap;
		padding: 25px 20px;
	}
	.md-stepper-horizontal .md-step .md-step-circle {
		margin: 0;
	}
	.md-stepper-horizontal .md-step .md-step-title {
		margin-top: 2px;
		margin-left: 16px;
	}
	.md-stepper-horizontal .md-step.active .md-step-circle::after {
		top: 0%;
		left: 26%;
		font-size: 14px;
	}
	.md-stepper-horizontal .md-step .md-step-bar-right {
		right: 0;
		left: 4.4%;
		margin-left: 14px;
	}
	.md-stepper-horizontal .md-step.active .md-step-bar-left,
	.md-stepper-horizontal .md-step.active .md-step-bar-right {
		border: none;
		border-left: 2px solid var(--primary-color);
	}
	.md-stepper-horizontal .md-step .md-step-bar-right,
	.md-stepper-horizontal .md-step.current .md-step-bar-right {
		position: absolute;
		top: 50px;
		height: 60px;
		border: none;
		border-left: 2.2px solid var(--primary-light-color);
	}
	.info-tooltip {
		top: 21px;
		left: 40%;
		width: 40%;
	}
	.arrow-up {
		display: none;
	}
	.md-stepper-horizontal {
		margin: 0 auto 1rem;
	}
	.md-stepper-horizontal .md-step .md-step-circle {
		width: 25px;
		height: 25px;
	}
	.recurpay-account-body
		.new-card.order-view-card
		.card-header.stepper-card-header {
		display: flex;
		padding: 7px 20px 7px 20px;
		border-radius: 20px;
	}
	.recurpay-account-body
		.new-card.order-view-card.active
		.stepper-card-header {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	/* .md-stepper-horizontal .md-step.current{
    padding-bottom: 8px;
  } */
	.md-stepper-horizontal .md-step.current .md-step-bar-right {
		height: 60px;
	}
	#freeGiftPopup {
		max-width: 100%;
	}
}
.highlight-products {
	border: 1px solid #fff;
	box-shadow: 0 0 0 rgb(232 191 124);
	animation: custom-pulse-anim 5s infinite;
}

@keyframes custom-pulse-anim {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.65);
	}

	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 152, 0, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 152, 0, 0);
	}
}

.skeleton-item {
	height: 20px;
	background: #ddd;
	margin: 10px 0;
	border-radius: 4px;
	animation: skeleton-loading 1.5s infinite;
}

.padding-box .skeleton-item {
	height: 16px;
	margin: 15px 20px;
}

.padding-box #skeleton {
	padding: 12px 5px;
}

@keyframes skeleton-loading {
	0% {
		background-color: #ddd;
	}
	50% {
		background-color: #ccc;
	}
	100% {
		background-color: #ddd;
	}
}
.exclusive-benefits-bold-text {
	color: #f00;
	font-weight: 700;
}
.exclusive-benefits-wrapper.border-bottom-radius {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.recurpay-account-body .new-card.order-card .main-card-header {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.recurpay-account-body
	.recommended-box-layout
	.custom-btn-secondary.out-of-stock-btn,
.recurpay-account-body
	.recurpay-account-upsell-page
	.custom-btn-secondary.out-of-stock-btn {
	font-size: 14px;
	padding-right: 6px;
	background: var(--primary-light-color, #edfff3);
	border: unset;
	border-radius: 34px;
	color: var(--recurpay_account_brand_color, #dc3545);
	cursor: not-allowed;
	padding: 3px 12px;
}

.disabled-cursor {
	pointer-events: none;
	opacity: 0.6;
	cursor: not-allowed;
}

.recurpay-account-body .custom-btn-secondary.out-of-stock-btn {
	border: 1px solid var(--recurpay_account_brand_color, #dc3545);
	margin: 10px 0px 0px 0px;
	color: var(--recurpay_account_brand_color, #dc3545);
	background: transparent;
	width: 100%;
	font-size: 15px;
	padding: 8px 25px;
	cursor: pointer;
	opacity: 0.6;
	cursor: not-allowed;
	pointer-events: none;
}

.recurpay-account-body .variant-side-list-wrapper .btn.out-of-stock-btn {
	padding: 10px;
	margin-top: 10px;
	justify-content: center;
	box-shadow: none;
	outline: none;
	border-radius: 4px;
	border: 1px solid var(--recurpay_account_brand_color, #dc3545);
	cursor: not-allowed;
	pointer-events: none;
	color: var(--recurpay_account_brand_color, #dc3545);
}

.kno-app.v-application {
	max-width: unset !important;
	width: 100%;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05),
		0 5px 15px 0 rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	border: transparent;
	overflow: hidden;
}
.material-icons.connected-icon.cancel-subscription-loader {
	display: none;
	justify-content: center;
	pointer-events: none;
	padding: 12px 0px 10px 0px;
}
.recurpay-account-body .padding-box .discount-input-wrappper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.recurpay-account-body input.recurpay-text-input {
	border: 1px solid #dedede;
	border-radius: 4px;
	padding-left: 10px;
	width: -webkit-fill-available;
	font-size: 13px;
	color: #3c3c3c;
	height: 2.1rem;
	margin: 0 0 8px 0;
}
.recurpay-account-body input.recurpay-text-input.mmb-error {
	border: 1px solid #bf0711;
}
.recurpay-account-body span.mmb-error-msg {
	display: block;
	font-size: 13px;
	color: #bf0711;
}
.recurpay-account-body input.recurpay-text-input.discount-container-text-input {
	flex-basis: 80%;
}
.recurpay-account-body .account-primary-btn.discount-apply-btn {
	padding: 6px 6px;
	margin-top: 0;
	flex-basis: 23%;
	margin-bottom: 8px;
	font-size: 14px;
	position: relative;
}
.recurpay-account-body .padding-box .discount-code-list-wrappper {
	overflow: auto;
	max-height: 152px;
}
.recurpay-account-body
	.padding-box
	.discount-code-list-wrappper
	ul.discount-code-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 0 0 0;
	margin: 0;
}
.recurpay-account-body
	.padding-box
	.discount-code-list-wrappper
	ul.discount-code-list
	li {
	background: #e2e2e2;
	padding: 0 10px;
	padding-right: 2px;
	margin: 3px 0;
	font-size: 13px;
	margin-right: 8px;
	display: flex;
	align-items: center;
	text-transform: inherit;
	border-radius: 4px;
}
.recurpay-account-body
	.padding-box
	.discount-code-list-wrappper
	ul.discount-code-list
	li
	.close-icon-span {
	line-height: 9px;
	padding: 6px 2px 6px 6px;
	cursor: pointer;
	margin-left: 2px;
}
.recurpay-account-body
	.padding-box
	.discount-code-list-wrappper
	ul.discount-code-list
	li
	.close-icon-span
	svg {
	width: 15px;
	height: 15px;
	fill: #555;
}
.recurpay-account-body
	.padding-box
	.discount-code-list-wrappper
	ul.discount-code-list
	li
	.close-icon-span:hover {
	background-color: #cecece;
	border-radius: 2px;
	margin-left: 3px;
}
.recurpay-account-body .confirm-btn.cancel-modal-btn {
	background: #d7372b;
	border: 1px solid #d7372b;
}
.recurpay-account-body .subscription-info-wrapper:has(.box-subscription-text) {
	display: flex;
	justify-content: space-between;
}
.recurpay-account-body .subscription-info-wrapper .box-subscription-text {
	margin-bottom: 0;
	font-size: 12px;
	text-transform: none;
	color: #777777;
}
.recurpay-account-page address {
	font-size: 13px;
}

/* New css changes */

.recurpay-account-body .box-shadow-radius#cancelFeedbackRegular {
	padding: 0;
}

.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.cancelFeedback_heading_wrapper {
	border-bottom: 1px solid #e2e2e2;
	padding: 20px;
	padding-bottom: 15px;
}

.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.cancelFeedback_heading_wrapper
	.arrow-text-wrapper {
	display: flex;
	align-items: center;
	gap: 4px;
}

.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.cancelFeedback_heading_wrapper
	a {
	display: none;
}
.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.cancelFeedback_heading_wrapper
	a
	i {
	margin-top: 2px;
	color: #000;
}
.recurpay-account-body .box-shadow-radius#cancelFeedbackRegular h2 {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}
.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.feedback_response_wrapper {
	padding: 20px;
	padding-top: 5px;
}

.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.feedback_response_wrapper.feedback_response_wrapper_third_screen {
	padding: 15px;
}
.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.feedback_response_wrapper.feedback_response_wrapper_third_screen
	.cancelFeedback_heading_savings_text {
	margin: 0px;
	margin-bottom: 10px;
}
.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.feedback_response_wrapper.feedback_response_wrapper_third_screen
	ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 0;
	font-size: 14px;
	background: #f9f3f0;
	border: 1px solid #eededf;
	border-radius: 4px;
	margin-bottom: 20px;
	border-bottom: none;
}

.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.feedback_response_wrapper.feedback_response_wrapper_third_screen
	ul
	li.cancellation-pointers {
	border-bottom: 1px solid #eededf;
	padding: 14px 20px;
	border-radius: 0px;
	color: #000;
}

.recurpay-account-body .plan-list li label .recurpay-subtitle {
	margin: 0;
	font-size: 12px;
	color: #6b6a6a;
}
.recurpay-account-body .mfp-popup .button-wrapper {
	padding-bottom: 20px;
}
.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.feedback_response_wrapper_second_screen
	.edit-feedback-text {
	font-size: 14px;
	display: block;
	margin-top: 15px;
	margin-bottom: 5px;
}
.cancelReasonFeedback {
	height: 135px;
	width: 100%;
	padding: 10px 10px;
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	margin-top: 0px;
	font-size: 14px;
	outline: none !important;
	margin-top: 10px;
}
.custom-date-wrappper .custom-date-text {
	font-size: 13px;
}
.recurpay-account-body .input-wrapper input#skipCustomDate {
	padding-top: 13px;
	padding-bottom: 13px;
}
.recurpay-account-body
	.feedback_response_wrapper_first_screen
	.plan-list
	li
	label,
.recurpay-account-body .feedback_response_wrapper_prepaid .plan-list li label {
	padding: 13px 15px;
}
.recurpay-account-body .toggle-button-wrapper .deny-cancel {
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
}
.recurpay-account-body .toggle-button-wrapper.proceed_button {
	display: flex;
	justify-content: space-between;
}
.recurpay-account-body .toggle-button-wrapper .secondary_button {
	color: #000;
	font-weight: 200;
	border: 1px solid #d4d8dc;
	padding: 11px 11px;
	flex-basis: 40%;
	background-color: #fff;
	margin-left: 10px;
	text-decoration: none;
}
.recurpay-account-body .toggle-button-wrapper .secondary_button .connected-icon,
.recurpay-account-body
	.toggle-button-wrapper
	.secondary_button.btn--loading
	.btn-content {
	display: none;
}

.recurpay-account-body
	.toggle-button-wrapper
	.secondary_button.btn--loading
	.connected-icon {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
}

recurpay-account-body
	.toggle-button-wrapper
	.secondary_button[disabled='disabled'],
.recurpay-account-body .toggle-button-wrapper .secondary_button:disabled {
	opacity: 0.5;
}
.recurpay-account-body
	.toggle-button-wrapper.proceed_button
	.stay-subscribed-btn {
	margin-right: 10px;
	width: 60%;
}
.recurpay-account-body .toggle-button-wrapper .stay-subscribed-btn {
	margin-right: 10px;
	width: 47%;
}

.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.feedback_response_wrapper.feedback_response_wrapper_first_screen {
	padding-bottom: 5px;
	padding-top: 0;
}
.cancelFeedback_heading_savings_text {
	display: flex;
	justify-content: start;
	align-items: flex-start;
	background: var(--recurpay_account_brand_color, #d9eae3);
	color: var(--recurpay_account_heading_text_color, #46a07e);
	padding: 9px 10px;
	font-size: 13px;
	border-radius: 4px;
	margin: 0;
	gap: 8px;
	font-weight: 100;
	margin-bottom: 0;
	margin-top: 12px;
}
.cancelFeedback_heading_savings_text
	.cancelFeedback_heading_savings_text_wrapper
	.savings-amount {
	font-size: 18px;
	font-weight: 700;
}
.cancelFeedback_heading_savings_text
	.cancelFeedback_heading_savings_text_wrapper
	.savings-amount-text {
	font-size: 16px;
	font-weight: 700;
}
.cancelFeedback_heading_savings_text
	.cancelFeedback_heading_savings_text_wrapper
	.savings-amount-description,
.cancelFeedback_heading_desc {
	font-size: 12px;
}
.recurpay-account-body
	.feedback_response_wrapper
	.plan-list
	li.radio-wrapper.active {
	border: 1px solid #46a07e;
	border-radius: 5px;
}
.recurpay-account-body .feedback_response_wrapper .plan-list {
	padding-top: 0;
}

.recurpay-account-body .feedback_response_wrapper .plan-list li {
	border-radius: 6px;
}

#cancelFeedbackRegular .content-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#cancelFeedbackRegular .feedback_response_wrapper {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	transition: transform 0.5s ease, opacity 0.5s ease;
	opacity: 0;
	transform: translateX(100%);
}

#cancelFeedbackRegular .feedback_response_wrapper.active {
	transform: translateX(0);
	opacity: 1;
	z-index: 1;
	position: relative;
}

#cancelFeedbackRegular .feedback_response_wrapper.exit-left {
	visibility: hidden;
	transform: translateX(-100%);
	opacity: 0;
}

#cancelFeedbackRegular .feedback_response_wrapper.exit-right {
	visibility: hidden;
	transform: translateX(100%);
	opacity: 0;
}

/* Set initial position and animation */
.mfp-slide-up .mfp-content {
	transform: translateY(100px);
	opacity: 0;
	transition: all 0.4s ease-out;
}

/* Animate to final position */
.mfp-slide-up.mfp-ready .mfp-content {
	transform: translateY(0);
	opacity: 1;
}

/* Animate on removal */
.mfp-slide-up.mfp-removing .mfp-content {
	transform: translateY(100px);
	opacity: 0;
}

.cancellation-pointers {
	padding: 6px 5px;
	display: flex;
	gap: 13px;
	align-items: self-start;
	color: #000;
	line-height: 18px;
}
.cancellation-pointers svg {
	height: 24px;
	width: 20px;
}

.recurpay-account-body #cancelFeedbackRegular .deny-cancel {
	margin-top: 0px;
}
.cancelFeedback_heading_savings_text svg {
	width: 23px;
	height: 23px;
}
.recurpay-account-body .mfp-popup .button-wrapper.toggle-button-wrapper {
	justify-content: space-between;
}
.recurpay-account-body
	.mfp-popup
	.button-wrapper.toggle-button-wrapper.cancellation-cta {
	flex-wrap: wrap;
}
.recurpay-account-body
	.toggle-button-wrapper
	.confirm-toggle-btn.cancel-subscription-final {
	margin-right: 20px;
}
.recurpay-account-body .edit-subscription-box .subscription-prod-wrapper {
	width: 50%;
	display: flex;
	flex-direction: column;
}
.recurpay-account-body .billing-side-info .billing-info-information-icon {
	display: none;
}

@media only screen and (max-width: 767px) {
	.recurpay-account-body .toggle-button-wrapper .deny-cancel {
		width: 90%;
		margin: 0px 17px;
		margin-top: 2px;
	}
	.recurpay-account-body .feedback_response_wrapper .plan-list ul {
		padding-left: 0px;
		max-height: 283px;
		overflow-y: scroll;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.recurpay-account-body .toggle-button-wrapper.proceed_button {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		padding: 10px 20px;
		gap: 10px;
	}
	.recurpay-account-body #cancelFeedbackRegular .proceed_button .deny-cancel {
		margin: 0px;
		width: 100%;
		font-weight: 400;
		font-size: 14px;
	}
	.recurpay-account-body
		.feedback_response_wrapper_second_screen
		.plan-list
		ul {
		margin-bottom: 0;
	}
	.cancelFeedback_heading_savings_text svg {
		width: 28px;
		height: 23px;
	}
	.recurpay-account-body
		.feedback_response_wrapper_first_screen
		.plan-list
		li
		label {
		padding: 15px 15px;
	}
	.recurpay-account-body .mfp-popup .button-wrapper.toggle-button-wrapper {
		flex-direction: column;
		gap: 10px;
	}
	.recurpay-account-body .edit-subscription-box .subscription-prod-wrapper {
		width: 100%;
	}
	.recurpay-account-body .billing-side-info .billing-side-info-subtext {
		display: none;
	}
	.recurpay-account-body .billing-list svg {
		margin-right: 0;
	}
	.recurpay-account-body .billing-side-info .billing-info-information-icon {
		display: block;
	}
	.recurpay-account-body .billing-side-info .billing-side-main-subtext {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 3px;
		position: relative;
	}
	.recurpay-account-body
		.recurpay-account-page
		.sticky-wrapper
		.owl-custom-carousel.owl-carousel
		.owl-nav
		button.owl-next {
		position: absolute;
		top: -51px;
		right: -11px;
		background-color: #fff;
	}
	.recurpay-account-body
		.recurpay-account-page
		.sticky-wrapper
		.owl-custom-carousel.owl-carousel
		.owl-nav
		button.owl-prev {
		position: absolute;
		top: -51px;
		left: -15px;
		background-color: #fff;
	}
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-variant-options {
	padding-top: 10px;
	display: flex;
	margin-left: 63px;
	width: 100%;
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-variant-options:empty {
	display: none;
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-option {
	display: flex;
	flex-direction: column;
	position: relative;
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-img {
	width: 40px;
	height: 40px;
	margin-right: 15px;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	cursor: pointer;
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-title
	span {
	align-items: center;
	padding-top: 5px;
	font-size: 12px;
	color: #777777;
	cursor: pointer;
	padding-left: 3px;
	display: inline-block;
	max-width: 45px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-option.selected-variant
	.subscription-prod-variant-img {
	border: 2px solid #45a07e;
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-option
	.variant-selected-icon {
	display: none;
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-option.selected-variant
	.variant-selected-icon {
	display: block;
	top: -5px;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 9px;
	background-color: #fff;
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-option.custom-tooltip--bottom::before,
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-option.custom-tooltip--bottom::after {
	top: 100%;
	left: 36%;
	transform: translate(-50%);
	margin-top: 6px;
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-option.custom-tooltip::before {
	padding: 7px 10px;
	text-align: center;
	font-size: 12px;
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-option.custom-tooltip--bottom::after {
	margin-top: 0;
}
.thumbnail-skeleton {
	width: 40px;
	height: 40px;
	margin-right: 9px;
	border-radius: 6px;
	background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
	background-size: 200% 100%;
	animation: skeleton-loading 1.5s infinite linear;
}
@keyframes skeleton-loading {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-option
	.more-options {
	width: 40px;
	height: 40px;
	margin-right: 15px;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	cursor: pointer;
	line-height: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f9f9f9;
}
.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-option
	.more-options
	.more-options-span {
	font-size: 14px;
	text-align: center;
	color: #777777;
}
.recommended-box-layout .owl-carousel .owl-stage {
	padding-left: 0 !important;
}
.recurpay-account-body
	.recurpay-account-page
	.subscription-benefits-box-layout {
	padding: 0px;
	background: #ffffff;
}
.recurpay-account-body
	.recurpay-account-page
	.subscription-benefits-box-layout
	.subscription-benefits-box {
	display: flex;
	padding: 20px 20px;
	border-bottom: 1px solid #e2e2e2;
}
.recurpay-account-body
	.recurpay-account-page
	.subscription-benefits-box-layout
	.subscription-benefits-box
	.progress-bar-number {
	font-size: 24px;
}
.recurpay-account-body
	.recurpay-account-page
	.subscription-benefits-box-layout
	.subscription-benefits-box
	.progress-bar-frequency {
	display: block;
	font-size: 13px;
}
.recurpay-account-body .recurpay-account-page .card.subscription-schedule-card {
	border: none;
	padding-left: 20px;
	margin-bottom: 0px;
	background: transparent;
}
.recurpay-account-body
	.recurpay-account-page
	.card.subscription-schedule-card
	.next-schedule-heading-text {
	margin-bottom: 10px;
	text-transform: inherit;
}
.recurpay-account-body
	.recurpay-account-page
	.card.subscription-schedule-card
	.place-order-instantly-link {
	border-bottom: 1px dashed #000;
	margin-right: 27px;
	width: fit-content;
	cursor: pointer;
}
.recurpay-account-body
	.recurpay-account-page
	.card.subscription-schedule-card
	.skip-subscription-revamp {
	border-bottom: 1px dashed #000;
	width: fit-content;
	cursor: pointer;
}
.recurpay-account-body .recurpay-account-page .exclusive-benefits-wrapper {
	background: var(--primary-light-color, #eef5f2);
	padding-bottom: 12px;
	display: none;
	min-height: 120px;
}
.recurpay-account-body
	.recurpay-account-page
	.exclusive-benefits-wrapper
	.exclusive-benefits-heading-text {
	color: #000;
	font-size: 15px;
	font-weight: 700;
	display: block;
	padding: 12px 20px 5px 20px;
}
.recurpay-account-body
	.recurpay-account-page
	.upcomming-offers-wrapper
	.upcomming-offers-heading-text {
	color: #000;
	font-size: 15px;
	font-weight: 700;
	display: block;
	padding: 12px 14px 5px 20px;
}
.recurpay-account-body
	.recurpay-account-page
	.upcomming-offers-wrapper
	.md-stepper-img-wrapper {
	position: relative;
	top: 6px;
	left: 28px;
}
.recurpay-account-body
	.recurpay-account-page
	.stepper-orders-wrapper
	.stepper-orders-card {
	margin: 0;
	margin: 15px 0;
}
.recurpay-account-body
	.recurpay-account-page
	.stepper-orders-wrapper
	.stepper-orders-card
	.stepper-orders-heading-text {
	margin-top: 13px;
	margin-left: 20px;
}
.recurpay-account-body
	.recurpay-account-page
	.exclusive-benefits-list
	.exclusive-benefits-list-item {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	padding: 12px 20px 5px 20px;
}
.subscription-free-gift-popup .free-gift-content-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 86px;
	padding: 0px 12px;
}
.subscription-free-gift-popup
	.free-gift-content-wrapper
	.free-gift-heading-text {
	padding-bottom: 20px;
	margin-left: auto;
	padding-top: 8px;
	text-align: center;
}
.subscription-free-gift-popup
	.free-gift-content-wrapper
	.free-gift-description {
	text-align: center;
	font-size: 15px;
	padding: 0 5px 12px;
}
.subscription-free-gift-popup .free-gift-content-wrapper .freeGiftPopup-btn {
	margin-top: 24px;
	background: var(--button-background-color, #46a07e);
	min-width: 284px;
	border-radius: 20px;
}
.recurpay-account-body
	.box-shadow-radius#cancelFeedbackRegular
	.cancelFeedback_heading_text_wrapper {
	line-height: 15px;
}

.recurpay-rating {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	margin-top: 4px;
	margin-bottom: 2px;
}

.recurpay-rating-stars {
	display: inline-flex;
	align-items: center;
}

.recurpay-rating-star {
	width: 13px;
	height: 13px;
	display: inline-block;
}

.recurpay-rating-star.filled {
	color: #4a7c59;
}

.recurpay-rating-star.empty {
	color: #d1d5db;
}

.recurpay-rating-star-half {
	position: relative;
	width: 12px;
	height: 12px;
	display: inline-block;
}

.recurpay-rating-star-half svg {
	position: absolute;
	top: 0;
	left: 0;
}

.recurpay-rating-star-half svg.filled {
	clip-path: inset(0 50% 0 0);
}

.recurpay-rating-value {
	font-size: 12px;
	color: #4a7c59;
	font-weight: 500;
	margin-left: 4px;
}

.recurpay-rating-count {
	font-size: 12px;
	color: #777;
	font-weight: 400;
	margin-left: 2px;
}
.recurpay-rating-wrapper {
	min-height: 23px;
}
.recurpay-account-body
	.mfp-popup
	.button-wrapper.toggle-button-wrapper
	.cancel-link-container {
	display: flex;
	justify-content: center;
	padding-top: 17px;
	width: 100%;
	padding-bottom: 5px;
}
.recurpay-account-body
	.mfp-popup
	.button-wrapper.toggle-button-wrapper
	.cancel-link-container
	a.cancel-link {
	font-size: 13px;
	color: #6b7280;
	text-decoration: underline !important;
	cursor: pointer;
	opacity: 0.8;
}
.recurpay-account-body .address-container .payment-mode-card__details {
	margin-top: 16px;
}

.recurpay-account-body .address-container .payment-mode-card__box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px;
	background: #f6f8f7;
	border-radius: 4px;
}

.recurpay-account-body .address-container .payment-mode-card__left {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.recurpay-account-body .address-container .payment-mode-card__brand {
	min-width: 48px;
	height: 32px;
	padding: 0 10px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 600;
	color: #0f1723;
	white-space: nowrap;
	display: none;
}

.recurpay-account-body .address-container .payment-mode-card__meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.recurpay-account-body .address-container .payment-mode-card__number {
	font-size: 14px;
	font-weight: 500;
	color: #0f1723;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recurpay-account-body .address-container .payment-mode-card__expiry {
	font-size: 13px;
	font-weight: 500;
	color: #8a8f90;
	margin: 0;
	white-space: nowrap;
}

.recurpay-account-body .address-container .payment-mode-card__type {
	font-size: 13px;
	font-weight: 500;
	color: #8a8f90;
	white-space: nowrap;
	margin-left: 12px;
	display: none;
}

.recurpay-account-body .address-container .payment-mode-card__details {
	margin-top: 16px;
}

.recurpay-account-body .address-container .payment-mode-card__box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px;
	background: #f6f8f7;
	border-radius: 4px;
}

.recurpay-account-body .address-container .payment-mode-card__left {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.recurpay-account-body .address-container .payment-mode-card__brand {
	min-width: 48px;
	height: 32px;
	padding: 0 10px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 600;
	color: #0f1723;
	white-space: nowrap;
	display: none;
}

.recurpay-account-body .address-container .payment-mode-card__meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.recurpay-account-body .address-container .payment-mode-card__number {
	font-size: 14px;
	font-weight: 500;
	color: #0f1723;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recurpay-account-body .address-container .payment-mode-card__expiry {
	font-size: 13px;
	font-weight: 500;
	color: #8a8f90;
	margin: 0;
	white-space: nowrap;
}

.recurpay-account-body .address-container .payment-mode-card__type {
	font-size: 13px;
	font-weight: 500;
	color: #8a8f90;
	white-space: nowrap;
	margin-left: 12px;
	display: none;
}

.info-container .skeleton-item {
	margin: 15px 10px;
}

.info-container #rp-actions-skeleton .skeleton-item {
	margin: 15px 0px;
}

.progressbar-skeleton-wrapper {
	display: flex;
	width: 100%;
	justify-content: left;
}

.progressbar-skeleton-circle {
	width: 80px;
	height: 80px !important;
	border-radius: 50%;
	margin: 0 !important;
}

/* Skeleton CSS */

.rp-benefits-skeleton,
.rp-order-skeleton-border {
	border-top: 1px solid #f5f5f5;
}
.mb-6 {
	margin-bottom: 6px;
}
.mb-8 {
	margin-bottom: 8px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-12,
.rp-skeleton-header.large-gap {
	margin-bottom: 12px;
}
.border-bottom {
	border-bottom: 1px solid #f5f5f5;
}
.rp-skeleton-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.rp-inline-flex {
	display: flex;
	align-items: center;
	gap: 8px;
}
.rp-inline-gap {
	display: flex;
	gap: 10px;
}
.rp-payment-wrapper {
	display: flex;
	align-items: center;
	gap: 12px;
}
.rp-actions-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.rp-contact-skeleton {
	display: flex;
	justify-content: center;
}
.rp-order-skeleton-block {
	padding: 16px 20px;
}
.rp-order-skeleton-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}
.rp-order-skeleton-content {
	display: flex;
	gap: 24px;
}
.rp-order-skeleton-column,
.rp-product-details {
	flex: 1;
}
#rp-order-skeleton,
#rp-benefits-order-skeleton {
	width: 100%;
}
.rp-skeleton-title {
	height: 14px;
	width: 45%;
	border-radius: 4px;
}
.rp-line-40,
.rp-skeleton-title.small {
	width: 40%;
}
.rp-skeleton-badge {
	height: 22px;
	width: 18%;
	border-radius: 20px;
}
.rp-skeleton-line {
	height: 13px;
	border-radius: 4px;
	margin-bottom: 8px;
}
.rp-line-50,
.rp-skeleton-line.medium {
	width: 50%;
}
.rp-line-70,
.rp-skeleton-line.large {
	width: 70%;
}
.rp-skeleton-line.medium-small {
	width: 60%;
	margin-bottom: 0;
}
.rp-skeleton-line.medium-large {
	width: 65%;
	margin-bottom: 0;
}
.rp-header-line {
	height: 14px;
	width: 40%;
	border-radius: 4px;
}
.rp-product-skeleton-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.rp-product-skeleton-item {
	display: flex;
	gap: 12px;
	align-items: center;
}
.rp-product-image {
	width: 52px;
	height: 52px;
	border-radius: 6px;
	flex-shrink: 0;
}
.rp-product-price {
	text-align: right;
}
.rp-price-line {
	width: 55px;
	height: 13px;
	border-radius: 4px;
	margin-bottom: 8px;
}
.rp-pricing-skeleton {
	padding: 12px 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
}
.rp-carousel-skeleton {
	margin-bottom: 16px;
}
.rp-carousel-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14px;
}
.rp-carousel-items {
	display: flex;
	gap: 12px;
	overflow: hidden;
}
.rp-carousel-card {
	min-width: 160px;
	min-height: 185px !important;
	border-radius: 8px;
	flex-shrink: 0;
}
.rp-progressbar-content {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.rp-progressbar-mini-lines {
	display: flex;
	gap: 8px;
	width: 100%;
}
.rp-benefits-skeleton {
	padding: 16px 20px;
}
.rp-benefits-lines {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 10px;
}
.rp-card-icon {
	width: 36px;
	height: 24px;
	border-radius: 4px;
	flex-shrink: 0;
}
.rp-card-line {
	width: 140px;
	height: 13px;
	border-radius: 4px;
}
.rp-card-subline {
	width: 100px;
	height: 12px;
	border-radius: 4px;
}
.rp-input-large {
	width: 75%;
	height: 36px;
	border-radius: 6px;
}
.rp-input-small {
	width: 20%;
	height: 36px;
	border-radius: 6px;
}
.rp-button-full {
	width: 100%;
	height: 40px;
	border-radius: 8px;
	margin-bottom: 14px;
}
.rp-badge-15 {
	width: 15%;
	height: 20px;
	border-radius: 20px;
}
.rp-badge-18 {
	width: 18%;
	height: 13px;
	border-radius: 20px;
}
.rp-line-8 {
	width: 8%;
}
.rp-line-10 {
	width: 10%;
}
.rp-line-12 {
	width: 12%;
}
.rp-line-14 {
	width: 14%;
}
.rp-line-15 {
	width: 15%;
}
.rp-line-18 {
	width: 18%;
}
.rp-line-20 {
	width: 20%;
}
.rp-line-30 {
	width: 30%;
}
.rp-line-35 {
	width: 35%;
}
.rp-line-45 {
	width: 45%;
}
.rp-line-55 {
	width: 55%;
}
.rp-line-60 {
	width: 60%;
}
.rp-line-65 {
	width: 65%;
}
.rp-line-75 {
	width: 75%;
}
.rp-line-full {
	width: 100%;
}
.rp-line-90 {
	width: 90%;
}
.rp-h-12 {
	height: 12px;
}
.rp-h-13 {
	height: 13px;
}
.rp-h-14 {
	height: 14px;
}
.rp-h-16 {
	height: 16px;
}
.rp-line-10,
.rp-line-12,
.rp-line-14,
.rp-line-15,
.rp-line-18,
.rp-line-20,
.rp-line-30,
.rp-line-35,
.rp-line-40,
.rp-line-45,
.rp-line-50,
.rp-line-55,
.rp-line-60,
.rp-line-65,
.rp-line-70,
.rp-line-75,
.rp-line-8,
.rp-line-full {
	border-radius: 4px;
}

.addon-product-wrapper .skeleton-card-image {
	margin: 0;
	height: 200px;
}

/* ==========================================================================
   VetPro Complete - Recurpay portal brand skin (single-paste version)

   Paste this ENTIRE block at the VERY END of your existing global.css.
   Nothing above it needs to change. It:
   - loads the brand fonts via @font-face (valid anywhere, unlike @import)
   - redefines the :root brand variables (a later :root wins)
   - overrides the hardcoded greens/blacks with plum/amber/oat

   Also set Recurpay -> Settings -> Customer portal -> Branding:
   brand color #5B2D66, button color #E8632B.
   Undo: the editor's "Restore original templates".
   ========================================================================== */

@font-face {
	font-family: 'Fraunces';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/fraunces/v38/6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeP2Xz5c.woff2)
		format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Fraunces';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/fraunces/v38/6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeP2Xz5c.woff2)
		format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/instrumentsans/v4/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0SZe1ZuWi3g.woff2)
		format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 500;
	font-stretch: 100%;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/instrumentsans/v4/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0SZe1ZuWi3g.woff2)
		format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/instrumentsans/v4/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0SZe1ZuWi3g.woff2)
		format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/instrumentsans/v4/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0SZe1ZuWi3g.woff2)
		format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Spline Sans Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/splinesansmono/v13/R70BjzAei_CDNLfgZxrW6wrZOF2WX5KZmE-Z-lw.woff2)
		format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Spline Sans Mono';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/splinesansmono/v13/R70BjzAei_CDNLfgZxrW6wrZOF2WX5KZmE-Z-lw.woff2)
		format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Spline Sans Mono';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/splinesansmono/v13/R70BjzAei_CDNLfgZxrW6wrZOF2WX5KZmE-Z-lw.woff2)
		format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---- Brand tokens (overrides the :root at the top of this file) -------- */

:root {
	--primary-color: #5b2d66;
	--primary-light-color: #f1eaf4;
	--button-background-color: #e8632b;
	--button-text-color: #fff;
}

/* ---- VetPro brand layer ------------------------------------------------ */

.recurpay-account-body {
	background: #faf6f0;
	color: #2b1533;
	font-family: 'Instrument Sans', system-ui, sans-serif;
	border-top: none;
}

.account-login-page-body,
.recurpay-account-body .recurpay-account-page .main-section,
.recurpay-account-body .bg-primary {
	background-color: #faf6f0 !important;
}

/* Headings: Fraunces, sentence case (their default forces uppercase) */
.recurpay-account-page h1,
.recurpay-account-body h2,
.recurpay-account-page h3,
.recurpay-account-page h4,
.recurpay-account-page h5,
.recurpay-account-page h6,
.recurpay-account-body .account-header {
	font-family: 'Fraunces', georgia, serif;
	font-optical-sizing: auto;
	font-weight: 500;
	text-transform: none;
	letter-spacing: -0.01em;
	color: #2b1533;
}

.recurpay-account-body .subheading {
	text-transform: none;
	font-family: 'Instrument Sans', system-ui, sans-serif;
}

/* Links */
.recurpay-account-body .recurpay-account-page a {
	color: #5b2d66;
}

.recurpay-account-body .recurpay-account-page a:hover,
.recurpay-account-body .recurpay-account-page a:focus,
.recurpay-account-body .recurpay-account-page a:active {
	color: #c94f1d;
}

/* Numbers read as data: prices, totals, dates */
.recurpay-account-body .total-price-info,
.recurpay-account-body .subtext-price-info,
.recurpay-account-body .next-delivery-date,
.recurpay-account-body .addon-product-price,
.recurpay-account-body .variant-side-price,
.recurpay-account-body .subscription-list-price,
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.variant-price,
.recurpay-account-body div[role='progressbar'] {
	font-family: 'Spline Sans Mono', ui-monospace, monospace;
	font-variant-numeric: tabular-nums;
}

/* Cards & surfaces */
.recurpay-account-body .subscription-box,
.recurpay-account-body .subscription-card,
.recurpay-account-body .padding-box,
.recurpay-account-body .info-wrapper {
	border-radius: 20px;
}

.recurpay-account-body .subscription-card,
.recurpay-account-body .box-shadow-radius {
	border: 1px solid rgba(43, 21, 51, 0.1);
}

.recurpay-account-body .subscription-card:hover {
	box-shadow: 0 12px 30px rgba(43, 21, 51, 0.06);
}

/* Primary action buttons → amber pill (their green/black variants) */
.recurpay-account-body .edit-subscription-btn,
.recurpay-account-body .view-subscription-btn,
.recurpay-account-body .account-primary-btn,
.recurpay-account-body .btn--primary,
.recurpay-account-body .confirm-btn,
.recurpay-account-body .custom-btn-primary,
.recurpay-account-body .toggle-button-wrapper .deny-cancel,
.recurpay-account-body .btn.color-primary,
.recurpay-account-body .btn.custom-update-btn,
.recurpay-account-body .date_select_wrap .button_wrap input,
.recurpay-account-body #account-login-page .magic-link-card .login-btn,
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup.mfp-popup
	.button-wrapper.edit-button-wrapper
	.popup-btn,
.recurpay-account-body
	.change_variant_popup.mfp-popup
	.button-wrapper.edit-button-wrapper
	.popup-btn {
	background: #e8632b !important;
	border-color: #e8632b !important;
	color: #ffffff !important;
	border-radius: 9999px;
	font-weight: 600;
	font-family: 'Instrument Sans', system-ui, sans-serif;
}

.recurpay-account-body .edit-subscription-btn:hover,
.recurpay-account-body .view-subscription-btn:hover,
.recurpay-account-body .account-primary-btn:hover,
.recurpay-account-body .confirm-btn:hover,
.recurpay-account-body .custom-btn-primary:hover,
.recurpay-account-body .btn.color-primary:hover {
	background: #c94f1d !important;
	border-color: #c94f1d !important;
	box-shadow: none;
}

.recurpay-account-body .edit-subscription-btn a,
.recurpay-account-body .confirm-btn a {
	color: #fff;
}

/* Secondary / outline actions → quiet plum pill */
.recurpay-account-body .trans-history-btn,
.recurpay-account-body .edit-box-footer .btn.add-more-btn,
.recurpay-account-body .add-more-product,
.recurpay-account-body .custom-btn-secondary.add-product-btn,
.recurpay-account-body .variant-side-list-wrapper .btn.add-product-btn,
.recurpay-account-body
	.recommended-box-layout
	.custom-btn-secondary.add-product-btn,
.recurpay-account-body
	.recurpay-account-upsell-page
	.custom-btn-secondary.add-product-btn,
.recurpay-account-body .popup-btn,
.recurpay-account-body .toggle-button-wrapper .secondary_button {
	background: #ffffff;
	border: 1.5px solid rgba(91, 45, 102, 0.35) !important;
	color: #5b2d66 !important;
	border-radius: 9999px;
	font-weight: 600;
}

.recurpay-account-body .trans-history-btn:hover,
.recurpay-account-body .edit-box-footer .btn.add-more-btn:hover,
.recurpay-account-body .custom-btn-secondary.add-product-btn:hover,
.recurpay-account-body .popup-btn:hover {
	background: #f1eaf4;
	border-color: #5b2d66 !important;
}

/* Cancel confirm inside popups stays visually quiet (supports save-flow) */
.recurpay-account-body .confirm-btn.cancel-modal-btn {
	background: transparent !important;
	border: 1.5px solid rgba(43, 21, 51, 0.25) !important;
	color: rgba(43, 21, 51, 0.7) !important;
}

/* Accent text-links → plum */
.recurpay-account-body .change-span,
.recurpay-account-body .item_property_link,
.recurpay-account-body
	.subscription-prod-variant.change-variant
	.change-variant-btn,
.recurpay-account-body .btn.btn-hyperlink-text,
.recurpay-account-body .btn.btn-hyperlink-text span,
.recurpay-account-body .text-primary {
	color: #5b2d66 !important;
}

/* Tabs: active underline plum */
.recurpay-account-body .tab-list-wrapper .tab-list li.current {
	border-bottom: 4px solid #5b2d66;
}

.recurpay-account-body .tab-list-wrapper .tab-list li {
	text-transform: none;
	font-weight: 600;
}

/* Quantity steppers & selected states → plum */
.recurpay-account-body .qty-change-wrapper {
	border-color: rgba(91, 45, 102, 0.4);
}

.recurpay-account-body .qty-change-wrapper .qty-icon {
	background: #f1eaf4;
	color: #5b2d66;
}

.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-options-list-wrapper
	li.selected-list-tag,
.recurpay-account-body
	.change_variant_popup.change_variant_new_popup
	.product-variant-select
	li.selected-list-tag:last-child {
	border-color: #5b2d66;
	color: #5b2d66;
}

.recurpay-account-body
	.edit-subscription-box
	.subscription-prod-wrapper
	.subscription-prod-variant-option.selected-variant
	.subscription-prod-variant-img {
	border-color: #5b2d66;
}

/* Toggle switch on = plum */
.recurpay-account-body .recurpay-account-page .switch input:checked + .slider {
	background-color: #5b2d66;
}

/* Inputs: focus in plum */
.recurpay-account-body .form__input-wrapper .form__input:focus,
.recurpay-account-body input.recurpay-text-input:focus,
.recurpay-account-body #account-login-page input:focus {
	border-color: #5b2d66;
	box-shadow: 0 0 0 3px rgba(164, 90, 149, 0.25);
}

.recurpay-account-body #account-login-page label.active,
.recurpay-account-body .account-card-pannel .row .input-field i.active {
	color: #5b2d66;
}

/* Skeleton loaders in brand tint */
.recurpay-account-body .skeleton-item,
.recurpay-account-body .thumbnail-skeleton {
	background: #f3ece2;
}

/* Info/benefit tints: lavender instead of mint/blue */
.recurpay-account-body .recurpay-account-page .exclusive-benefits-wrapper,
.recurpay-account-body .custom-info-card {
	background: #f1eaf4;
	border-color: #e2d5e6;
}

.recurpay-account-body .info-tooltip {
	background: #f1eaf4;
	border-color: #5b2d66;
	color: #5b2d66;
}

/* Ratings stars → amber like the storefront */
.recurpay-rating-star.filled {
	color: #e8632b;
}
.recurpay-rating-value {
	color: #5b2d66;
}

/* Header logo strip matches the page ground */
.recur-logo-header {
	background: #faf6f0;
}

/* ==========================================================================
   VetPro — Login page styling  (Deliverable: login polish)
   --------------------------------------------------------------------------
   WHERE THIS GOES
     Append this block to the END of global.css (the Account global.css), inside
     the VetPro brand layer. The login page has no editable HTML template, but it
     DOES load global.css, so all styling here is CSS-only.

   NOTE ON HEADER/FOOTER
     No editable JavaScript runs on the login page, so a real header/footer with
     clickable nav/links is not possible there. The announcement strip + footer
     below are decorative TEXT (not clickable). If your Recurpay editor has a
     "Login" template, send it and we can inject the real header/footer instead.

   Undo: delete this block, or Recurpay > "Restore original templates".
   ========================================================================== */

/* Decorative announcement strip (top) + footer strip (bottom) — login only */
.account-login-page-body::before {
	content: 'Subscribers save on every order \00B7 Skip or cancel anytime';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
	height: 36px;
	line-height: 36px;
	background: #341a3d;
	color: #faf6f0;
	font-family: 'Instrument Sans', system-ui, sans-serif;
	font-size: 13px;
	letter-spacing: 0.02em;
	text-align: center;
}
.account-login-page-body::after {
	content: '\00A9 VetPro Complete \00B7 Vet-founded. Vet-formulated. Clinical strength.';
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 20;
	padding: 14px 16px;
	background: #2b1533;
	color: rgba(250, 246, 240, 0.6);
	font-family: 'Instrument Sans', system-ui, sans-serif;
	font-size: 12px;
	text-align: center;
}

/* Logo — larger, with a little breathing room under the top strip */
#account-login-page {
	padding-top: 16px;
}
#account-login-page a.recur-logo-link img,
.recur-logo-header img.recur-head-logo {
	height: 72px !important;
	width: auto !important;
}

/* Welcome heading + supporting copy (injected above the form) */
#account-login-page .login-form-container::before {
	content: 'Manage your subscription';
	display: block;
	text-align: center;
	font-family: 'Fraunces', georgia, serif;
	font-weight: 500;
	font-size: 28px;
	letter-spacing: -0.01em;
	color: #2b1533;
	margin: 8px 0 6px;
}
#account-login-page form::before {
	content: 'Enter your email and we\2019ll send a secure, password-free sign-in link.';
	display: block;
	text-align: center;
	font-family: 'Instrument Sans', system-ui, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	color: rgba(43, 21, 51, 0.65);
	max-width: 360px;
	margin: 0 auto 20px;
}

/* Email input */
#account-login-page input.email {
	border: 2px solid rgba(43, 21, 51, 0.15) !important;
	border-radius: 0.75rem !important;
	padding: 14px 16px !important;
	font-family: 'Instrument Sans', system-ui, sans-serif !important;
	font-size: 15px !important;
	box-shadow: none !important;
	height: auto !important;
}
#account-login-page input.email:focus {
	border-color: #5b2d66 !important;
	box-shadow: 0 0 0 3px rgba(164, 90, 149, 0.25) !important;
}

/* Sign In button → amber pill (overrides the Materialize purple gradient) */
#account-login-page .login-btn {
	background: #e8632b !important;
	background-image: none !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 9999px !important;
	font-family: 'Instrument Sans', system-ui, sans-serif !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	padding: 14px 20px !important;
	text-transform: none !important;
	box-shadow: 0 10px 24px rgba(232, 99, 43, 0.25) !important;
	margin-bottom: 14px !important; /* gap above the magic-link card */
}
#account-login-page .login-btn:hover {
	background: #c94f1d !important;
}

/* Magic-link note → soft lavender card */
#account-login-page .magic-link-card {
	background: #f1eaf4 !important;
	border: 1px solid #e2d5e6 !important;
	border-radius: 16px !important;
	color: #5b2d66 !important;
	margin-top: 8px !important;
}

/* ==========================================================================
   VetPro Complete — Recurpay portal skin, LAYER 2 (page content)
   --------------------------------------------------------------------------
   WHERE THIS GOES
     Append this ENTIRE block to the END of the Account global.css, i.e. AFTER
     the existing "VetPro Complete - Recurpay portal brand skin" block that is
     already there. Layer 1 set the palette/fonts/buttons; this layer restyles
     the actual page furniture (tabs, contact card, subscription cards, the
     Deliver / Next Order / Billing stat row, product rows, actions) so the
     portal reads like vetprocomplete.com rather than a re-coloured Recurpay.

   DESIGN SOURCE
     vetpro-shopify-theme/assets/vetpro.css —
       ink #2b1533 · plum #5b2d66 · lav #f1eaf4 · oat #faf6f0 · amber #e8632b
       Fraunces = headings · Instrument Sans = body · Spline Sans Mono = data
       cards: #fff, 1px rgb(43 21 51 / 10%), radius 1.5rem
       eyebrows: mono 11–12px, uppercase, letter-spacing .18em, plum
       CTAs: amber pill, shadow 0 10px 24px rgb(232 99 43 / 25%)

   Undo: delete this block, or Recurpay > "Restore original templates".
   ========================================================================== */

:root {
	--vp-ink: #2b1533;
	--vp-plum: #5b2d66;
	--vp-plum-deep: #341a3d;
	--vp-lav: #f1eaf4;
	--vp-oat: #faf6f0;
	--vp-oat-deep: #f3ece2;
	--vp-amber: #e8632b;
	--vp-amber-deep: #c94f1d;
	--vp-line: rgba(43, 21, 51, 0.1);
	--vp-line-soft: rgba(43, 21, 51, 0.07);
	--vp-muted: rgba(43, 21, 51, 0.55);
	--vp-muted-strong: rgba(43, 21, 51, 0.72);
	--vp-body: 'Instrument Sans', system-ui, sans-serif;
	--vp-display: 'Fraunces', georgia, serif;
	--vp-mono: 'Spline Sans Mono', ui-monospace, monospace;
	--vp-card-radius: 24px;
}

/* ==========================================================================
   1. Page shell — match the theme's 76rem container and breathing room
   ========================================================================== */

.recurpay-account-body .main-wrapper {
	max-width: 76rem;
}

.recurpay-account-body .outer-wrap {
	padding: 36px 20px 0;
	gap: 28px;
	align-items: flex-start;
}

@media (min-width: 1024px) {
	.recurpay-account-body .outer-wrap {
		padding: 44px 32px 0;
	}
}

/* The stock sidebar is 30rem — far too wide next to the theme's rhythm. */
@media (min-width: 992px) {
	.recurpay-account-body #sideNav {
		width: 21rem;
		flex: 0 0 21rem;
	}
}

/* ==========================================================================
   2. Page heading + status tabs
   ========================================================================== */

.recurpay-account-body #recurpay-subscription-list-page .tab-list-wrapper {
	max-width: 76rem;
	margin: 0 auto;
	padding: 40px 20px 0;
	/* flex + order so the injected heading/lede sit ABOVE the tab list, which
	   is the wrapper's only real child */
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

@media (min-width: 1024px) {
	.recurpay-account-body #recurpay-subscription-list-page .tab-list-wrapper {
		padding: 48px 32px 0;
	}
}

.recurpay-account-body
	#recurpay-subscription-list-page
	.tab-list-wrapper::before {
	content: 'Your subscriptions';
	display: block;
	order: 1;
	font-family: var(--vp-display);
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	line-height: 1.1;
	letter-spacing: -0.01em;
	color: var(--vp-ink);
}

.recurpay-account-body
	#recurpay-subscription-list-page
	.tab-list-wrapper::after {
	content: 'Skip, swap, reschedule or cancel — any time, no phone call needed.';
	display: block;
	order: 2;
	font-family: var(--vp-body);
	font-size: 15px;
	line-height: 1.55;
	color: var(--vp-muted);
	margin-top: 8px;
	max-width: 34rem;
}

/* Status tabs are rebuilt as the storefront's own segmented control —
   .vp-filterchip from vetpro.css: pill, 2px hairline border, transparent
   until selected, then a solid plum fill. No underline rail. */
.recurpay-account-body .tab-list-wrapper .tab-list {
	order: 3;
	margin: 26px 0 0;
	border-bottom: 0;
	gap: 10px;
	flex-wrap: wrap;
}

.recurpay-account-body .tab-list-wrapper .tab-list li {
	font-family: var(--vp-body);
	font-size: 13.5px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	color: var(--vp-ink);
	background: transparent;
	padding: 8px 18px;
	margin-right: 0;
	margin-bottom: 0;
	border: 2px solid rgba(43, 21, 51, 0.15);
	border-radius: 9999px;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease;
}

.recurpay-account-body .tab-list-wrapper .tab-list li:hover {
	color: var(--vp-ink);
	border-color: rgba(91, 45, 102, 0.5);
}

.recurpay-account-body .tab-list-wrapper .tab-list li.current,
.recurpay-account-body .tab-list-wrapper .tab-list li.current[data-tab='active'],
.recurpay-account-body .tab-list-wrapper .tab-list li.current[data-tab='trial'],
.recurpay-account-body .tab-list-wrapper .tab-list li.current[data-tab='halted'],
.recurpay-account-body .tab-list-wrapper .tab-list li.current[data-tab='paused'],
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li.current[data-tab='cancelled'] {
	background: var(--vp-plum);
	color: var(--vp-oat);
	border: 2px solid var(--vp-plum);
	border-radius: 9999px;
	font-weight: 600;
}

/* Status dots: stock ships #ffc107 / #f44336, neither of which is in the
   palette. Map them onto plum / amber / muted-ink — and onto oat once the
   chip is filled, so they stay legible against the plum. */
.recurpay-account-body i.tab-list-icon.material-icons {
	font-size: 9px;
	margin-right: 8px;
}

.recurpay-account-body .tab-list-wrapper .tab-list li i.tab-list-icon,
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li[data-tab='active']
	i.tab-list-icon,
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li[data-tab='trial']
	i.tab-list-icon {
	color: var(--vp-plum);
}

.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li[data-tab='halted']
	i.tab-list-icon,
.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li[data-tab='paused']
	i.tab-list-icon {
	color: var(--vp-amber);
}

.recurpay-account-body
	.tab-list-wrapper
	.tab-list
	li[data-tab='cancelled']
	i.tab-list-icon {
	color: rgba(43, 21, 51, 0.3);
}

.recurpay-account-body .tab-list-wrapper .tab-list li.current i.tab-list-icon {
	color: var(--vp-oat);
}

/* ==========================================================================
   3. Contact card (sidebar)
   ========================================================================== */

.recurpay-account-body .info-wrapper {
	background: #fff;
	border: 1px solid var(--vp-line);
	border-radius: var(--vp-card-radius);
	padding: 0;
	overflow: hidden;
	color: var(--vp-muted-strong);
}

.recurpay-account-body .contact-header {
	font-family: var(--vp-display);
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: -0.01em;
	color: var(--vp-ink);
	text-transform: none;
	/* the template sets padding + a hard box-shadow inline — both must lose */
	padding: 20px 22px 14px !important;
	border-bottom: 1px solid var(--vp-line-soft);
	box-shadow: none !important;
	margin: 0;
}

.recurpay-account-body .recurpay-account-page .contact-info {
	padding: 18px 22px 20px !important;
}

.recurpay-account-body .info-wrapper p {
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	font-size: 14.5px;
	line-height: 1.4;
	color: var(--vp-muted-strong);
	word-break: break-word;
}

.recurpay-account-body .info-wrapper p:last-child {
	margin-bottom: 0;
}

.recurpay-account-body .recurpay-account-page .contact-info i,
.recurpay-account-body .info-wrapper i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--vp-lav);
	color: var(--vp-plum);
	font-size: 18px;
	padding-right: 0;
}

/* ==========================================================================
   4. Subscription card
   ========================================================================== */

.recurpay-account-body .subscription-box {
	background: #fff;
	border: 1px solid var(--vp-line);
	border-radius: var(--vp-card-radius);
	margin-bottom: 24px;
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.recurpay-account-body .list-subscription-box.subscription-box:hover {
	border-color: rgba(91, 45, 102, 0.35);
	box-shadow: 0 12px 30px rgba(43, 21, 51, 0.06);
}

/* ---- Stat row: Deliver / Next Order / Billing Amount -------------------- */

.recurpay-account-body .subscription-billing {
	padding: 0;
	box-shadow: none;
	border-bottom: 1px solid var(--vp-line-soft);
	background: #fff;
}

.recurpay-account-body .subscription-billing .billing-details {
	display: grid;
	grid-template-columns: 1fr;
	padding: 0;
	color: var(--vp-ink);
}

@media (min-width: 768px) {
	.recurpay-account-body .subscription-billing .billing-details {
		grid-template-columns: repeat(3, 1fr);
	}
}

.recurpay-account-body .subscription-billing .billing-list {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	gap: 16px;
	padding: 26px 24px;
	min-width: 0;
}

.recurpay-account-body .subscription-billing .billing-list + .billing-list {
	border-top: 1px solid var(--vp-line-soft);
}

@media (min-width: 768px) {
	.recurpay-account-body .subscription-billing .billing-list + .billing-list {
		border-top: 0;
		border-left: 1px solid var(--vp-line-soft);
	}
}

/* Icon → lavender disc, the theme's .vp-benefit__icon treatment */
.recurpay-account-body .subscription-billing .billing-list svg,
.recurpay-account-body .subscription-billing .billing-list img {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin: 2px 0 0;
	padding: 10px;
	box-sizing: content-box;
	border-radius: 50%;
	background: var(--vp-lav);
	overflow: visible;
}

.recurpay-account-body .subscription-billing .billing-list svg .a {
	fill: var(--vp-plum);
	stroke: var(--vp-plum);
	stroke-width: 0.4px;
}

.recurpay-account-body .subscription-billing .billing-side-info {
	padding-top: 0;
	min-width: 0;
}

.recurpay-account-body .subscription-billing .billing-side-info span {
	display: block;
	padding-bottom: 0;
	font-family: var(--vp-body);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--vp-ink);
}

/* Label above the value → theme eyebrow */
.recurpay-account-body .subscription-billing .billing-side-info .date-headers {
	font-family: var(--vp-mono);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	color: var(--vp-plum);
	height: auto;
	padding-bottom: 7px;
}

/* Supporting line under the value */
.recurpay-account-body
	.subscription-billing
	.billing-side-info
	.billing-side-info-subtext {
	font-size: 12.5px !important;
	font-weight: 400;
	line-height: 1.45;
	color: var(--vp-muted);
	padding-top: 3px;
}

/* Money reads as data */
.recurpay-account-body .subscription-billing .subscription-total-amount {
	font-family: var(--vp-mono);
	font-variant-numeric: tabular-nums;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.01em;
}

.recurpay-account-body
	.subscription-billing
	.billing-side-info
	.billing-info-information-icon {
	opacity: 0.4;
}

/* ---- Automation / info notes ------------------------------------------- */

.recurpay-account-body .subscription-box .custom-info-card {
	background: var(--vp-lav);
	border: 1px solid #e2d5e6;
	border-radius: 16px;
	margin: 22px 28px 0;
	color: var(--vp-plum);
}

.recurpay-account-body .subscription-box .custom-info-card .setup-para {
	font-family: var(--vp-body);
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--vp-plum);
}

/* ---- Products ----------------------------------------------------------- */

.recurpay-account-body .subscription-product-list,
.recurpay-account-body .prepaid-subscription-product-list {
	padding: 4px 28px 14px;
}

.recurpay-account-body .subscription-product-list ul,
.recurpay-account-body .prepaid-subscription-product-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.recurpay-account-body .subscription-prod-heading {
	font-family: var(--vp-mono);
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	color: var(--vp-plum);
	padding: 24px 0 16px;
	gap: 12px;
}

/* keep buttons that live inside the heading row readable */
.recurpay-account-body .subscription-prod-heading .btn,
.recurpay-account-body .subscription-prod-heading a {
	font-family: var(--vp-body);
	font-size: 14.5px;
	letter-spacing: 0;
	text-transform: none;
}

.recurpay-account-body .subscription-product-list ul li,
.recurpay-account-body .prepaid-subscription-product-list ul li {
	align-items: center;
	gap: 16px;
	padding: 14px 0;
	color: var(--vp-ink);
}

.recurpay-account-body .subscription-product-list ul li + li,
.recurpay-account-body .prepaid-subscription-product-list ul li + li {
	border-top: 1px solid var(--vp-line-soft);
}

.recurpay-account-body .subscription-prod-description {
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.recurpay-account-body .subscription-prod-description img {
	width: 58px;
	height: 58px;
	margin-right: 0;
	padding: 4px;
	background: #fff;
	border: 1px solid var(--vp-line-soft);
	border-radius: 14px;
	object-fit: contain;
}

.recurpay-account-body .subscription-prod-title {
	display: block;
	font-family: var(--vp-body);
	font-size: 15.5px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--vp-ink);
}

.recurpay-account-body .subscription-prod-variant,
.recurpay-account-body .subscription-prod-desc {
	font-family: var(--vp-body);
	font-size: 12.5px;
	line-height: 1.45;
	color: var(--vp-muted);
	padding-top: 3px;
}

.recurpay-account-body .subscription-price-wrapper {
	flex: 0 0 auto;
	text-align: right;
}

/* the template ships an inline color:#777 on this span — override it */
.recurpay-account-body .subscription-price-wrapper > span {
	font-family: var(--vp-mono);
	font-variant-numeric: tabular-nums;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--vp-ink) !important;
	white-space: nowrap;
}

.recurpay-account-body .prepaid-plan-status {
	background: var(--vp-lav);
	color: var(--vp-plum);
	border: 1px solid #e2d5e6;
	font-family: var(--vp-mono);
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 4px 12px;
	border-radius: 9999px;
}

.recurpay-account-body .prepaid-plan-status i {
	font-size: 9px;
	padding-right: 6px;
	color: var(--vp-plum);
}

/* ---- Card footer / actions ---------------------------------------------- */

.recurpay-account-body .subscription-action {
	padding: 22px 28px;
	box-shadow: none;
	border-top: 1px solid var(--vp-line-soft);
	background: #fff;
}

.recurpay-account-body .subscription-action .card-link {
	text-decoration: none;
}

.recurpay-account-body .view-subscription-btn,
.recurpay-account-body .edit-subscription-btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-family: var(--vp-body);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	padding: 14px 26px;
	border: 0;
	border-radius: 9999px;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: 0 10px 24px rgba(232, 99, 43, 0.25);
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.recurpay-account-body .view-subscription-btn:hover,
.recurpay-account-body .edit-subscription-btn:hover,
.recurpay-account-body .btn.box-shadow:hover {
	box-shadow: 0 10px 24px rgba(201, 79, 29, 0.3);
}

.recurpay-account-body .view-subscription-btn i,
.recurpay-account-body .edit-subscription-btn i {
	font-size: 18px;
	padding-right: 0;
}

.recurpay-account-body .view-subscription-btn svg,
.recurpay-account-body .edit-subscription-btn svg {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

/* ==========================================================================
   5. Skeleton loaders — brand-tinted, rounded like the real cards
   ========================================================================== */

.recurpay-account-body .skeleton-item,
.recurpay-account-body .thumbnail-skeleton {
	background: var(--vp-oat-deep);
	border-radius: 8px;
}

.recurpay-account-body .rp-carousel-skeleton {
	border-radius: var(--vp-card-radius);
}

/* ==========================================================================
   6. Mobile
   ========================================================================== */

@media only screen and (max-width: 767px) {
	/* stock stacks the sidebar above the cards with a 60px gap and a 15px
	   inset, so the contact card sits off-grid from everything below it */
	.recurpay-account-body .outer-wrap .nav-sidebar {
		margin-top: 0;
		padding: 0;
	}

	.recurpay-account-body .outer-wrap {
		padding: 24px 20px 0;
	}

	.recurpay-account-body .recurpay-account-page .sticky-div {
		padding: 20px 0 0;
	}

	.recurpay-account-body .subscription-billing .billing-list {
		flex-direction: row;
		text-align: left;
		justify-content: flex-start;
		padding: 18px 20px;
	}

	.recurpay-account-body .subscription-billing .billing-list svg,
	.recurpay-account-body .subscription-billing .billing-list img {
		width: 20px;
		height: 20px;
		margin-right: 0;
		padding: 10px;
	}

	.recurpay-account-body .subscription-billing .billing-side-info {
		padding-top: 0;
	}

	.recurpay-account-body .subscription-billing .billing-side-info span {
		font-size: 15px;
	}

	/* stock hides the supporting line on mobile; it carries the date, keep it */
	.recurpay-account-body
		.subscription-billing
		.billing-side-info
		.billing-side-info-subtext {
		display: block;
	}

	.recurpay-account-body
		.subscription-billing
		.billing-side-info
		.billing-info-information-icon {
		display: none;
	}

	.recurpay-account-body .subscription-product-list,
	.recurpay-account-body .prepaid-subscription-product-list {
		padding: 4px 20px 10px;
	}

	.recurpay-account-body .subscription-action {
		padding: 16px 20px;
	}

	.recurpay-account-body .subscription-action .card-link,
	.recurpay-account-body .view-subscription-btn {
		display: flex;
		width: 100%;
		justify-content: center;
	}

	.recurpay-account-body .subscription-prod-description img {
		width: 48px;
		height: 48px;
		border-radius: 12px;
	}
}

/* ==========================================================================
   7. Manage-subscription page (view-subscription.html)
   --------------------------------------------------------------------------
   Same tokens as above. The stock detail page leans on dashed underlines,
   mint/mustard/red status colours and a hyperlink-styled button that layer 1
   accidentally paints amber — all of it reworked here.
   ========================================================================== */

/* ---- Schedule + benefits card ------------------------------------------- */

.recurpay-account-body
	.recurpay-account-page
	.subscription-benefits-box-layout {
	background: #fff;
	border: 1px solid var(--vp-line);
	border-radius: var(--vp-card-radius);
	overflow: hidden;
	margin-bottom: 24px;
	padding: 0;
}

.recurpay-account-body
	.recurpay-account-page
	.subscription-benefits-box-layout
	.subscription-benefits-box {
	padding: 28px;
	border-bottom: 1px solid var(--vp-line-soft);
	align-items: center;
}

/* the "27 Days" ring */
.recurpay-account-body
	.recurpay-account-page
	.subscription-benefits-box-layout
	.subscription-benefits-box
	.progress-bar-number {
	/* big numerals read as data in this theme — cf. .vp-databand__stat .num */
	font-family: var(--vp-mono);
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	font-size: 25px;
	line-height: 1;
	letter-spacing: -0.02em;
	color: var(--vp-ink);
}

.recurpay-account-body
	.recurpay-account-page
	.subscription-benefits-box-layout
	.subscription-benefits-box
	.progress-bar-frequency {
	font-family: var(--vp-mono);
	font-size: 10.5px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: var(--vp-plum);
}

.recurpay-account-body .recurpay-account-page .card.subscription-schedule-card {
	padding-left: 30px;
}

.recurpay-account-body
	.recurpay-account-page
	.card.subscription-schedule-card
	.next-schedule-heading-text {
	font-family: var(--vp-display);
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 19px;
	line-height: 1.25;
	letter-spacing: -0.01em;
	color: var(--vp-ink);
	margin-bottom: 16px;
}

/* "Need an order now?" / "Too early, let's skip?" were dashed-underline text.
   Rebuilt as the storefront's chip so they read as real, tappable controls. */
.recurpay-account-body
	.recurpay-account-page
	.card.subscription-schedule-card
	.place-order-instantly-link,
.recurpay-account-body
	.recurpay-account-page
	.card.subscription-schedule-card
	.skip-subscription-revamp {
	display: inline-flex;
	align-items: center;
	border-bottom: 0;
	border: 2px solid rgba(43, 21, 51, 0.15);
	border-radius: 9999px;
	background: transparent;
	padding: 7px 16px;
	margin-right: 10px;
	font-family: var(--vp-body);
	font-size: 13.5px;
	font-weight: 600;
	color: var(--vp-ink);
	transition: border-color 0.15s ease, background-color 0.15s ease,
		color 0.15s ease;
}

.recurpay-account-body
	.recurpay-account-page
	.card.subscription-schedule-card
	.place-order-instantly-link:hover,
.recurpay-account-body
	.recurpay-account-page
	.card.subscription-schedule-card
	.skip-subscription-revamp:hover {
	border-color: var(--vp-plum);
	background: var(--vp-lav);
	color: var(--vp-plum);
}

/* ---- Exclusive benefits band -------------------------------------------- */

.recurpay-account-body .recurpay-account-page .exclusive-benefits-wrapper {
	background: var(--vp-lav);
	min-height: 0;
	padding: 22px 28px 20px;
}

.recurpay-account-body
	.recurpay-account-page
	.exclusive-benefits-wrapper
	.exclusive-benefits-heading-text {
	font-family: var(--vp-mono);
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	color: var(--vp-plum);
	padding: 0 0 14px;
}

.recurpay-account-body
	.recurpay-account-page
	.exclusive-benefits-list
	.exclusive-benefits-list-item {
	padding: 0 0 10px;
	font-family: var(--vp-body);
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--vp-ink);
}

/* the star ships as a hardcoded #f9be19 fill */
.recurpay-account-body .exclusive-benefits-list-item svg g[fill],
.recurpay-account-body .exclusive-benefits-list-item svg path {
	fill: var(--vp-amber) !important;
}

.recurpay-account-body .exclusive-benefits-list-item svg {
	width: 18px !important;
	height: 18px !important;
	margin-right: 10px !important;
	flex: 0 0 auto;
}

/* Recurpay highlights the offer words in pure red (#f00) via this class —
   verified on the live portal. The inline-style / <b> selectors are kept as a
   fallback in case a translation string carries its own markup. */
.recurpay-account-body .exclusive-benefits-list-item .exclusive-benefits-bold-text,
.recurpay-account-body .exclusive-benefits-bold-text,
.recurpay-account-body .exclusive-benefits-list-item [style*='color'],
.recurpay-account-body .exclusive-benefits-list-item b,
.recurpay-account-body .exclusive-benefits-list-item strong {
	color: var(--vp-amber) !important;
	font-weight: 600;
}

/* ---- Subscription info card header -------------------------------------- */

.recurpay-account-body .subscription-info-wrapper {
	box-shadow: none;
	border-bottom: 1px solid var(--vp-line-soft);
	padding: 22px 28px;
	align-items: center;
}

.recurpay-account-body .subscription-id-head {
	font-family: var(--vp-mono);
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	color: var(--vp-plum);
}

.recurpay-account-body .box-subscription-text {
	font-family: var(--vp-body);
	font-size: 12.5px;
	letter-spacing: 0;
	text-transform: none;
	color: var(--vp-muted);
	margin: 4px 0 0;
}

/* Status badge → lavender pill. Stock ships green / mustard / red. */
.recurpay-account-body .subscriptionPlan-status,
.recurpay-account-body .subscription-info-wrapper .subscriptionPlan-status {
	background: var(--vp-lav);
	border: 1px solid #e2d5e6;
	border-radius: 9999px;
	padding: 5px 14px;
	font-family: var(--vp-mono);
	font-size: 10.5px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.recurpay-account-body .subscriptionPlan-status[data-status='active'],
.recurpay-account-body .subscriptionPlan-status[data-status='trial'] {
	border-color: #e2d5e6;
	color: var(--vp-plum);
}

.recurpay-account-body .subscriptionPlan-status[data-status='paused'],
.recurpay-account-body .subscriptionPlan-status[data-status='halted'] {
	background: rgba(232, 99, 43, 0.1);
	border-color: rgba(232, 99, 43, 0.3);
	color: var(--vp-amber-deep);
}

.recurpay-account-body .subscriptionPlan-status[data-status='cancelled'] {
	background: rgba(43, 21, 51, 0.06);
	border-color: rgba(43, 21, 51, 0.15);
	color: var(--vp-muted);
}

.recurpay-account-body .subscriptionPlan-status i {
	font-size: 13px;
	margin-left: 5px;
}

/* ---- "Edit your upcoming orders" ---------------------------------------
   This is Recurpay's hyperlink-style button, but layer 1 matches on
   .edit-subscription-btn and paints it amber — an amber pill wrapped around
   underlined plum link text. Opt it back out into a quiet ghost pill.
   ------------------------------------------------------------------------ */

.recurpay-account-body .btn.edit-subscription-btn.btn-hyperlink-text,
.recurpay-account-body .btn.btn-hyperlink-text {
	background: transparent !important;
	background-image: none !important;
	border: 2px solid rgba(43, 21, 51, 0.15) !important;
	border-radius: 9999px;
	color: var(--vp-ink) !important;
	padding: 8px 16px;
	box-shadow: none !important;
	font-family: var(--vp-body);
	font-size: 13.5px;
	font-weight: 600;
	gap: 8px;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.recurpay-account-body .btn.edit-subscription-btn.btn-hyperlink-text:hover,
.recurpay-account-body .btn.btn-hyperlink-text:hover {
	background: var(--vp-lav) !important;
	border-color: var(--vp-plum) !important;
	box-shadow: none !important;
}

.recurpay-account-body .btn.btn-hyperlink-text span,
.recurpay-account-body .btn.edit-subscription-btn.btn-hyperlink-text span {
	color: var(--vp-ink) !important;
	text-decoration: none !important;
	font-weight: 600;
}

.recurpay-account-body .btn.btn-hyperlink-text:hover span {
	color: var(--vp-plum) !important;
}

.recurpay-account-body .btn.btn-hyperlink-text i.material-icons {
	font-size: 16px;
	padding-right: 0;
	color: inherit;
}

.recurpay-account-body .btn.btn-hyperlink-text.disabled {
	opacity: 0.45;
	pointer-events: none;
}

/* ---- Amount row --------------------------------------------------------- */

.recurpay-account-body .total-price-wrapper {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 2px;
	padding: 20px 28px;
}

.recurpay-account-body .total-price-head {
	font-family: var(--vp-body);
	font-size: 14.5px;
	font-weight: 500;
	color: var(--vp-muted);
}

.recurpay-account-body .total-price-divider {
	padding: 0 8px 0 2px;
	color: var(--vp-muted);
}

.recurpay-account-body .total-price-info {
	font-family: var(--vp-mono);
	font-variant-numeric: tabular-nums;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--vp-ink);
}

.recurpay-account-body .view-detailed-link {
	display: inline-flex;
	align-items: center;
	width: 100%;
	justify-content: flex-end;
	margin-top: 6px;
	font-family: var(--vp-body);
	font-size: 13px;
	font-weight: 500;
	color: var(--vp-muted);
	cursor: pointer;
}

.recurpay-account-body .view-detailed-link:hover {
	color: var(--vp-plum);
}

.recurpay-account-body .view-detailed-icon {
	font-size: 18px;
	margin-left: 2px;
}

.recurpay-account-body .subtext-price-wrapper {
	border-top: 1px solid var(--vp-line-soft);
	color: var(--vp-muted);
	padding: 14px 28px;
}

/* ---- Sidebar cards ------------------------------------------------------ */

.recurpay-account-body .padding-box {
	background: #fff;
	border: 1px solid var(--vp-line);
	border-radius: var(--vp-card-radius);
	padding: 22px 24px;
	margin-bottom: 20px;
}

.recurpay-account-body .padding-box h6,
.recurpay-account-body .info-container h6 {
	font-family: var(--vp-display);
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -0.01em;
	color: var(--vp-ink);
	margin-bottom: 12px;
}

/* "Change" sits inside the h6, so it inherits Fraunces — pull it back to body */
.recurpay-account-body .change-span {
	font-family: var(--vp-body) !important;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: var(--vp-plum) !important;
	text-decoration: none;
	transition: color 0.15s ease;
}

.recurpay-account-body .change-span:hover {
	color: var(--vp-amber-deep) !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.recurpay-account-body .next-delivery-date {
	font-family: var(--vp-mono);
	font-variant-numeric: tabular-nums;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--vp-ink);
}

.recurpay-account-body .padding-box .address-container,
.recurpay-account-body .padding-box .col {
	font-family: var(--vp-body);
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--vp-muted-strong);
}

/* Skip / secondary sidebar actions → ghost pill */
.recurpay-account-body .extra-buttons .btn.skip-btn {
	background: #fff;
	border: 2px solid rgba(91, 45, 102, 0.35);
	border-radius: 9999px;
	color: var(--vp-plum);
	font-family: var(--vp-body);
	font-size: 14.5px;
	font-weight: 600;
	padding: 12px 22px;
	box-shadow: none;
	text-transform: none;
}

.recurpay-account-body .extra-buttons .btn.skip-btn:hover {
	background: var(--vp-lav);
	border-color: var(--vp-plum);
	box-shadow: none;
}

/* ---- Recommended / "Tailored Picks" ------------------------------------- */

.recurpay-account-body .recommended-box-layout .recommended-flex-title {
	font-family: var(--vp-display);
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: var(--vp-ink);
	padding-left: 0;
	padding-bottom: 18px;
}

.recurpay-account-body .recommended-box-layout .recommended-flex-view {
	font-family: var(--vp-body);
	font-size: 13.5px;
	font-weight: 600;
	color: var(--vp-plum);
}

.recurpay-account-body .recommended-box-layout .recommended-flex-view:hover {
	border-bottom: 0;
	color: var(--vp-amber-deep);
}

.recurpay-account-body .recommended-box-layout .recommended-flex-view i {
	font-size: 18px;
}

/* ---- Order history / generic card headers -------------------------------- */

.recurpay-account-body .card-header.main-card-header {
	background: #fff;
	border-bottom: 1px solid var(--vp-line-soft);
	padding: 20px 28px;
}

@media only screen and (max-width: 767px) {
	.recurpay-account-body
		.recurpay-account-page
		.subscription-benefits-box-layout
		.subscription-benefits-box {
		padding: 22px 20px;
	}

	.recurpay-account-body
		.recurpay-account-page
		.card.subscription-schedule-card {
		padding-left: 18px;
	}

	.recurpay-account-body
		.recurpay-account-page
		.card.subscription-schedule-card
		.place-order-instantly-link,
	.recurpay-account-body
		.recurpay-account-page
		.card.subscription-schedule-card
		.skip-subscription-revamp {
		margin-right: 8px;
		margin-bottom: 8px;
	}

	.recurpay-account-body .recurpay-account-page .exclusive-benefits-wrapper {
		padding: 20px;
	}

	.recurpay-account-body .subscription-info-wrapper,
	.recurpay-account-body .total-price-wrapper {
		padding: 18px 20px;
	}
}

/* Sidebar cards wrap their content in a stock .card that carries its own
   22px bottom margin + padding, which floated the headings low in the box. */
.recurpay-account-body .padding-box .card,
.recurpay-account-body .info-container .card,
.recurpay-account-body .recurpay-account-page .padding-box .card {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.recurpay-account-body .padding-box .container.address-container {
	padding: 0;
}

.recurpay-account-body .recommended-box-layout .recommended-flex-view a {
	color: inherit;
	text-decoration: none;
}

/* ==========================================================================
   8. Manage-page column sizing
   --------------------------------------------------------------------------
   NOT a bug fix. Verified against the live portal: .main-container already
   fills .main-section (1120px of 1120px), so there is no dead gutter to
   reclaim. What this does is make the detail page's sidebar match the list
   page's — stock is 30% (~307px) with a 20px margin; this pins it to 21rem
   with a real flex gap so both pages share one rhythm.
   ========================================================================== */

.recurpay-account-body .recurpay-account-page .main-panel {
	width: 100%;
	align-items: flex-start;
	gap: 24px;
}

.recurpay-account-body .recurpay-account-page .main-panel .first-column {
	flex: 1 1 auto;
	min-width: 0;
}

.recurpay-account-body .recurpay-account-page .info-container {
	flex: 0 0 21rem;
	width: 21rem;
	margin-left: 0;
}

@media only screen and (max-width: 991px) {
	.recurpay-account-body .recurpay-account-page .info-container {
		flex: 1 1 auto;
		width: 100%;
	}
}