/** Shopify CDN: Minification failed

Line 407:1 Unexpected "{"
Line 408:1 Expected identifier but found "%"
Line 420:1 Unexpected "{"
Line 421:1 Expected identifier but found "%"

**/
/* Loader container */
.loader {
	width: 30px;
	height: 30px;
	border: 3px solid #f3f3f3;
	/* Light grey border */
	border-top: 3px solid #3498db;
	/* Blue border */
	border-radius: 50%;
	animation: spin 1s linear infinite;
	/* Center on the page */
}

/* Spinning animation */
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


/* Popup -- Subhajit Css */
.popup-main {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 99999;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: hidden;
}

.popup-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

.popup-wrap,
.popup-holder {
	position: relative;
}

.popup-holder {
	border-radius: 20px;
	overflow: hidden;
}

.popup-block {
	width: 400px;
	min-height: 100px;
	max-width: calc(100vw - 60px);
	max-height: calc(100vh - 60px);
	background-color: rgba(255, 255, 255);
	backdrop-filter: blur(90px);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
	overflow-y: auto;
}

button.close-popup {
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	line-height: 1;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 18px;
	color: #000;
	background-color: #fff;
	position: absolute;
	z-index: 999;
	right: -12px;
	top: -12px;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.popup-content {
	padding: 24px;
	overflow: hidden;
}

.subscription-title,
.details-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 16px;
}

.coupon-section,
.subscription-details {
	margin-bottom: 16px;
}
.subscription-details{
  margin-top: 20px;
}

.coupon-label {
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
}

.coupon-input,
.apply-coupon-button,
.pay-now-button {
	width: 100%;
	padding: 8px 16px;
	font-size: 16px;
	border-radius: 6px;
	box-sizing: border-box;
}

.coupon-input {
	border: 1px solid #d1d5db;
	margin-top: 4px;
}

.coupon-message,
.details-text {
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 4px;
}

.apply-coupon-button {
	background-color: #3b82f6;
	color: white;
	border: none;
	cursor: pointer;
}

.apply-coupon-button:hover {
	background-color: #2563eb;
}

.pay-now-button {
	background-color: #10b981;
	color: white;
	border: none;
	cursor: pointer;
	margin-top: 16px;
}

.pay-now-button:hover {
	background-color: #059669;
}

.total-price {
	font-size: 18px;
	font-weight: bold;
	margin-top: 8px;
}

.loading-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.success-icon {
	color: #4caf50;
	font-size: 50px;
	margin-bottom: 20px;
}

.success-container {
	text-align: center;
}

.success-container>h4,
.loading-container>h4 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333333;
}

.loading-container>h4 {
	display: none;
	margin: 10px 0 0 0;
}

.success-container{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 20px;
}
.success-container, 
.success-container.active~.subscription-details {
	display: none;
}

.success-container.active {
    display: flex;
}

.success-container>p,
.loading-container>p {
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
}

.success-container a.success-button {
	display: inline-block;
	background-color: #4caf50;
	color: #ffffff;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	transition: background-color 0.3s;
}

.success-container a.success-button:hover {
	background-color: #45a049;
}

.loading-container.active {
	opacity: 1;
	visibility: visible;
}

.loading-container.active>h4 {
	display: none;
}


/* ------------------------------------------------------------------------- Plans  */
.pix-plans-wrapper .pricingtablecontainer {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	overflow: auto;
	padding: 20px 0;
	font-family: 'Sequel Sans Book Body' !important;
}

.pix-plans-wrapper .pricingtable {
	padding: 0 10px;
	max-width: 25%;
	min-width: 250px;
	flex: 1 0 100%;
}

.pix-plans-wrapper .pricingtable .js-yearlypricing {
	display: none;
}

.pix-plans-wrapper .pricingtable li {
	display: flex;
	border-bottom: 1px solid #EAEAEA;
	padding: 5px 10px;
	align-items: center;
	font-family: 'Sequel Sans Roman Body' !important;
}

.pix-plans-wrapper .pricingtable li.disable {
	opacity: 0.5;
	text-decoration: line-through;
}

.pix-plans-wrapper .pricingtable__head {
	border: none !important;
	text-transform: uppercase;
}

.pix-plans-wrapper .pricingtable__highlight {
	padding: 15px !important;
}

.pix-plans-wrapper .pricingtable__hot-pack {
	background: #F0C80F;
	border: none !important;
	border-radius: 5px 5px 0 0;
	color: white;
	padding: 5px !important;
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%;
	text-transform: uppercase;
}

.pix-plans-wrapper .pricingtable__btn {
	border: none !important;
}

.pix-plans-wrapper .pricingtable .hot-pack .pricingtable__highlight {
	background: #F0C80F;
}

.pix-plans-wrapper .pricingtable .basic-plan .pricingtable__highlight {
	background: #00CE6C;
}

.pix-plans-wrapper .pricingtable .smart-pack .pricingtable__highlight {
	background: #65B2DE;
}

.pix-plans-wrapper .pricingtable .ace-pack .pricingtable__highlight {
	background: #A182D2;
}

.pix-plans-wrapper .slideToggle {
	display: flex;
	justify-content: center;
}

.pix-plans-wrapper .slideToggle i {
	margin: 0 15px;
}

.pix-plans-wrapper .form-switch {
	align-items: center;
	display: flex;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	justify-content: space-between;
	margin-bottom: 20px;
}

.pix-plans-wrapper .form-switch i {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 30px;
	border: 1px solid #DFDFDF;
	border-radius: 15px;
	transition: all 0.3s linear;
}

.pix-plans-wrapper .form-switch i::after {
	content: "";
	position: absolute;
	left: 0;
	width: 40px;
	height: 22px;
	border-radius: 15px;
	transform: translate3d(4px, 3px, 0);
	transition: all 0.2s ease-in-out;
}

.pix-plans-wrapper .form-switch input {
	display: none;
}

.pix-plans-wrapper .form-switch input:checked+i::after {
	transform: translate3d(54px, 3px, 0);
}

.pix-plans-wrapper button.get-the-pack-button {
	font-family: 'Sequel Sans Book Body' !important;
	font-weight: 600;
	padding: 10px;
	width: 100%;
	margin: 0;
	border-radius: 0;
	border: 0;
	background-color: #FF008A;
}

	{
	% comment %
}

li.pricingtable__btn {
	padding: 0;
}

.pricingtable ul {
	padding: 0;
	background-color: #EAEAEA;
}

	{
	% endcomment %
}

/* shivani css */
.pix-plans-wrapper .pricingtable ul {
	list-style-type: none;
	padding: 0;
}

.pix-plans-wrapper .pricingtable ul li {
	position: relative;
	padding-left: 25px;
}

.pix-plans-wrapper .pricingtable ul li::before {
	content: "✔";
	position: absolute;
	left: 0;
	color: #FF008A;
	font-size: 18px;
}

.pix-plans-wrapper .pricingtable__highlight.js-yearlypricing {
	align-items: center;
	justify-content: center;

}

.pix-plans-wrapper .pricingtable__highlight.js-montlypricing {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pix-plans-wrapper span.yearly-price,
.pix-plans-wrapper span.monthly-price {
	font-size: 24px;
	letter-spacing: -1px;
	color: #4B4B4B;
}

.pix-plans-wrapper .img-count {
	font-size: 24px;
	color: #FF008A;
	font-family: 'Sequel Sans Semi Bold Head' !important;
	letter-spacing: -1px;


}

.pix-plans-wrapper span.design {
	color: #FF008A;
}

.pix-plans-wrapper .single-payment,
.pix-plans-wrapper .design-per-year {
	font-size: 10px;
	color: #4B4B4B;
	line-height: 12px;
	margin-left: 2px;
	font-weight: 400;
}

.pix-plans-wrapper .pricing-inner sup {
	font-size: 18px;
	font-weight: 100;
	vertical-align: middle;
}

.pix-plans-wrapper .pricing-inner span.seperator {
	margin: 0 10px;
	font-size: 26px;
}

.pix-plans-wrapper .pricing-inner {
	background-color: #EAEAEA;
}

.pix-plans-wrapper button.btn.get-the-pack-button {
	height: 50px;
	padding: 0;
}

.pix-plans-wrapper .pricingtable__head {
	background: #4B4B4B;
	color: #fff;
	width: fit-content;
	padding: 10px;
	margin: 0 auto 40px;
	opacity: 0px;
	position: relative;
	background-color: #4a4a4a;
	color: #fff;
	font-size: 16px;
	padding: 10px 20px;
	text-align: center;
	clip-path: polygon(0% 0, 100% 0, 90% 100%, 10% 100%);
	width: 150px;
}

/* General Styling */
.pix-plans-wrapper .slideToggle {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.pix-plans-wrapper .form-switch {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.pix-plans-wrapper .beforeinput,
.pix-plans-wrapper .afterinput {
	font-size: 16px;
	font-weight: bold;
	margin: 0 10px;
}

/* Hide checkbox */
.pix-plans-wrapper input[type="checkbox"] {
	display: none;
}

/* Selector styling */
.pix-plans-wrapper .form-switch .selector {
	width: 42px;
	height: 22px;
	background-color: #fff;
	border-radius: 99px;
	position: relative;
	transition: background-color 0.3s ease;
}

/* Circle inside the toggle */
.pix-plans-wrapper .form-switch .selector:before {
	content: "";
	width: 18px;
	height: 18px;
	background-color: #4B4B4B;
	border-radius: 50%;
	position: absolute;
	top: 1px;
	left: 1px;
	transition: transform 0.3s ease;
}

/* Toggle styles when checked */
.pix-plans-wrapper .form-switch input[type="checkbox"]:checked+.selector {
	background-color: #FF008A;
}

.pix-plans-wrapper .form-switch input[type="checkbox"]:checked+.selector:before {
	transform: translateX(20px);
	/* Moves the circle to the right */
	background-color: #fff;
}

.pix-plans-wrapper span.beforeinput,
.pix-plans-wrapper span.afterinput {
	color: #4B4B4BF2;
	font-weight: 400;
	font-size: 18px;
	font-family: 'Sequel Sans Book Body' !important;
}

.pix-plans-wrapper span.afterinput.text-success,
.pix-plans-wrapper span.beforeinput.text-success {
	color: #4B4B4BF2 !important;
	font-weight: 900;
	font-family: 'Sequel Sans Book Body' !important;
	font-size: 18px;
}

.pix-plans-wrapper .content {
	margin-bottom: 80px !important;
	margin-top: 60px;
}

.pix-plans-wrapper p.text-center {
	font-family: Sequel Sans Roman Head !important;
	font-size: 16px;
}

.pix-plans-wrapper h1.text-center {
	font-family: Sequel Sans Roman Head !important;
	font-size: 22px !important;
}

.pix-plans-wrapper .contact-us p {
	text-align: center;
	font-family: 'Sequel Sans Roman Head' !important;
	font-size: 16px;
}

.pix-plans-wrapper {
	margin-top: 100px !important;
}

@media only screen and (max-width:768px) {
	.pix-plans-wrapper h1.text-center {
		font-family: Sequel Sans Roman Head !important;
		font-size: 16px !important;
		line-height: 24px;
	}

	.pix-plans-wrapper p.text-center {
		font-family: Sequel Sans Roman Head !important;
		font-size: 14px;
	}

	.pix-plans-wrapper .content {
		margin-bottom: 60px !important;
	}

	.pix-plans-wrapper span.afterinput.text-success,
	.pix-plans-wrapper span.beforeinput.text-success,
	.pix-plans-wrapper span.beforeinput,
	.pix-plans-wrapper span.afterinput {
		font-size: 14px;
	}

	.pix-plans-wrapper .pricingtablecontainer {
		display: block;
	}

	.pix-plans-wrapper .pricingtable {
		max-width: 100%;
		min-width: 100%;
		margin-bottom: 20px;
	}
}

/* ----------------------------toggle  */
/* Add your styling here */
.toggle-container {
	text-align: center;
	margin-bottom: 20px;
}

.toggle-btn {
	cursor: pointer;
	padding: 10px 20px;
	background-color: #007BFF;
	color: white;
	border: none;
	outline: none;
	font-size: 16px;
	border-radius: 5px;
	margin: 0 5px;
	transition: background-color 0.3s;
}

.toggle-btn.active {
	background-color: #0056b3;
}

.pricingtable:not(.active) {
	display: none;
}


/* -----------------------------------------------------------------Account Page */
.my-plans-item, .downloads-item{
  display: none;
}
button {
	box-sizing: border-box;
}

.vertical-tabs {
	display: flex;
}

.tab-buttons {
	display: flex;
	flex-direction: column;
	min-width: 200px;
}

.tab-link {
	text-align: left;
}

.tab-content-container {
	border-left: 1px solid;
	padding-left: 20px;
}

body.account main#content {
	padding-bottom: 0;
}

button.tab-link {
	background-color: transparent;
	border: 0;
	color: #181818;
	font-family: 'Sequel Sans Roman Body';
}

.tab-link.active {
	background-color: #C4C4C4;
	color: #000;
	font-weight: 600;
	border-color: #C4C4C4;
}

.tab-content-container {
	flex-grow: 1;
}

.tab-content {
	display: none;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
}

.tab-content.active {
	display: block;
}

h2.transperent {
	padding-bottom: 10px;
	color: transparent;
}

/* mobile css */

@media only screen and (max-width:767px) {
	/* my profile */

	.vertical-tabs {
		display: block;
	}

	.vertical-tabs a.disclosure-list__option {
		padding-left: 0 !important;
	}

	.tab-content-container h2.transperent {
		display: none;
	}

	button.tab-link {
		padding-left: 10px !important;
	}

	.tab-content-container {
		padding-left: 0 !important;
	}

	td.customer-c {
		font-size: 12px;
	}

	td.customer-value {
		font-size: 12px;
	}

	th.customer-feild-c {
		font-size: 14px;
	}

	/* my plans */
	.tab-content-container .plan-c {
		display: block;
	}

	.tab-content-container .plan-c .one-third {
		width: 100%;
		margin-bottom: 16px;
		font-size: 12px;
	}

	.tab-content-container .active-pack-outer {
		display: block;
	}

	.tab-content-container .active-plan,
	.tab-content-container .subscription-details {
		width: 100%;
		margin-bottom: 16px;
	}

	.tab-content-container .pricingtable {
		padding: 0 !important;
	}

	.account-plans-ccc {
		padding: 0;
	}

	.tab-content-container {
		padding-left: 0;
		border: 0;
	}

	.tab-content-container div#plans {
		padding-left: 0 !important;
		padding-right: 0 !important;
		border: 0;
	}

	.text-center {
		text-align: center;
	}

	/* Purchase History */
	.tab-content-container .responsive-table td {
		display: block !important;
	}

	.tab-content-container .responsive-table {
		margin-left: 0;
		margin-right: 0;
	}
}

.dont-refresh.loading-container {
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(3px);
	position: fixed;
}

.dont-refresh.loading-container h4 {
	display: block;
}

.dont-refresh.loading-container .loading-wrapper {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 30px 24px;
	border-radius: 10px;
}

/* ----------------------------- Accordin  */
.acc-item button {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.acc-item .sub-menu {
	display: none;
}

.acc-item .acc-btn {
	background-color: transparent;
	border: 0;
	color: #181818;
	font-family: 'Sequel Sans Roman Body';
	text-align: start;
	position: relative;
	padding-right: 30px;
}

.acc-item .acc-btn:before {
	content: "";
	position: absolute;
	background: url(//pixemix.com/cdn/shop/t/95/assets/down-arrow.png?v=182735430018581035191733382533) no-repeat center / contain;
	height: 12px;
	aspect-ratio: 1/1;
	right: 12px;
	top: 12px;
	transform: rotate(0deg);
	transition: all 0.3s ease-in-out;
}

.acc-item.active .acc-btn:before {
	transform: rotate(-180deg);
}

.acc-item.active .sub-menu {
	display: block;
}

.acc-item .sub-menu {
	background-color: #f2f2f2;
}

.learn-more p {
	font-family: 'Sequel Sans Book Body';
	font-size: 16px;
	color: #4B4B4B !important;
	margin-top: 10px;
}

a.website-link {
	color: #4B4B4B;
}

/* ------------------------------------Download History  */
.download-container {
	width: 100%;
	overflow-x: auto;
	padding: 10px;
}

.download-table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

table.download-table td {
	text-align: left;
}

.download-table th,
.download-table td {
	border: 1px solid #ddd;
	padding: 10px;
}

.download-table th {
	background-color: #f4f4f4;
}

.download-table img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 2px;
}

.status-successful {
	color: green;
	font-weight: bold;
}

.status-error {
	color: red;
	font-weight: bold;
}

.table-pagination {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	margin-top: 30px;
}

/* Responsive Table */
@media screen and (max-width: 768px) {

	.download-table,
	.download-table thead,
	.download-table tbody,
	.download-table th,
	.download-table td,
	.download-table tr {
		display: block;
		width: 100%;
	}

	.download-table thead {
		display: none;
	}

	.download-table tr {
		border: 1px solid #ddd;
		padding: 10px;
		margin-bottom: 10px;
	}

	.download-table td {
		display: flex;
		justify-content: space-between;
		padding: 8px;
		border-bottom: 1px solid #ddd;
	}

	.download-table td:before {
		content: attr(data-label);
		font-weight: bold;
	}
}

/* ----------------------------------------------------------------------- Subscription History  */
.history-container {
	width: 100%;
	overflow-x: auto;
	padding: 10px;
}

.history-table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

table.history-table td {
	text-align: left;
}

.history-table th,
.history-table td {
	border: 1px solid #ddd;
	padding: 10px;
}

.history-table th {
	background-color: #f4f4f4;
}

.history-table img {
	width: 60px;
	height: auto;
	border-radius: 5px;
}

.status-successful {
	color: green;
	font-weight: bold;
}

.status-error {
	color: red;
	font-weight: bold;
}

/* Responsive Table */
@media screen and (max-width: 768px) {

	.history-table,
	.history-table thead,
	.history-table tbody,
	.history-table th,
	.history-table td,
	.history-table tr {
		display: block;
		width: 100%;
	}

	.history-table thead {
		display: none;
	}

	.history-table tr {
		margin-bottom: 10px;
		border: 1px solid #ddd;
		padding: 10px;
	}

	.history-table td {
		display: flex;
		justify-content: space-between;
		padding: 8px;
		border-bottom: 1px solid #ddd;
	}

	.history-table td:before {
		content: attr(data-label);
		font-weight: bold;
	}
}
.wishlist-engine-button:hover span{
    color: #fff !important;
}
    /* iPad Pro Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1366px) and (orientation: portrait) {
div#plans {
    flex-wrap: wrap;
}
.pix-plans-wrapper .pricingtable {
    max-width: 50% !important;
    margin-bottom: 20px;
}
}

/* iPad Pro Landscape */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (max-height: 1024px) and (orientation: landscape) {
div#plans {
    flex-wrap: wrap;
}
.pix-plans-wrapper .pricingtable {
    max-width: 50% !important;
    margin-bottom: 20px;
}
}