html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
}
ol, ul {
	list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*:focus {
	outline: none !important;
}

a, a:visited {
	color: #5469d4;
	font-weight: 500;
	text-decoration: none;
}

img, iframe, video {
	max-width: 100%;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}

::placeholder {
	color: #aaa;
}

/* BODY */

:root {
	--bs-body-bg-rgb: 220,215,255;
	--bs-primary-rgb: 211,135,225;
	--bd-accent-rgb: 255,228,132;
	--bd-violet-rgb: 112.520718,44.062154,249.437846;
	--bd-pink-rgb: 214,51,132;
	--clr-border: #333;
}

body {
	font-family: 'Source Sans 3', Arial, Helvetica, sans-serif;
	color: #212529;
}
body.bg-page {
	background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.2), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.1), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.2), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.1), transparent 50%);
}
body.on-modal {
	overflow: hidden;
	padding-right: 16px;
}

h2,
h3,
h4 {
	padding: 0;
	font-weight: 600;
	transition: linear 0.1s;
}

h2 {
	font-size: 18px;
	letter-spacing: -0.38px;
}

h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}

p {
	margin-bottom: 20px;
	line-height: 1.5;
}

.btn,
a.btn,
button.btn {
	max-width: 100%;

	font-weight: 600;
	font-size: 15px;

	padding: 8px 24px;

	position: relative;

	background: #fff;
	color: #222;

	display: inline-block;

	border: 1px solid;
	border-color: transparent;
	border-radius: 100px;
	box-shadow: 0px 3px 8px rgb(0 0 0 / 8%);
	text-shadow: 0px 1px 5pt rgb(0 0 0 / 6%);

	-webkit-transition: all .15s ease;
	transition: all .15s ease;

	cursor: pointer;

	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	white-space: nowrap;
}
.btn:hover,
a.btn:hover,
button.btn:hover {
	transform: translateY(-1px);
}

.btn:disabled,
a.btn:disabled,
button.btn:disabled{
	transform: none !important;
	opacity: .6;
	cursor: no-drop;
}

.btn-green {
	background: #f7004d !important;
	color: #fff !important;
}
.btn-green:hover {
	background: #38c28f !important;
}
.btn-blue {
	background: #00afe0 !important;
	color: #fff !important;
}

.btn-border {
	border: 1px solid !important;
	border-color: #e7e7e7 !important;
	background: none !important;
	color: inherit !important;
	margin-left: 0 !important;
	box-shadow: 0px 3px 8px rgb(0 0 0 / 3%) !important;
}
.btn-big {
	width: 100% !important;
	box-sizing: border-box !important;

	padding: 12px 24px !important;
	font-size: 18px !important;
}
.btn-big.process:before {
	left: -1px;
	right: -1px;
	top: -1px;
	bottom: -1px;
	background: rgb(255 255 255 / 36%) !important;
}
.btn-big.process:after {
	margin: -8px 0 0 -75px;
	font-size: 20px;
	color: #fff;
}

.btn.btn-with-icon {
	padding-left: 16px;
}
.btn.btn-with-icon i {
	margin-right: 8px;
}

input, textarea {
	display: block;
	border: 1px solid #d7d7d7;
	background: #fff;
	color: #555;
	border-radius: 2px;
	padding: 10px;
	width: 100%;
	box-shadow: 0px 2px 7px rgb(0 0 0 / 2%);
	outline: none;
	font-size: 15px;
	box-sizing: border-box;
}
input:focus, textarea:focus {
	border-color: #ccc;
}
input[type="checkbox"] {
	width: auto;
	display: inline-block;
}


/* WRAPPER */
#content {
	min-height: 268px;
}
#content.on-featured {
	margin-top: calc(-61px + -30px);
}
/*#content {
	margin-top: calc(-61px + -30px);
	min-height: 448px;
	background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.2), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.1), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.2), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.1), transparent 50%);
}
#content.on-featured {
	background-image: none;
}*/

.wrap {
	margin-right: auto; /* 1 */
	margin-left: auto; /* 1 */

	max-width: 1140px; /* 2 */

	padding-right: 10px; /* 3 */
	padding-left: 10px; /* 3 */
}

.header-wrap {
	margin-top: 30px;
	position: relative;
}


/* Header */

.header {
	height: 61px;
	background: #fff;
	color: #3b4058;
	box-sizing: border-box;

	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	border-radius: 100px;
}
.masthead-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	row-gap: 20px;
	height: 100%;
	padding: 0 15px;
}

.masthead-logo a{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}
.masthead-logo img {
	height: auto;
	width: auto;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	border: 0;
}
.masthead-logo .logo-icon {
	display: inline-block;
	font-size: 30px;
	color: #f7004d;
}
.masthead-logo .logo-icon i:before {
	margin-left: 0;
}
.masthead-logo .logo-title {
	font-weight: bold;
	color: #212529;;
	font-size: 22px;
}

.masthead-logo.center-logo {
	position: absolute;
	padding: 5px 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 200px;
	max-height: 58px;
	overflow: hidden;
}

.masthead-left {
	float: left;
}
.masthead-right {
	float: right;
}

.masthead-left ul li {
	display: inline-block;
	list-style: none;
	margin-right: 5px;
}
.masthead-left ul li a {
}

.masthead-left ul li a:hover {
	background: #667182;
	color: #fff;
}

.geo-flag-icon {
	display: inline-block;
	width: 16px;
	height: 12px;
	margin-top: 1px;
	background-repeat: no-repeat;
	background-size: 16px 12px;
	border-radius: 2px;
}

.sticky {
	position: fixed !important;
	left: 0;
	right: 0;
	z-index: 999;

	top: -60px;
	transition: top .15s ease;
	-webkit-transition: top .15s ease;
}
.animate {
	top:0;
}
.sticky.header {
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
}
.sticky .masthead-wrap {
	margin-right: auto;
	margin-left: auto;
	max-width: 1140px;
	background: #fff;
	height: 100%;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	border-radius: 0px 0px 12px 12px;
	box-sizing: border-box;
}
.header-out {
	height: 61px;
	background: #fff;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	border-radius: 100px;
	visibility: hidden;
}

/* SECTION */
.section {
	padding: 86px 0;
}

.section h2 {
	font-size: 56px;
	font-weight: 600;
	text-align: center;
}
.section .section-text {
	text-align: center;
	max-width: 80%;
	margin: 0 auto;
	font-size: 18px;
	opacity: .9;
	margin-bottom: 60px;
}

.section-page.section-404 {
	text-align: center;
	max-width: 500px;
	margin:80px auto;
}
.section-page.section-contact {
	text-align: center;
	max-width: 600px;
	margin:80px auto;
}


.section-lr .inner {
	display: flex;
	gap: 20px;
}
.section-lr .inner > div:first-child {
	width: 60%;
}
.section-lr .inner > div:last-child {
	width: 40%;
}
.section-lr .inner.right > div:first-child {
	order: 2;
}
.section-lr .inner.right > div:last-child {
	order: 1;
}
.section-lr h2 {
	line-height: 72px;
	margin-bottom: 20px;
}
.section-lr h2,
.section-lr .section-text {
	text-align: left;
	max-width: 100%;
}
.section-lr .section-text {
	margin-bottom: 30px;
}
.section-lr .animation:before {
	display: none;
}
.section-lr .animation:after {
	z-index: 0;
}
.section-lr .animation img,
.section-lr .animation video,
.section-lr .animation iframe {
	width: 100%;
	max-width: 100%;
	position: relative;
	z-index: 1;
}

/* FEATURED */

.featured {
	padding-top: calc(61px + 30px + 30px + 50px);
	padding-bottom: 100px;
	background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.2), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.1), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.2), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.1), transparent 50%);
}
.featured h1 {
	font-size: 50px;
	font-weight: bold;
	text-align: center;
}
.featured h1 .h1-clear-left:before {
	content: '';
	clear: both;
	display: block;
}
.featured h1 .h1-clear-right:after {
	content: '';
	clear: both;
	display: block;
}

@keyframes bounceIn {
 0% {
	opacity: 0;
	transform: scale(0);
 }
 20% {
	opacity: 1;
 }
 40% {
	transform: scale(1.15)
 }
 70% {
	transform: scale(.9)
 }
 100% {
	transform: scale(1);
 }
}
.bounce_in_animation {
	color: #f7004d;
	text-align: center;
}


.grow-account {
	position: relative;
	margin-top: 30px;
}
.grow-account_form{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	max-width: 600px;
	margin: 0 auto;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	background: #fff;
	border-radius: 100px;
	border: 1px solid #ededed;
	transition: .3s all;
}
.grow-account_form.focus {
	box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
	transform: scale(1.01);
}
.grow-account_form.process:before {
	border-radius: 100px;
}
.grow-account_form.process:after {
	display: none;
}
.grow-account_icon {
	position: absolute;
	font-size: 18px;
	padding: 0px 16px;
}
.grow-account_username {
	width: 100%;
	flex: 1 1 auto;
	padding-left: 50px;
	padding-right: 20px;
	height: 60px;
	line-height: 60px;
	background: none;
	border: 0;
	font-size: 18px;
}
button.grow-account_submit {
	white-space: pre;
	height: 42px;
	margin-right: 15px;
	font-size: 16px;
}
.grow-account .message {
	padding: 20px;
	text-align: center;
}
.grow-account .message.error {
	color: #ef4f4f;
}

/* alt features */
.alt-features {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px;
	max-width: 600px;
	margin: 50px auto 0;
}
.alt-features .item {
	display: flex;
	align-items: center;
	border: 1px solid #ddd;
	background: rgb(255 255 255 / 50%);
	border-radius: 50px;
	padding: 0px 5px;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
}
.alt-features .item-icon {
	padding: 5px;
	color: #f7004d;
}
.alt-features .item-text {
	padding: 5px;
	padding-right: 10px;
}

.alt-trustpilot {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 600px;
	margin: 20px auto 0;
	gap: 8px;
	font-size: 16px;
}

/* REVIEW */
.customer-reviews-con {
	position: relative;
}
.customer-reviews-con .hide-left, .customer-reviews-con .hide-right{
	position: absolute;
	top: 0;
	content: ' ';
	width: 10vw;
	height: 100%;
	z-index: 2;
}
.hide-left {
	left: 0;
	background: linear-gradient(to right, #ffffff 0%, rgb(237 237 237 / 0%) 50%, rgba(255,255,255,0) 100%);
}
.hide-right {
	right: 0;
	background: linear-gradient(to right, rgba(254,255,255,0) 0%, rgb(236 236 236 / 0%) 50%, #ffffff 100%);
}

.review-con {
	background: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.05), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.05), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.05), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.05), transparent 50%);
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	border-radius: 18px;
	margin: 20px;
	overflow: hidden;
}

.review-con .head {
	position: relative;
	overflow: hidden;
	height: 85px;
}
.review-con .head .image {
	position: absolute;
	top: -18px;
	left: -18px;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	overflow: hidden;
}
.review-con .head .image img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.review-con .head .author {
	padding-left: 100px;
	padding-top: 18px;
	font-weight: 600;
	font-size: 16px;
}
.review-con .head .tick {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 65px;
	opacity: .1;
	color: #f7d629;
}

.review-con .head .author-rate {
	display: flex;
	align-items: center;
	gap: 2px;
}
.review-con .head .author-rate .tmp_fs {
	color: #f7d629;
}
.review-con .head .author-rate i:before {
	margin: 0;
}

.review-con .inner {
	padding: 30px 20px 50px;
}
.review-con .inner .title {
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 18px;
}
.review-con .inner .review {
	min-height: 88px;
}


/* COUNTER */
.section-counter {
	padding: 60px 0;
}
.counter {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	flex-direction: row;
}
.counter .item {
	position: relative;
	display: flex;
	max-width: 25%;
	flex: 25%;
	align-items: center;
	flex-direction: column;

	border: 1px solid #dfdfdf;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	background: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.05), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.05), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.05), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.05), transparent 50%);
}
.counter .item .icon {
	font-size: 62px;
	color: #cdcdcd;
	position: absolute;
	top: 0;
	right: 22px;
	opacity: 0.2;
}
.counter .item .number {
	font-size: 28px;
	font-weight: bold;
	color: #f7004d;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
}
.counter .item .number .count {
	font-size: 54px;
}
.counter .item .title {
	font-size: 18px;
	font-weight: 600;
}

/* HOW IT WORKS */

.how-it-works {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 100px;
	flex-direction: row;
	position: relative;
}
.how-it-works .item {
	position: relative;
	display: flex;
	max-width: 33.3%;
	flex: 33.3%;
	height: 100%;
	align-items: center;
	flex-direction: column;
	border: 1px solid #dfdfdf;
	padding: 30px 0 0 0;
	border-radius: 12px;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	background: #fff;
}
.how-it-works .item .head {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;

}
.how-it-works .item .head .step {
	position: absolute;
	top: -18px;
	left: calc(50% - 18px);
	background: #f7004d;
	color: #fff;
	border-radius: 100%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.how-it-works .item .head .icon {
	font-size: 32px;
	color: #f7004d;
}
.how-it-works .item .head .icon i:before {
	margin: 0;
	margin-right: 10px;
}
.how-it-works .item .head .icon .icon-comments-regular:before {
	margin-right: 20px;
}
.how-it-works .item .head .title {
	font-size: 20px;
	font-weight: 600;
}
.how-it-works .item .description {
	margin-top: 30px;
	border-top: 1px solid #ddd;
	padding: 30px;
	background: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.05), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.05), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.05), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.05), transparent 50%);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.how-it-works .background-icons {
	position: absolute;
	
	width: 90%;
	z-index: 0;
}

.box-h { 
	background-image: repeating-linear-gradient(0deg, var(--clr-border), var(--clr-border) 10px, transparent 10px, transparent 20px), repeating-linear-gradient(90deg, var(--clr-border), var(--clr-border) 10px, transparent 10px, transparent 20px), repeating-linear-gradient(180deg, var(--clr-border), var(--clr-border) 10px, transparent 10px, transparent 20px), repeating-linear-gradient(270deg, var(--clr-border), var(--clr-border) 10px, transparent 10px, transparent 20px);
	background-size: 2px calc(100% + 20px), calc(100% + 20px) 2px, 2px calc(100% + 20px), calc(100% + 20px) 2px;
	/*-webkit-animation: boxBorderAnimation 1s infinite linear;
	animation: boxBorderAnimation 1s infinite linear;*/
	background-position: 0 0, 0 0, 100% 0, 0 100%;
	height: 20px;
	background-repeat: no-repeat;

}
@keyframes boxBorderAnimation {
	from { background-position: 0 0, -20px 0, 100% -20px, 0 100%; }
	to { background-position: 0 -20px, 0 0, 100% 0, -20px 100%; }
}

/* SECTION FAQ */

.section-faq {
		background: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.05), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.05), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.05), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.05), transparent 50%);
}

.accordion {
	background: #fff;
	border-radius: 4px;
}
.accordion .accordion-body {
	display: none;
}
.accordion .accordion-item {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 24px;
	box-shadow: 0 10px 30px -20px rgb(50 50 93 / 21%), -4px 2px 60px -30px rgb(2 94 189 / 25%), 0 -30px 60px -10px rgb(5 30 68 / 3%);
}
.accordion .accordion-item.active .accordion-icon {
	transform: rotate(180deg);
}

.accordion .accordion-header {
	padding: 16px;
}

.accordion .accordion-title {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	font-size: 18px;
	margin-bottom: 0;
}
.accordion .accordion-alt-title {
	width: 100%;
	text-align: left;
	padding: 0px 10px;
}
.accordion .accordion-title span {
	transition: .3s all;
	display: flex;
	font-weight: 600;
}
.accordion .accordion-title .accordion-icon {
	font-size: 26px;
}
.accordion .accordion-body .accordion-body-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	grid-gap: 10px;
	padding: 20px;
	font-size: 16px;
}

.accordion .accordion-body {
	border-top: 1px solid #f7f7f7;
}

.accordion .accordion-body div {
	display: inline-block;
}
.accordion .accordion-body .accordion-left {
	font-weight: bold;
	margin-right: 5px;
	color: #ff6868;
}

/* FOOTER */

.footer {
	margin-top: 40px;
	background: #f8f9fa;
	color: rgba(33, 37, 41, 0.75);
}
.footer .head,
.footer .bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;

	position: relative;
}
.footer .head {
	padding: 50px 0 20px;
}
.footer .bottom {
	padding: 0 0 40px;
}

.footer .head .menu,
.footer .bottom .secure {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.footer .head .menu ul {
	display: flex;
	gap: 10px;
}
.footer .head .menu ul li a {
	color: #212529;
	transition: .3s all;
}
.footer .head .menu ul li a:hover {
	color: #5469d4;
}

.icon-cc-visa {
	color: #3956a7;
}
.icon-cc-mastercard {
	color: #eb3a1c;
}
.icon-cc-discover {
	color: #f5821f;
}
.icon-cc-amex {
	color: #0079aa;
}
.icon-cc-paypal {
	color: #1c3662;
}

/* PAGE */
.section-page {
	margin: 40px 0;
	padding: 30px 30px;
	background: rgb(255 255 255 / 95%);
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	border-radius: 12px;
}

.section-page h1 {
	font-size: 28px;
	margin-bottom: 15px;
	font-weight: bold;
}

.section-page h2,
.section-page h3,
.section-page h4,
.section-page h5 {
	font-weight: 500;
	margin-bottom: 10px;
	color: #16a772;
	text-align: left;
}
.section-page h2 {
	font-size: 26px;
}
.section-page h3 {
	font-size: 22px;
}
.section-page h4 {
	font-size: 18px;
}
.section-page h5 {
	font-size: 16px;
}
.section-page p {
	margin-bottom: 20px;
}
.section-page ul,
.section-page ol {
	margin-bottom: 20px;
}
.section-page ul,
.section-page ol,
.site-description ul,
.site-description ol {
	padding-inline-start: 20px;
}
.section-page ul li,
.site-description ul li {
	list-style: disc;
}
.section-page ol li,
.site-description ol li {
	list-style: decimal;
}

/* MODAL */
.new-modal {
	visibility: hidden;
	opacity: 0;

	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: opacity calc(1s * 0.25);
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	transition: all calc(1s * 0.25) ease;
	background: #fff;
}
.new-modal:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.2), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.1), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.2), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.1), transparent 50%);
}

.new-modal-content {
	display: block;
	position: relative;
	outline: none;
	box-sizing: border-box;

	transition: all calc(1s * 0.25) ease;

	background: #fff;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	vertical-align: top;

	min-height: 300px;

	max-width: 900px;
	margin: 90px auto 30px;

	border-radius: 12px;

	transform: scale(1.1);
}
.new-modal-content.active {
	transform: scale(1.0);
}

.on-modal.header {
	padding-right: 16px;
	transition: none;
}
.on-modal.header .masthead-wrap {
	max-width: 900px;
}

.modal-head {
	margin-bottom: 25px;
	padding: 16px 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	border-bottom: 1px solid #dfdfdf;
}
.modal-head .icon-area {
	width: 74px;
	height: 74px;
	overflow: hidden;
	background: #fff;
	border-radius: 80px;
}
.modal-head .icon-area img {
	position: relative;
	z-index: 3;
	-o-object-fit: cover;
	object-fit: cover;
	height: auto;
}
.modal-head .title {
	font-size: 18px;
	font-weight: bold;

	display: inline-flex;
	flex-direction: column;
	gap: 3px;
}
.modal-head .title span {
	padding: 2px 12px;
	background: #f7004d;
	color: #fff;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	width: auto;
	text-align: center;
	width: min-content;
	cursor: pointer;
}

.modal-inner {
	padding: 0px 30px;
}
.modal-inner .item {
	padding: 15px 0;
}
.modal-inner .no-item {
	opacity: .5;
}
.modal-inner .no-item .item-right {
	display: none !important;
}
.modal-inner .item-price,
.modal-inner .total-price {
	text-wrap: nowrap;
	min-width: 54px;
	text-align: right;
}
.modal-inner .item-price:before,
.modal-inner .total-price:before,
.modal-inner .total-discount span:before{
	content: '$';
	display: inline-block;
	margin-right: 2px;
}
.modal-inner .item-discount:before{
	content: '-$';
	display: inline-block;
	margin-right: 2px;
}
.modal-inner .item-discount {
	opacity: .6;
	font-size: 16px;
	display: none;
}
.modal-inner .total-discount {
	font-size: 16px;
	opacity: .6;
}
.modal-inner .item-head {
	display: flex;
	justify-content: space-between;
	font-weight: 600;
	font-size: 18px;
}
.modal-inner .item-head i,
.modal-inner .item-head .info {
	margin-left: 3px;
	font-size: 14px;
	opacity: .7;
}
.modal-inner .item-head .info .found-no {
	display: none;
}
.modal-inner .item-head .item-right {
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: end;
}
.modal-inner .item-head .item-estimated-delivery {
	border-right: 1px solid #ddd;
	padding-right: 15px;
	font-size: 15px;
}
.modal-inner .item-head .item-estimated-delivery i {
	display: inline-flex;
	align-items: center;
	transition: .3s all;
	line-height: 12px;
}
.modal-inner .item-head .item-estimated-delivery i:before {
	margin-top: 1px;
}
.modal-inner .bottom {
	padding-top: 15px;
	padding-bottom: 30px;
	text-align: center;
	border-top: 1px solid #ddd;
	margin-top: 15px;
}
.modal-inner .bottom .total {
	display: flex;
	justify-content: end;
	align-items: baseline;
	gap: 10px;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
}
.modal-inner .bottom .btn {
	max-width: 100%;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
}
.modal-inner .bottom p {
	opacity: .8;
}
.modal-inner .message {
	padding: 10px;
	text-align: center;
	margin-bottom: 15px;
	color: #fff;
	background: #dfa345;
	border-radius: 50px;
	box-shadow: 0 0.3rem 1rem rgba(0,0,0,0.18), inset 0 -1px 0 rgba(255,255,255,0.18);
	display: none;
}
.modal-inner .message.error {
	background: #f56666;
}
.modal-inner .message.success {
	background: #f7004d;
}
.modal-inner .message.info {
	background: #4781a5;
}


.modal-step-1 {
	display: none;
}
.modal-step-2 {
	display: none;
}
.modal-step-2.process:after {
	display: none;
}


/* MODAL HEAD */
.process {
	position: relative;
}
.process:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgb(255 255 255 / 45%) !important;
	z-index: 1;
}
.process:after {
	left: 50%;
	margin: -9px 0 0 -10px;
	position: absolute;
	top: 40%;
	color: #555;
	font-size: 24px;
	font-family: meeak;
	content: '\F528';
	-moz-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
	z-index: 2;
}

.user-data {
	display: flex;
	gap: 20px;
	text-align: center;
	border-left: 1px solid #ddd;
	padding-left: 15px;
	margin-left: 15px;
}
.user-data .number {
	font-weight: 600;
	font-size: 18px;
}
.user-data .text {
	font-size: 15px;
}

/* FREE TRIAL */
.open-free-trial {
	display: none !important;
}
.home .open-free-trial {
	display: block !important;
}
.modal-free {
	display: none;
}
.modal-free .modal-head {
	flex-direction: column;
	padding: 0;
	border-bottom: 0;
	margin-bottom: 0;
}
.modal-free .modal-head > .title {
	display: flex;
	width: 100%;
	padding: 16px 20px;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	text-align: center;
}
.modal-free .modal-head .account {
	display: flex;
  align-items: center;
  flex-direction: row;
  gap: 15px
}
.modal-free .modal-head .account-details {
	display: flex;
	width: 100%;
	padding: 14px 30px;

	align-items: center;
	justify-content: center;

	gap: 20px;
	box-sizing: border-box;
	flex-direction: column;
}
.modal-free .modal-head .icon-area {
	flex: 0 0 74px;
}
.modal-free .modal-head .user-data {
	display: none;
}
.modal-free h2 {
	font-weight: 600;
	color: #16a772;
	font-size: 28px;
}
.modal-free .modal-inner {
	text-align: center;
	padding: 20px 30px;
}
.modal-free .tiktok-items {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.modal-free .tiktok-items .item {
	position: relative;
	padding: 6px 16px;
	padding-left: 10px;
	border-radius: 100px;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	background: #fff;

	cursor: pointer;

	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 600;
	font-size: 15px;
}
.modal-free .tiktok-items .item span {
	white-space: nowrap;
}
.modal-free .tiktok-items .item.active {
	background: #f7004d;
	color: #fff;
	cursor: default;
}
.modal-free .tiktok-items .item .select {
	width: 18px;
	height: 18px;
	background: transparent;
	border: 1px solid #ccc;
	border-radius: 100px;

	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 23px;
	color: #333;
}
.modal-free .tiktok-items .item.active .select {
	background: #f7004d;
	border-color: #fff;
}
.modal-free .tiktok-items .item.active .select:before {
	content: '';
	background: #fff;
	width: 10px;
	height: 10px;
	border-radius: 100%;
}
.modal-free .tiktok-items .item.disabled:before {
	content: '';
	position: absolute;
	background: #ffffff9c;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 100px;
}
#tiktok-item {
	display: none;
}

.modal-free .tiktok-posts {
	display: none;
}

.modal-free .message {
	display: block;
}

.modal-free .account form {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	background: #fff;
	border-radius: 100px;
	border: 1px solid #ededed;
	padding: 5px;
	max-width: 350px;
	box-sizing: border-box;
}
.modal-free .account form.process:after{
	display: none;
}
.modal-free .account .grow-account_icon {
	font-size: 16px;
	padding: 0 5px;
}
.modal-free .account input {
	border: 0;
	padding:8px;
	padding-left: 32px;
}
.modal-free .account button:hover {
	transform: none;
}
button.btn-free-continue:disabled {
	opacity: .3;
}

.modal-free .after-complete {
	display: none;
}
.modal-free .after-complete > a {
	margin: 0 3px;
}


.free-grow-price {
	background: #f7f7f7;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	padding: 10px 30px;
	border: 1px solid #dddddd;
	border-radius: 12px;
	max-width: 150px;
	margin: 0 auto 25px;

	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.free-grow-price .number {
	font-weight: 600;
	font-size: 26px;
	margin-right: 8px;
}
.free-grow-price .number:before {
	content: '$';
}
.progress,
.progress-bar {
	display: flex;
	height: 46px;
}
.progress {
	margin-bottom: 15px;
	background: #f7004d;
	border-radius: 50px;
	box-shadow: 0 0.3rem 1rem rgba(0,0,0,0.18), inset 0 -1px 0 rgba(255,255,255,0.18);
	overflow: hidden;
	display: none;
}
.progress.complete {
	opacity: .6;
}
.progress-bar {
	width: 5%;
	min-width: 5%;
	background-color: #f7004d!important;
	background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
	background-size: 1rem 1rem;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #2d74b1;
	transition: width .6s ease;
	border-radius: 100px;
	box-shadow: 15px 1px 20px #0000001a;
}
.progress.complete .progress-bar {
	width: 100% !important;
}
.progress-bar-animation {
	animation: progress-bar-stripes 1s linear infinite;
}
@keyframes progress-bar-stripes{
	0% {
		background-position: 1rem 0;
	}
	100% {
		background-position: 0 0;
	}
}

/* FORM CONTACT */
.section-contact .message,
.checkout-message {
	width: 100%;
	margin-bottom: 15px;
	font-size: 15px;
	padding: 10px 10px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.32);
	border-radius: 3px;
	box-sizing: border-box;
}

.section-contact .message.success,
.checkout-message {
	color: #fff;
	background: linear-gradient(to bottom, #1eb980, #2bc687 100%);
}
.section-contact .message.error,
.checkout-message {
	color: #fff;
	background: linear-gradient(to bottom, #c33232, #d75656 100%);
}

.form-contact {
	text-align: left;
}
.form-contact .required {
	color: red;
}
.form-contact .mb-3 {
	margin-bottom: 18px;
}
.form-contact .form-label {
	display: block;
	margin-bottom: 5px;
}
.form-contact .btn {
	width: 100%;
}

/* CHECKOUT */

.checkout-head {
	margin-bottom: 25px;
	border-bottom: 1px solid #dfdfdf;
}
.new-modal .checkout-head {
	position: sticky;
	top: 58px;
	z-index: 2;
	background: #fff;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.checkout-head-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding: 20px 26px;
	cursor: pointer;
}
.checkout-head-top.active .icon {
	transform: rotate(180deg);
}
.checkout-head-top .image {
	width: 60px;
	height: 60px;
	overflow: hidden;
	background: #fff;
	border-radius: 80px;
}
.checkout-head-top .image img {
	-o-object-fit: cover;
	object-fit: cover;
	height: auto;
}

.checkout-head-top .title {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	flex: 1 1 0%;
}
.checkout-head-top .account {
	display: flex;
	align-items: center;
	gap: 14px;
}
.checkout-head-top .account .name {
	font-weight: 600;
	font-size: 18px;
}
.selected-post-count {
	padding: 2px 16px;
	cursor: default;
}
.new-modal .selected-post-count {
	display: none;
}
.checkout-head-top .price {
	font-size: 26px;
	font-weight: 600;
	white-space: nowrap;
}
.checkout-head-top .icon {
	font-size: 28px;
	transition: all .15s ease;
}

.checkout-items {
	padding: 0px 26px;
	height: 0;
	overflow: hidden;

	border-top: 1px solid transparent;
	transition: all .15s ease;
}
.checkout-items.active {
	height: auto;
	padding: 24px 26px;
	border-color: #dfdfdf;
}
.checkout-items .item {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	padding: 8px 0px;
}
.checkout-items .item .left {
	display: flex;
	align-items: center;
	gap: 14px;
}
.checkout-items .item .price {
	font-weight: 600;
}
.checkout-items .item .price:before,
.checkout-head-top .price:before {
	content: '$';
	display: inline-block;
	margin-right: 2px;
}
.on-checkout .checkout-items .item .price:before,
.on-checkout .checkout-head-top .price:before {
	content: '';
	display: none;
}

.checkout-items .item .selected-post-count {
	font-size: 13px;
	padding: 0px 12px;
}
.checkout-bottom .item {
	margin-top: 16px;
	padding: 0;
}
.checkout-bottom .item .name {
	font-weight: 600;
}


.tiktok-posts {
	padding: 20px 26px;
}
.checkout-message {
	display: none;
}
.tiktok-posts .title {
	font-weight: 600;
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
}
.tiktok-posts .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 15px;
	max-height: 575px;
	overflow-y: auto;
}
.tiktok-posts .items .item {
	height: 280px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	cursor: pointer;
	position: relative;
	padding: 0;
}
.tiktok-posts .items .item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.tiktok-posts .items .item .select {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 18px;
	height: 18px;
	background: transparent;
	border: 3px solid #fff;
	border-radius: 100px;

	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 23px;
}
.tiktok-posts .items .item.active .select {
	background: #f7004d;
}
.tiktok-posts .items .item.active .select:before {
	content: '\E802';
	color: #fff;
	font-family: 'tikqueen';
}
.tiktok-posts .items .item .desc {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	background: #000;
	background: linear-gradient(0deg, rgb(0 0 0 / 82%) 0%, rgba(0,212,255,0) 100%);
	padding: 16px 20px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-grow-checkout {
	margin: 25px 0 10px;
}

/* WOOCOMMERCE */
body.woocommerce-page {
	background: none;
}
.woocommerce-page main {
	padding-bottom: 80px;
	background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.2), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.1), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.2), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.1), transparent 50%);
	margin-top: -91px;
	padding-top: 91px;
}
.woocommerce-page .header {
	position: fixed !important;
	left: 0;
	right: 0;
	z-index: 999;
	top: 0;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
	transition: none;
}
.woocommerce-page .header-wrap {
	margin-top: 0;
}
.woocommerce-page .header-out {
	display: block !important;
} 
.woocommerce-page .masthead-wrap {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	height: 100%;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	border-radius: 0px 0px 12px 12px;
	box-sizing: border-box;
}
.woocommerce-page .masthead-left,
.woocommerce-page .masthead-right {
	display: none;
}

.woocommerce-page .footer {
	display: none;
}

.woocommerce-page .section-page {
	max-width: 900px;
	margin: 30px auto 40px;
	box-sizing: border-box;
	padding: 0;
}
.woocommerce-page .section-page .woocommerce {
	padding: 20px 26px;
}

.woocommerce-page .section-page-head {
	margin-bottom: 25px;
	border-bottom: 1px solid #dfdfdf;
}
.woocommerce-page .section-page-head-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding: 20px 26px;
}
.woocommerce-page .section-page-head-top .title {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	flex: 1 1 0%;
}
.woocommerce-page .section-page-head-top .title h1 {
	margin-bottom: 0;
}


/* woocommerce utility */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
	border-radius: 100px;
	padding-left: 24px;
	padding-right: 24px;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	border-radius: 12px;
	padding-inline-start: 55px !important;
}
.woocommerce-message, .woocommerce-info{
	border-top-color: #f7004d;
}
.woocommerce-message::before, .woocommerce-info::before {
	color: #f7004d;
}
.woocommerce-message a, .woocommerce-info a {
	color: #119565;
}

/* woocommerce cart */
.woocommerce table.shop_table th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
	font-weight: 600;
}
.woocommerce table.shop_table td.product-name {
	width: 80%;
}
.woocommerce table.shop_table td.product-subtotal,
.woocommerce table.shop_table td.product-total{
	font-size: 18px;
	font-weight: 600;
}
.woocommerce #coupon_code {
	width: 160px !important;
	padding: 8px 10px;
	margin-right: 10px;
	border-radius: 100px;
}
.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 {
	text-align: left;
}

.woocommerce .cart-collaterals .cart_totals table td {
	font-size: 18px;
	font-weight: 600;
	text-align: right;
}

.variation-Username {
	font-weight: 600;
}
.variation .tiktok-post-count {
	margin-left: 5px;
	font-size: 14px;
	background: #f7004d;
	color: #fff;
	padding: 1px 8px;
	border-radius: 100px;
}

/* woocommerce checkout */
.checkout-alt-items {
	padding-bottom: 30px;
}
.checkout-alt-items .secure {
	text-align: center;
}
.checkout-alt-items .secure .title {
	font-size: 16px;
	display: block;
	opacity: .8;
}
.checkout-alt-items .secure i:before,
.checkout-alt-items .secure span:before{
	margin-left: 0;
	width: auto; 
}
.checkout-alt-items .secure span {
	font-size: 48px;
	opacity: .9;
}
.checkout-alt-items .alt-features {
	margin-top: 20px;
	opacity: .9;
	max-width: 680px;
	gap: 12px;
}

.woocommerce-checkout .section-page-head {
	display: none;
}
.woocommerce-checkout .checkout-head {
	margin: -20px -26px 40px -26px;
	margin-bottom: 40px;
}
.woocommerce-checkout #coupon_code {
	width: 100% !important;
}

.woocommerce form .woocommerce-billing-fields .form-row {
	padding: 0;
}
.woocommerce-billing-fields h2 {
	text-align: center;
}

form.checkout {
	max-width: 80%;
	margin: 20px auto;
}
.woocommerce-checkout-review-order {
	padding: 20px 0;
}
.section-page .woocommerce ul li {
	list-style: none !important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: none;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
	padding: 0;
	border-bottom: 0;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 10px;
}
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
	width: auto;
	display: inline-block;
	cursor: pointer;
	margin-right: 6px;
}
#add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label {
	cursor: pointer;
	font-weight: 600;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	margin: 0;
	background: 0;
	border-top: 1px solid #ddd;
	border-radius: 0;
	padding: 10px 0 0 0;
	margin-top: 7px;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	display: none;
}
.woocommerce-privacy-policy-text {
	font-size: 14px;
	opacity: .8;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
	padding: 0;
	margin-top: 15px;
}

.woocommerce-form-coupon-toggle {
	margin-top: 16px;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
	margin-bottom: 0;
}
.woocommerce form.checkout_coupon {
	margin-top: 16px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	border: 1px solid #dfdfdf;
}

/* woocommerce thank you */
.woocommerce-order-received .masthead-left,
.woocommerce-order-received .masthead-right,
.woocommerce-order-pay .masthead-left,
.woocommerce-order-pay .masthead-right {
	display: block;
}

.woocommerce-thankyou-order-received {
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.order-received-icon {
	font-size: 48px;
	color: #f7004d;
}
.woocommerce ul.order_details {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.woocommerce ul.order_details li strong {
	font-weight: 600;
}
.product-quantity { display:none }

/* woocommerce account */
.woocommerce-account .section-page .woocommerce {
	padding: 0 26px 15px;
}
.my-account {
	display: flex;
	gap: 26px;
	margin: -25px 0 -15px;
}
.woocommerce-account .masthead-left,
.woocommerce-account .masthead-right {
	display: block;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	border-right: 1px solid #dfdfdf;
	padding: 30px 0;
	width: 24%;
}
.woocommerce-account .woocommerce-MyAccount-content {
	padding: 30px 0;
	width: 74%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	padding-inline-start: 0px;
}
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--edit-address {
	display: none;
}
.woocommerce-MyAccount-navigation ul li {
	margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a {
	font-weight: 600;
	font-size: 15px;

	padding: 8px 24px;

	position: relative;

	background: #fff;
	color: #222;

	display: inline-block;

	border: 1px solid;
	border-color: transparent;
	border-radius: 100px;
	box-shadow: 0px 3px 8px rgb(0 0 0 / 8%);
	text-shadow: 0px 1px 5pt rgb(0 0 0 / 6%);

	display: block;
	margin-right: 26px;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
	background: #f7004d !important;
	color: #fff !important;
}
.woocommerce-EditAccountForm fieldset {
	padding-bottom: 20px;
}
.woocommerce-EditAccountForm legend {
	font-weight: 600;
	padding-top: 20px;
}
.woocommerce-EditAccountForm em {
	font-size: 14px;
	opacity: .8;
}

.woocommerce form.login, .woocommerce form.register {
	border: 0;
	padding: 0;
	margin: 0;
}
.woocommerce-checkout .woocommerce-account-fields {
	display: none;
}
.woocommerce-account .section-faq {
	background: none;
	padding: 0;
}
.woocommerce-account .section-faq h2 {
	text-align: center;
}
.woocommerce-orders-table__header-order-number,
.woocommerce-orders-table__cell-order-number,
.woocommerce-orders-table__header-order-actions,
.woocommerce-orders-table__cell-order-actions{
	text-align: center;
}
.woocommerce table {
	box-shadow: 0px 3px 8px rgb(0 0 0 / 8%);
	padding: 10px;
	border: 0 !important;
}
.woocommerce table.my_account_orders {
	font-size: 15px;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
	padding: 8px 10px;
}
.woocommerce .woocommerce-customer-details address {
	box-sizing: border-box;
	border: 0;
	box-shadow: 0px 3px 8px rgb(0 0 0 / 8%);
}

.woocommerce table.my_account_orders .button {
	margin-bottom: 5px;
}

/* NOTICE */
.woocommerce-store-notice, p.demo_store {
	top: auto !important;
	bottom: 0;
	position: fixed !important;
	background-color: #f7004d !important;
}
.admin-bar p.demo_store {
	top: auto !important;
	bottom: 32px !important;
}
a.woocommerce-store-notice__dismiss-link {
  margin-left: 30px;
  background: #fff;
  color: #333 !important;
  padding: 0px 10px;
  text-decoration: none !important;
  border-radius: 100px;
}


/* QUESTION TOOLTIP */

.question-tooltip {
	position: relative;
}
.modal-inner .item-head .question-tooltip i {
	cursor: pointer;
	font-size: 16px;
}
.question-tooltip.active .question-tooltip-inner{
	visibility: visible;
	opacity: 1;
}
.question-tooltip-inner {
	visibility: hidden;
	opacity: 0;

	position: absolute;
	max-width: 350px;
	width: 350px;
	left: 50%;
	margin-left: -175px;
	top: 100%;
	background: #fff;
	color: #444;
	border-radius: 4px;
	font-size: 14px;
	font-weight: normal;
	box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 15%), inset 0 -1px 0 rgba(255,255,255,0.10);
	z-index: 99;
	padding: 20px;
	box-sizing: border-box;

	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}
.question-tooltip-inner strong {
	font-weight: 600;
}
.question-tooltip-inner ul {
	list-style: disc;
	margin: 15px 0 15px 17px;
}
.question-tooltip-inner ol {
	list-style: decimal;
	margin: 15px 0 15px 17px;
}

/* SEO DESC */

.site-description {
	border: 1px solid #dfdfdf;
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	background: #fff;
}
.show-more-description {
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
	height: auto;
}
.show-more-description.show_less {
	height: 158px;
	overflow: hidden;
}
.site-description strong {
	font-weight: 600;
}
a.more-text {
	position: relative;
	display: block;
	text-align: center;
	padding: 10px;
	color: #818181;
	margin-bottom: -24px;
	color: #222;
	font-size: 18px;
}
.more-text:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 20px;
	top: 0;
	box-shadow: 0 -10px 15px -9px rgb(0 0 0 / 33%);
	background: transparent;
	z-index: 2;
}

/* ILLUSTRATION */
.section-illustration {
	overflow: hidden;
}
.section-illustration .inner {
	align-items: center;
}
.illustration {
	width: calc(100% - 590px);
	min-height: 400px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	display: flex;
	align-items: center;
	justify-content: center;
}
.illustration-inner {
	position: absolute;
	height: auto;
}
#illustration-hero-card {
	width: 340px;
	padding: 30px 10px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
}
#illustration-hero-card img {
	width: 120px;
	height: 120px;
	border-radius: 120px;
	display: block;
	margin: 0 auto;
}
#illustration-hero-card .profile-name {
	width: 100%;
	padding: 30px 0 0;
	text-align: center;
	display: block;
	font-weight: 600;
	font-size: 20px;
	color: #333;
}
#illustration-hero-card .profile-details {
	width: 100%;
	padding: 30px 0 0;
	display: block;
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: row;
}
#illustration-hero-card .profile-details .item {
	flex: 1;
	border-right: 1px solid #e4e4e4
}
#illustration-hero-card .profile-details .item:last-child {
	border: 0;
}
#illustration-hero-card .profile-details .item b {
	display: block;
	font-weight: 600;
	font-size: 22px;
	color: #333;
	margin-bottom: 3px
}
#illustration-hero-card .profile-details .item span {
	font-weight: 400;
	font-size: 16px;
	color: #8a8a8a;
}
.illustration-hero-floating {
	position: absolute;
	border-radius: 120px;
	background: #fff;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08), inset 0 -1px 0 rgba(255,255,255,0.10);
	padding: 10px 20px;
	white-space: nowrap;
}
#illustration-hero-popular {
	top: -35px;
	left: -50px;
	-webkit-animation: anim-float-reverse 40s linear infinite;
	animation: anim-float-reverse 40s linear infinite;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	padding: 10px;
	padding-right: 20px;
	position: absolute;
	border-radius: 120px;
	background: #fff;
	transition: all 1s ease-out;
}
#illustration-hero-popular i {
	background: #26c78d;
	border-radius: 100px;
	color: #fff;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
}
#illustration-hero-comment-1 {
	top: 90px;
	left: calc(100% - 50px);
	text-align: center;
	transition: all 1s ease-out;

	-webkit-animation: anim-float-reverse 40s linear infinite;
	animation: anim-float-reverse 40s linear infinite;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
#illustration-hero-comment-2 {
	top: 150px;
	left: calc(100% - 40px);
	text-align: center;
	transition: all 1s ease-out;
	-webkit-animation: anim-float 40s linear infinite;
	animation: anim-float 40s linear infinite;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
#illustration-hero-comment-3 {
	top: 40px;
	left: -28px;
	text-align: center;
	transition: all 1s ease-out;
	-webkit-animation: anim-float 40s linear infinite;
	animation: anim-float 40s linear infinite;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
#illustration-hero-comment-4 {
	top: 242px;
	left: -90px;
	text-align: center;
	transition: all 1s ease-out;
	-webkit-animation: anim-float 40s linear infinite;
	animation: anim-float 40s linear infinite;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
#illustration-hero-comment-5 {
	top: 303px;
	left: -30px;
	-webkit-animation: anim-float 40s linear infinite;
	animation: anim-float-reverse 40s linear infinite;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	text-align: center;
	transition: all 1s ease-out;
}

@keyframes anim-float{
	0%{transform:translateX(0)}
	25%{transform:translateX(-30px)}
	75%{transform:translateX(30px)}
	to{transform:translateX(0)}
}

@keyframes anim-float-reverse{
	0%{transform:translateX(0)}
	25%{transform:translateX(30px)}
	75%{transform:translateX(-30px)}
	to{transform:translateX(0)}
}