@font-face {
	font-display: swap;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	src: url(https://storage.perfectcdn.com/966zjr/qipk0bh10xlsyfho.woff2) format('woff2');
}

@font-face {
	font-display:swap;font-family:'Inter';font-style:normal;font-weight:700;src:url(https://storage.perfectcdn.com/966zjr/dtapf7hju0n6g8hn.woff2) format('woff2');
}

@font-face {
	font-display:swap;font-family:'Inter';font-style:normal;font-weight:900;src:url(https://storage.perfectcdn.com/966zjr/wziwgmxbfkxlp4n7.woff2) format('woff2');
}

@font-face {
	font-display:swap;font-family:'Orbitron';font-style:normal;font-weight:400;src:url(https://storage.perfectcdn.com/966zjr/cbp70mtkb85ayq8k.woff2) format('woff2');
}

@font-face {
	font-display:swap;font-family:'Orbitron';font-style:normal;font-weight:900;src:url(https://storage.perfectcdn.com/966zjr/yix5pgo0gd20j6ka.woff2) format('woff2');
}

@font-face {
	font-display:swap;font-family:'Titan One';font-style:normal;font-weight:400;src:url(https://storage.perfectcdn.com/966zjr/1ymkmqwyjah9okf4.woff2) format('woff2');
}

@font-face {
	font-display:swap;font-family:'Kalam';font-style:normal;font-weight:400;src:url(https://storage.perfectcdn.com/966zjr/xcje2lejheb0x10e.woff2) format('woff2');
}

*,*::before,*::after {
	box-sizing: border-box;
}

html {
	--color-1: #eef2ff;
	--color-2: #fff;
	--color-3: #000;
	--color-4: #202020;
	--color-5: #0a9969;
	--color-6: #10B981;
	--color-7: #8d6651;
	--color-8: rgb(38, 104, 73, .15);
	--color-9: #f0f0f0;
	--color-10: #f6f6f6;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

html #appDashboard {
	--color-1: #f2f6fc;
	--color-2: #ffffff;
	--color-3: #737b8b;
	--color-4: #202020;
	--color-5: #0a9969;
	--color-6: #10B981;
	--color-7: #8d6651;
	--color-8: rgb(38, 104, 73, .15);
	--color-9: #f0f0f0;
	--color-10: #f6f6f6;
}

html.dark #appDashboard {
	--color-1: var(--color-10);
	--color-2: #1c1e23;
	--color-3: #fff;
	--color-4: #8b98b8;
	--color-5: #266849;
	--color-6: #1c563b;
	--color-7: #8d6651;
	--color-8: rgb(38, 104, 73, .15);
	--color-9: #111010;
	--color-10: #21252e;
}

body {
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	margin-top: 0;
	margin-bottom: .5rem;
}

p,ul {
	margin-top: 0;
	margin-bottom: 1rem;
}

a {
	background-color: #fff0;
	text-decoration: none;
}

img {
	border-style: none;
}

img,svg {
	vertical-align: middle;
}

button,input {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	overflow: visible;
}

button {
	border-radius: 0;
	text-transform: none;
}

button,[type=button],[type=submit] {
	-webkit-appearance: button;
}

button:not(:disabled),[type=button]:not(:disabled),[type=submit]:not(:disabled) {
	cursor: pointer;
}

[hidden] {
	display: none!important;
}

.container {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

@media(min-width:576px) {
	.container {
		max-width: 540px;
	}
}

@media(min-width:768px) {
	.container {
		max-width: 720px;
	}
}

@media(min-width:992px) {
	.container {
		max-width: 960px;
	}
}

@media(min-width:1200px) {
	.container {
		max-width: 1140px;
	}
}

.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width:576px) {
	.container,.container-sm {
		max-width: 540px;
	}
}

@media (min-width:768px) {
	.container,.container-md,.container-sm {
		max-width: 720px;
	}
}

@media (min-width:992px) {
	.container,.container-lg,.container-md,.container-sm {
		max-width: 960px;
	}
}

@media (min-width:1200px) {
	.container,.container-lg,.container-md,.container-sm,.container-xl {
		max-width: 1140px;
	}
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.no-gutters {
	margin: 0;
}

.no-gutters>.col,.no-gutters>[class^="col-"] {
	padding: 0;
}

.col,[class^="col-"],[class*=" col-"] {
	position: relative;
	width: 100%;
	padding: 0 15px;
}

.col {
	flex-basis: 0%;
	flex-grow: 1;
	max-width: 100%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.col-1 {
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.col-2 {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-5 {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.col-8 {
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.col-11 {
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

@media(min-width:576px) {
	.col-sm {
		flex-basis: 0%;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-sm-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-sm-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-sm-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-sm-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sm-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-sm-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-sm-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-sm-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media(min-width:768px) {
	.col-md {
		flex-basis: 0%;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-md-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-md-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-md-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-md-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-md-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media(min-width:992px) {
	.col-lg {
		flex-basis: 0%;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-lg-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-lg-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-lg-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-lg-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-lg-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-lg-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-lg-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-lg-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-lg-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media(min-width:1200px) {
	.col-xl {
		flex-basis: 0%;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-xl-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xl-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xl-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xl-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xl-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xl-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xl-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xl-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xl-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xl-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xl-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xl-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
  
.order-first{order:-1}.order-last{order:13}
.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}
@media(min-width:576px){.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}}
@media(min-width:768px){.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}}
@media(min-width:992px){.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}}
@media(min-width:1200px){.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}}
 
.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}
@media(min-width:576px){.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}
@media(min-width:768px){.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}
@media(min-width:992px){.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}
@media(min-width:1200px){.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}

.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 1px solid #fff0;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s,background-color .15s,border-color .15s,box-shadow .15s;
}

.btn:disabled {
	opacity: .65;
}

.form-group {
	margin-bottom: 1rem;
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.fade {
	transition: opacity .15s linear;
}

.fade:not(.show) {
	opacity: 0;
}

.collapse:not(.show) {
	display: none;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height .35s ease;
}

.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-link {
	display: block;
	padding: .5rem 1rem;
}

.tab-content>.tab-pane {
	display: none;
}

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

.modal-open {
	overflow: hidden;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none;
}

.modal.fade .modal-dialog {
	transition: transform .3s ease-out;
	transform: translate(0,-50px);
}

.modal.show .modal-dialog {
	transform: none;
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background: #fff;
	background-clip: padding-box;
	border: 1px solid rgb(0 0 0 / .2);
	border-radius: .3rem;
	outline: 0;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background: #000;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop.show {
	opacity: .5;
}

.modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #dee2e6;
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 1rem;
}

@media(min-width:576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}
}

@media(min-width:992px) {
	.modal-lg {
		max-width: 800px;
	}
}

.d-none {
	display: none!important;
}

.d-inline {
	display: inline!important;
}

.d-inline-block {
	display: inline-block!important;
}

.d-block {
	display: block!important;
}

.d-flex {
	display: flex!important;
}

.d-inline-flex {
	display: inline-flex!important;
}

@media(min-width:576px) {
	.d-sm-none {
		display: none!important;
	}

	.d-sm-inline {
		display: inline!important;
	}

	.d-sm-inline-block {
		display: inline-block!important;
	}

	.d-sm-block {
		display: block!important;
	}

	.d-sm-flex {
		display: flex!important;
	}

	.d-sm-inline-flex {
		display: inline-flex!important;
	}
}

@media(min-width:768px) {
	.d-md-none {
		display: none!important;
	}

	.d-md-inline {
		display: inline!important;
	}

	.d-md-inline-block {
		display: inline-block!important;
	}

	.d-md-block {
		display: block!important;
	}

	.d-md-flex {
		display: flex!important;
	}

	.d-md-inline-flex {
		display: inline-flex!important;
	}
}

@media(min-width:992px) {
	.d-lg-none {
		display: none!important;
	}

	.d-lg-inline {
		display: inline!important;
	}

	.d-lg-inline-block {
		display: inline-block!important;
	}

	.d-lg-block {
		display: block!important;
	}

	.d-lg-flex {
		display: flex!important;
	}

	.d-lg-inline-flex {
		display: inline-flex!important;
	}
}

@media(min-width:1200px) {
	.d-xl-none {
		display: none!important;
	}

	.d-xl-inline {
		display: inline!important;
	}

	.d-xl-inline-block {
		display: inline-block!important;
	}

	.d-xl-block {
		display: block!important;
	}

	.d-xl-flex {
		display: flex!important;
	}

	.d-xl-inline-flex {
		display: inline-flex!important;
	}
}

.flex-row {
	flex-direction: row!important;
}

.flex-column {
	flex-direction: column!important;
}

.flex-wrap {
	flex-wrap: wrap!important;
}

.flex-nowrap {
	flex-wrap: nowrap!important;
}

.flex-fill {
	flex: 1 1 auto!important;
}

.flex-grow-1 {
	flex-grow: 1!important;
}

.flex-shrink-0 {
	flex-shrink: 0!important;
}

.justify-content-start {
	justify-content: flex-start!important;
}

.justify-content-end {
	justify-content: flex-end!important;
}

.justify-content-center {
	justify-content: center!important;
}

.justify-content-between {
	justify-content: space-between!important;
}

.justify-content-around {
	justify-content: space-around!important;
}

.align-items-start {
	align-items: flex-start!important;
}

.align-items-end {
	align-items: flex-end!important;
}

.align-items-center {
	align-items: center!important;
}

.align-items-baseline {
	align-items: baseline!important;
}

.align-items-stretch {
	align-items: stretch!important;
}

.align-self-start {
	align-self: flex-start!important;
}

.align-self-end {
	align-self: flex-end!important;
}

.align-self-center {
	align-self: center!important;
}

.w-100 {
	width: 100%!important;
}

.w-50 {
	width: 50%!important;
}

.w-auto {
	width: auto!important;
}

.h-100 {
	height: 100%!important;
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.text-left {
	text-align: left!important;
}

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

.text-right {
	text-align: right!important;
}

.font-weight-bold {
	font-weight: 700!important;
}

.text-nowrap {
	white-space: nowrap!important;
}

.position-relative {
	position: relative!important;
}

.position-absolute {
	position: absolute!important;
}

.overflow-hidden {
	overflow: hidden!important;
}

.m-0 {
	margin: 0!important;
}

.mt-0,.my-0 {
	margin-top: 0!important;
}

.mr-0,.mx-0 {
	margin-right: 0!important;
}

.mb-0,.my-0 {
	margin-bottom: 0!important;
}

.ml-0,.mx-0 {
	margin-left: 0!important;
}

.m-1 {
	margin: .25rem!important;
}

.mt-1,.my-1 {
	margin-top: .25rem!important;
}

.mr-1,.mx-1 {
	margin-right: .25rem!important;
}

.mb-1,.my-1 {
	margin-bottom: .25rem!important;
}

.ml-1,.mx-1 {
	margin-left: .25rem!important;
}

.m-2 {
	margin: .5rem!important;
}

.mt-2,.my-2 {
	margin-top: .5rem!important;
}

.mr-2,.mx-2 {
	margin-right: .5rem!important;
}

.mb-2,.my-2 {
	margin-bottom: .5rem!important;
}

.ml-2,.mx-2 {
	margin-left: .5rem!important;
}

.m-3 {
	margin: 1rem!important;
}

.mt-3,.my-3 {
	margin-top: 1rem!important;
}

.mr-3,.mx-3 {
	margin-right: 1rem!important;
}

.mb-3,.my-3 {
	margin-bottom: 1rem!important;
}

.ml-3,.mx-3 {
	margin-left: 1rem!important;
}

.m-4 {
	margin: 1.5rem!important;
}

.mt-4,.my-4 {
	margin-top: 1.5rem!important;
}

.mr-4,.mx-4 {
	margin-right: 1.5rem!important;
}

.mb-4,.my-4 {
	margin-bottom: 1.5rem!important;
}

.ml-4,.mx-4 {
	margin-left: 1.5rem!important;
}

.m-5 {
	margin: 3rem!important;
}

.mt-5,.my-5 {
	margin-top: 3rem!important;
}

.mr-5,.mx-5 {
	margin-right: 3rem!important;
}

.mb-5,.my-5 {
	margin-bottom: 3rem!important;
}

.ml-5,.mx-5 {
	margin-left: 3rem!important;
}

.m-auto {
	margin: auto!important;
}

.mt-auto,.my-auto {
	margin-top: auto!important;
}

.mr-auto,.mx-auto {
	margin-right: auto!important;
}

.mb-auto,.my-auto {
	margin-bottom: auto!important;
}

.ml-auto,.mx-auto {
	margin-left: auto!important;
}

.p-0 {
	padding: 0!important;
}

.pt-0,.py-0 {
	padding-top: 0!important;
}

.pr-0,.px-0 {
	padding-right: 0!important;
}

.pb-0,.py-0 {
	padding-bottom: 0!important;
}

.pl-0,.px-0 {
	padding-left: 0!important;
}

.p-1 {
	padding: .25rem!important;
}

.pt-1,.py-1 {
	padding-top: .25rem!important;
}

.pr-1,.px-1 {
	padding-right: .25rem!important;
}

.pb-1,.py-1 {
	padding-bottom: .25rem!important;
}

.pl-1,.px-1 {
	padding-left: .25rem!important;
}

.p-2 {
	padding: .5rem!important;
}

.pt-2,.py-2 {
	padding-top: .5rem!important;
}

.pr-2,.px-2 {
	padding-right: .5rem!important;
}

.pb-2,.py-2 {
	padding-bottom: .5rem!important;
}

.pl-2,.px-2 {
	padding-left: .5rem!important;
}

.p-3 {
	padding: 1rem!important;
}

.pt-3,.py-3 {
	padding-top: 1rem!important;
}

.pr-3,.px-3 {
	padding-right: 1rem!important;
}

.pb-3,.py-3 {
	padding-bottom: 1rem!important;
}

.pl-3,.px-3 {
	padding-left: 1rem!important;
}

.p-4 {
	padding: 1.5rem!important;
}

.pt-4,.py-4 {
	padding-top: 1.5rem!important;
}

.pr-4,.px-4 {
	padding-right: 1.5rem!important;
}

.pb-4,.py-4 {
	padding-bottom: 1.5rem!important;
}

.pl-4,.px-4 {
	padding-left: 1.5rem!important;
}

.p-5 {
	padding: 3rem!important;
}

.pt-5,.py-5 {
	padding-top: 3rem!important;
}

.pr-5,.px-5 {
	padding-right: 3rem!important;
}

.pb-5,.py-5 {
	padding-bottom: 3rem!important;
}

.pl-5,.px-5 {
	padding-left: 3rem!important;
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid #fff0;
	border-radius: .25rem;
}

.alert-heading {
	color: inherit;
}

.alert-link {
	font-weight: 700;
}

.alert-dismissible {
	padding-right: 4rem;
}

.alert-dismissible .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: .75rem 1.25rem;
	color: inherit;
}

.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

.alert-primary hr {
	border-top-color: #9fcdff;
}

.alert-primary .alert-link {
	color: #002752;
}

.alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
}

.alert-secondary hr {
	border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
	color: #202326;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-success hr {
	border-top-color: #b1dfbb;
}

.alert-success .alert-link {
	color: #0b2e13;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert-danger hr {
	border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
	color: #491217;
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

.alert-warning hr {
	border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
	color: #533f03;
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}

.alert-info hr {
	border-top-color: #abdde5;
}

.alert-info .alert-link {
	color: #062c33;
}

.alert-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #fdfdfe;
}

.alert-light hr {
	border-top-color: #ececf6;
}

.alert-light .alert-link {
	color: #686868;
}

.alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
}

.alert-dark hr {
	border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
	color: #040505;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgb(0 0 0 / .1);
}

.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

.close:hover {
	color: #000;
	text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus {
	opacity: .75;
}

button.close {
	padding: 0;
	background-color: #fff0;
	border: 0;
}

a.close.disabled {
	pointer-events: none;
}

.dropup,.dropright,.dropdown,.dropleft {
	position: relative;
}

.dropdown-toggle {
	white-space: nowrap;
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid #fff0;
	border-bottom: 0;
	border-left: .3em solid #fff0;
}

.dropdown-toggle:empty::after {
	margin-left: 0;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgb(0 0 0 / .15);
	border-radius: .25rem;
}

.dropdown-menu.show {
	display: block;
}

.dropdown-menu-right {
	right: 0;
	left: auto;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: #fff0;
	border: 0;
}

.dropdown-item:hover,.dropdown-item:focus {
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa;
}

.dropdown-item.active,.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #007bff;
}

.dropdown-item.disabled,.dropdown-item:disabled {
	color: #6c757d;
	pointer-events: none;
	background-color: #fff0;
}

.dropdown-divider {
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef;
}

.btn:hover {
	text-decoration: none;
}

.btn:focus {
	outline: 0;
}

.text-justify {
	text-align: justify!important;
}

@media(min-width:576px) {
	.text-sm-left {
		text-align: left!important;
	}

	.text-sm-right {
		text-align: right!important;
	}

	.text-sm-center {
		text-align: center!important;
	}
}

@media(min-width:768px) {
	.text-md-left {
		text-align: left!important;
	}

	.text-md-right {
		text-align: right!important;
	}

	.text-md-center {
		text-align: center!important;
	}
}

@media(min-width:992px) {
	.text-lg-left {
		text-align: left!important;
	}

	.text-lg-right {
		text-align: right!important;
	}

	.text-lg-center {
		text-align: center!important;
	}
}

@media(min-width:1200px) {
	.text-xl-left {
		text-align: left!important;
	}

	.text-xl-right {
		text-align: right!important;
	}

	.text-xl-center {
		text-align: center!important;
	}
}

.text-wrap {
	white-space: normal!important;
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-break {
	word-break: break-word!important;
	overflow-wrap: break-word!important;
}

.text-lowercase {
	text-transform: lowercase!important;
}

.text-uppercase {
	text-transform: uppercase!important;
}

.text-capitalize {
	text-transform: capitalize!important;
}

.text-decoration-none {
	text-decoration: none!important;
}

.text-monospace {
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
}

.text-hide {
	font: 0/0 a;
	color: #fff0;
	text-shadow: none;
	background-color: #fff0;
	border: 0;
}

.font-weight-light {
	font-weight: 300!important;
}

.font-weight-lighter {
	font-weight: lighter!important;
}

.font-weight-normal {
	font-weight: 400!important;
}

.font-weight-bolder {
	font-weight: bolder!important;
}

.font-italic {
	font-style: italic!important;
}

b,strong {
	font-weight: bolder;
}

small,.small {
	font-size: 80%;
	font-weight: 400;
}

.text-white {
	color: #fff!important;
}

.text-body {
	color: #212529!important;
}

.text-muted {
	color: #6c757d!important;
}

.text-black-50 {
	color: rgb(0 0 0 / .5)!important;
}

.text-white-50 {
	color: rgb(255 255 255 / .5)!important;
}

.text-reset {
	color: inherit!important;
}

.text-primary {
	color: #007bff!important;
}

a.text-primary:hover,a.text-primary:focus {
	color: #0056b3!important;
}

.text-secondary {
	color: #6c757d!important;
}

a.text-secondary:hover,a.text-secondary:focus {
	color: #494f54!important;
}

.text-success {
	color: #28a745!important;
}

a.text-success:hover,a.text-success:focus {
	color: #19692c!important;
}

.text-info {
	color: #17a2b8!important;
}

a.text-info:hover,a.text-info:focus {
	color: #0f6674!important;
}

.text-warning {
	color: #ffc107!important;
}

a.text-warning:hover,a.text-warning:focus {
	color: #ba8b00!important;
}

.text-danger {
	color: #dc3545!important;
}

a.text-danger:hover,a.text-danger:focus {
	color: #a71d2a!important;
}

.text-light {
	color: #f8f9fa!important;
}

a.text-light:hover,a.text-light:focus {
	color: #cbd3da!important;
}

.text-dark {
	color: #343a40!important;
}

a.text-dark:hover,a.text-dark:focus {
	color: #121416!important;
}

blockquote {
	margin: 0 0 1rem;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

.sr-only-focusable:active,.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

.btn-block {
	display: block;
	width: 100%;
}

.fade {
	transition: opacity .15s linear;
}

@media (prefers-reduced-motion:reduce) {
	.fade {
		transition: none;
	}
}

.fade:not(.show) {
	opacity: 0;
}

.collapse:not(.show) {
	display: none;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height .35s ease;
}

@media (prefers-reduced-motion:reduce) {
	.collapsing {
		transition: none;
	}
}

body {
	font-family: 'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
	letter-spacing: -.015em;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	min-width: 375px;
	color: var(--color-5);
	background-color: var(--color-2);
}

#appDashboard {
	background-color: var(--color-2);
}

a {
	text-decoration: none!important;
	color: var(--color-3);
}

a,[type="checkbox"] {
	cursor: pointer;
}

a:hover {
	color: var(--color-6)!important;
}

button,input {
	background-color: #fff0;
	line-height: 0;
	border: 0;
	padding: 0;
}

button:focus,input:focus {
	outline: 0!important;
	border: none!important;
}

b,strong {
	letter-spacing: -.01em;
	font-weight: 700;
	line-height: 1.6;
	transition: all 0.15s ease;
}

.hidden {
	display: none!important;
}

::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 5px;
}

.dark ::-webkit-scrollbar-thumb {
	background: var(--color-1);
}

::-webkit-scrollbar-track {
	background: #e4eaf2;
}

.dark ::-webkit-scrollbar-track {
	background: #151921;
}

::-moz-selection {
	background: #009c4f;
	color: #fff;
}

::selection {
	background: #009c4f;
	color: #fff;
}

.primary-color {
	color: var(--color-5)!important;
	font-weight: 700;
}

.alert {
	border-radius: 10px;
	font-size: 13px;
}

.alert.alert-success {
	background: #eaf6f0;
	border-color: #b9ddcc;
	color: #216346;
}

.dark .alert.alert-success {
	background: #193e33;
	border-color: #39735d;
	color: #b7ebd7;
}

.alert.alert-danger {
	background: #fff0f3;
	border-color: #ebbbc7;
	color: #932544;
}

.dark .alert.alert-danger {
	background: #482832;
	border-color: #8b465c;
	color: #ffd6e3;
}

.alert .close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: unset;
	cursor: pointer;
	z-index: 100;
	width: auto;
	height: auto;
	line-height: unset;
	border-radius: unset;
	opacity: .8;
	text-shadow: none;
	padding: 0;
}

.badge {
	background: #10B981!important;
	color: #fff!important;
}

.cursor-pointer {
	cursor: pointer!important;
}

.nowrap {
	white-space: nowrap;
}

.light-hidden,.dark .dark-hidden {
	display: flex;
}

.dark-hidden,.dark .light-hidden {
	display: none;
}

.h-section {
	margin: 100px 0;
}

.h-section.section-50 {
	margin: 50px 0;
}

.h-section h2,.music-section h2 {
	font-style: normal;
	font-size: 28px;
	font-weight: 700;
	line-height: 128.5%;
	letter-spacing: -1px;
	margin-bottom: 15px;
	color: #202020;
}

.h-section h2 span,.music-section h2 span {
	position: relative;
	display: inline-block;
	color: #266849;
}

.h-section h2 span::after,.music-section h2 span::after {
	content: '';
	background-image: url(https://storage.perfectcdn.com/966zjr/1pr48x93jazq9a3y.png);
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	left: -5px;
	bottom: -18px;
	width: calc(100% + 10px);
	height: 20px;
}

.c-pointer {
	cursor: pointer;
}

.p-relative {
	position: relative;
}

.p-absolute {
	position: absolute;
}

.transition {
	transition: all 0.15s ease;
}

.btn {
	position: relative;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	border-radius: 15px;
	padding: 10px 25px;
	border: none;
	color: var(--color-2)!important;
}

#appDashboard .btn {
	padding: 10px 35px;
	border-radius: 10px!important;
}

main {
	overflow-x: hidden;
}

.btn:hover,btn:focus {
	color: #fff!important;
}

.btn-sm {
	font-size: 14px!important;
	padding: 6px 12px;
}

.btn-rounded {
	border-radius: 50px;
}

.btn-border {
	border: 1px solid #4f75ff!important;
}

.btn-100 {
	display: block;
	width: 100%;
}

.btn-100.btn-icon {
	display: flex;
}

.btn-dark,.btn-dark:hover,.btn-dark:focus {
	background: #44f5a3!important;
	color: #fff!important;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
}

.btn-white,.btn-white:hover,.btn-white:focus {
	background: #fff!important;
	color: var(--color-5)!important;
	font-weight: 700;
	font-size: 16px;
	border-radius: 10px;
	padding: 15px 30px;
	transition: 300ms all;
}

.btn-white:hover {
	opacity: .7;
}

.btn-white:hover i {
	transform: translateX(.5rem);
	transition: 300ms all;
}

.btn-white.green,.btn-white.green:hover,.btn-white.green:focus {
	background: var(--color-6)!important;
	color: #fff!important;
}

.btn-primary {
	background: #27684a;
	background: -moz-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	font-size: 16px;
	color: #fff!important;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.btn-primary:hover,.btn-primary:focus {
	background: #27684a;
	background: -moz-linear-gradient(360deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(360deg,#27684a 0%,#35c581 100%);
}

.btn-secondary {
	background: #27684a;
	background: -moz-linear-gradient(180deg,#89604a 0%,#b37958 100%);
	background: -webkit-linear-gradient(180deg,#89604a 0%,#b37958 100%);
	font-size: 16px;
	color: #fff!important;
}

.btn-secondary:hover,.btn-secondary:focus {
	background: #27684a;
	background: -moz-linear-gradient(360deg,#89604a 0%,#b37958 100%);
	background: -webkit-linear-gradient(360deg,#89604a 0%,#b37958 100%);
	color: #fff!important;
}

.btn-secondary a,.btn-secondary a:hover,.btn-secondary a:focus {
	color: #fff!important;
}

.btn-rounded {
	color: #fff!important;
}

.btn-danger {
	background: #bb2d3b;
	color: #fff!important;
	font-size: 16px;
}

body.stop-body {
	overflow: hidden;
}

.head-out {
	position: fixed;
	top: 0;
	background-color: #fff0;
	width: 100%;
	z-index: 1030;
}

.head-out.fixed {
	border: 1px solid var(--color-2);
	border-top: none;
	background: rgb(207 207 207 / .8);
}

.head-out.fixed .hm-wrapper .home-logo img {
	height: 70px;
	object-fit: contain;
	transition: 300ms all;
}

.out-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.out-menu .om-last {
	display: flex;
	align-items: center;
	gap: 7px;
}

.hm-wrapper {
	display: block;
	position: fixed;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	border-radius: 0;
	padding: 77px 10px;
	height: 100%;
	transition: 0.14s ease;
	transform: translateY(-101%);
	opacity: .4;
	background: var(--color-1);
	overflow: auto;
	z-index: 1;
}

.hm-wrapper.active {
	transform: translateY(0);
	opacity: 1;
}

.hm-wrapper .home-logo img {
	width: 125px;
	object-fit: cover;
	transition: 300ms all;
}

@media (min-width:1200px) {
	#outside .container {
		max-width: 1240px;
	}
}

.sm-header {
	display: block;
	padding: 0;
	transition: 0.14s ease;
}

.menu-btn {
	height: 38px;
	width: 38px;
	border-radius: 10px;
	background-color: #10b981;
	color: #fff;
	outline: none;
	border: none;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.b-menu-close {
	height: 42px;
	width: 42px;
	border-radius: 10px;
	background-color: #d8def1;
	color: #171717;
	outline: none;
	border: none;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 2000;
}

.head-right-btns {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.mob-logo img {
	position: relative;
	z-index: 2;
	width: 85px;
	height: 82px;
	object-fit: cover;
}

.header-btn {
	border-radius: 10px;
	padding: 10px 35px;
	background: #3be395;
	color: #fff!important;
	text-decoration: none;
	transition: 0.14s ease;
	position: relative;
	overflow: hidden;
}

.header-btn:before {
	content: '';
	position: absolute;
	left: -20%;
	top: -10%;
	width: 0;
	height: 100%;
	transform: rotate(15deg) scale(1,2);
	box-shadow: 0 0 30px 15px rgb(255 255 255 / .5);
	animation: button-glow 2000ms ease-in-out infinite;
}

.header-btn:hover {
	background: #33d389;
	color: #fff!important;
}

.header-btn .text {
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -.03em;
	position: relative;
	z-index: 1004;
	white-space: nowrap;
}

.login-link {
	background: #fff;
	border-radius: 10px;
	padding: 10px 35px;
	border: 1px solid #cdd6f2;
	color: #171717;
	white-space: nowrap;
}

.login-link:hover {
	color: #3be395!important;
	border: 1px solid #3be395;
}

.header-menu {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	gap: 10px;
	padding: 10px 0 20px 0;
}

.header-menu .hm-item {
	position: relative;
	display: flex;
	justify-content: flex-start;
}

.header-menu .hm-item .hm-small {
	position: absolute;
	right: 0;
	top: -9px;
	background: #f5f3ff;
	color: #7c3aed;
	padding: 0 5px;
	border-radius: 100px;
	font-size: 10px;
}

.header-menu .hm-item .hm-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	color: #171717!important;
	opacity: 1;
	padding: 10px;
	transition: 0.14s ease;
	text-decoration: none;
}

.header-menu .hm-item .hm-link:hover {
	color: #3be395!important;
}

.home-header {
	margin-top: -86px;
	padding-top: 86px;
	position: relative;
	overflow: hidden;
}

.home-header .home-glow {
	content: "";
	position: absolute;
	top: 0%;
	right: 30%;
	width: 50%;
	height: 50%;
	transform: translate(100%,60%) scale(1);
	transition: .14s ease;
	background: rgb(165 219 199 / .7);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.home-header .header-content {
	position: relative;
	z-index: 5;
}

.home-title {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-size: 32px;
	font-weight: 700;
	position: relative;
}

.home-title .ht-yellow {
	background: #facd4d;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: #2a7a55;
	padding: 0 5px;
}

.home-title .ht-circle {
	clip-path: inset(0 0 0 0);
	width: 95px;
	height: 48px;
	transition: clip-path 1s;
	transition-timing-function: cubic-bezier(.4,.6,.4,1);
	position: absolute;
	left: -25px;
	top: 42px;
	z-index: -1;
}

.home-title-alt {
	color: #171717;
	font-size: 16px;
	margin-top: 20px;
	padding-bottom: 0;
}

.home-text {
	display: flex;
	gap: 20px;
	margin-top: 20px;
}

.home-text p {
	font-size: 13px;
	color: #171717;
	margin-bottom: .5rem;
}

.home-text i {
	background: #27684a;
	background: -moz-linear-gradient(320deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(320deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
}

.head-btn-alt {
	display: flex;
	align-items: center;
	gap: 25px;
	margin-top: 35px;
}

.head-btn-alt .btn {
	font-size: 14px;
	line-height: 24px;
	border-radius: 15px;
	width: 100%;
}

.head-btn-alt .btn-primary {
	box-shadow: 5px 0 15px 5px rgb(25 154 95 / .25);
}

.head-btn-alt .btn-secondary {
	box-shadow: 5px 0 15px 5px rgb(179 121 88 / .25);
}

.header-alt {
	background: url(https://storage.perfectcdn.com/966zjr/1kmt50uu6c6t440q.jpg);
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 25px 0;
}

.h-section.header-alt h2 {
	color: #fff;
	padding: 0 0 25px 0;
}

.h-section.header-alt h2 span {
	color: #fff;
	font-weight: 400;
}

.h-section.header-alt h2 span::after {
	display: none;
}

.header-alt .t-widget-area {
	display: flex;
	align-items: center;
	padding: 35px 0;
	gap: 75px;
}

.header-alt .t-widget {
	text-align: center;
}

.header-alt .t-widget img {
	height: 50px;
}

.header-alt .t-widget p {
	padding-left: 7px;
	font-size: 18px;
	color: var(--color-2);
}

.ms-title h3 {
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	color: #202020;
}

.music-section img {
	max-width: 150px;
}

.wwd-title {
	font-size: 36px;
	font-weight: 700;
}

.wwd-text {
	color: var(--color-3);
}

.hp-bf-box {
	padding: 54px 14px 14px 14px;
	border-radius: 10px;
	color: #fff;
	-webkit-transition: .14s ease;
	transition: .14s ease;
	text-align: left;
	transition: 500ms all;
	min-height: 100%;
}

.hp-bf-box:hover {
	transform: translateY(-1rem);
	transition: 500ms all;
	cursor: pointer;
}

.hp-bf-box.bg-1 {
	background: var(--color-5);
	background-image: url(https://storage.perfectcdn.com/966zjr/44lpuhiwszkd5q67.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.hp-bf-box.bg-2 {
	background: var(--color-5);
	background-image: url(https://storage.perfectcdn.com/966zjr/65kuydd9pyq6gwe4.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.hp-bf-box.bg-3 {
	background: var(--color-5);
	background-image: url(https://storage.perfectcdn.com/966zjr/025x0xh8f66hrio3.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.hp-bf-box.bg-4 {
	background: var(--color-5);
	background-image: url(https://storage.perfectcdn.com/966zjr/fbfh2d6clw5xw97d.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.hp-bf-box.bg-5 {
	background: var(--color-5);
	background-image: url(https://storage.perfectcdn.com/966zjr/z3xlcrmaq06xta75.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.hp-bf-box.bg-6 {
	background: var(--color-5);
	background-image: url(https://storage.perfectcdn.com/966zjr/p0gmf1rxr7g0rrdw.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.hp-bf-box:hover {
	border-color: #FA0;
}

.hp-bf-box .hp-bf-title,.hp-bf-box .hp-bf-title a {
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	color: #fff!important;
}

.hp-bf-box .hp-bf-text {
	font-size: 13px;
	line-height: 150%;
	font-weight: 400;
	letter-spacing: -.4px;
	color: #fff;
	margin-bottom: 0;
}

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

.team-card img {
	max-height: 175px;
	cursor: pointer;
	margin-bottom: 15px;
}

.team-card i {
	color: var(--color-7);
	font-size: 32px;
}

.team-card h3 {
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: 10px;
}

.team-card h4 {
	font-weight: 700;
	margin-top: 10px;
	line-height: 5px;
}

.team-card h6 {
	font-size: 14px;
	font-weight: 700;
}

.h-section .hsec-img {
	position: relative;
}

.h-section .hsec-img .h-img3 {
	position: absolute;
	height: 85px;
	left: 30px;
	top: 225px;
}

.hsec-text h3 {
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 25px;
}

.hsec-text p {
	color: var(--color-3);
}

.h-section .hsec-img .h-img4 {
	position: absolute;
	height: 85px;
	right: 100px;
	top: 125px;
}

#productSlide {
	position: relative;
}

#productSlide .fa-angle-left,#productSlide .fa-angle-right {
	position: absolute;
	background: #36634d;
	border-radius: 25px;
	width: 50px;
	height: 50px;
	border: none;
	color: #fff;
	font-weight: 300;
	font-size: 32px;
	border: 1px solid #59c792;
}

#productSlide .fa-angle-left {
	top: 200px;
	left: -50px;
}

#productSlide .fa-angle-right {
	top: 200px;
	right: -50px;
}

#productSlide .slick-track {
	display: flex;
	gap: 75px;
}

.prItem {
	overflow: hidden;
	border-radius: 25px;
	background: #3c775c;
	background: -moz-linear-gradient(240deg,#3c775c 0%,#49cb8d 100%);
	background: -webkit-linear-gradient(240deg,#3c775c 0%,#49cb8d 100%);
	border-radius: 15px;
	border: 1px solid #75fabc;
	width: 100%;
	position: relative;
}

.prItem .prContent {
	padding: 15px 20px;
}

.prItem .prContent {
	position: relative;
	z-index: 1;
	color: #fff;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.prItem .prContent>h3 {
	background: rgb(255 255 255 / .15);
	padding: 5px 15px;
	font-size: 20px;
	border-radius: 0 5px 5px 0;
	margin-left: -20px;
}

.prItem .prContent>ul {
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #fff;
	padding: 10px;
	list-style-type: none;
	min-height: 200px;
	margin: 20px 0 20px;
}

.prItem .prContent>ul>li:not(:last-child) {
	padding-bottom: 10px;
}

.prItem .prContent>ul>li {
	font-size: 14px;
	font-weight: 400;
}

.prItem .prContent>ul>li>i {
	font-size: 13px;
	width: 20px;
	color: #fff;
}

.prItem .prContent .prTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}

.prItem .prContent .prTop .prPrice {
	font-size: 28px;
}

.prItem .prContent .prTop .prIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: rgb(255 255 255 / .15);
	border-radius: 5px;
}

.prItem .prContent .prTop .prIcon img {
	max-width: 25px;
}

.main-faq .faq-item {
	position: relative;
	cursor: pointer;
	background: #fff0;
	padding: 13px 20px;
	-webkit-transition: .2s ease;
	transition: .2s ease;
	margin-bottom: 14px;
	background-color: var(--color-8);
	color: var(--color-6);
	border-radius: 5px;
}

.main-faq .faq-item .fa-minus {
	display: none;
}

.main-faq .faq-item.active {
	background: var(--color-8);
	color: var(--color-5);
}

.main-faq .faq-item.active .faq-head {
	color: var(--color-5);
}

.main-faq .faq-item.active .faq-head .right-p {
	color: var(--color-5);
}

.main-faq .faq-item.active .fa-minus {
	display: block;
}

.main-faq .faq-item.active .fa-plus {
	display: none;
}

.main-faq .faq-item .faq-head,.main-faq .faq-item .faq-head h3 {
	font-size: 16px;
	font-weight: 400;
	color: var(--color-3);
}

.dark .main-faq .faq-item .faq-head {
	color: var(--color-5);
}

.main-faq .faq-item .faq-head .right-p {
	color: var(--color-5);
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

.main-faq .faq-item .faq-content {
	display: none;
	padding-top: 12px;
	color: var(--color-3);
	font-size: 15px;
	line-height: 170%;
	padding-bottom: 8px;
}

footer {
	background: var(--color-5);
	padding: 50px 0 25px 0;
	color: #fff;
}

footer .footer-links nav {
	display: flex;
	flex-direction: column;
}

footer .footer-links a strong {
	font-size: 13px;
	line-height: 1.5rem;
	color: #91e8b4!important;
	font-weight: 700;
}

footer .footer-links a {
	font-size: 13px;
	color: #fff;
	line-height: 1.5rem;
}

footer .footer-links a:hover {
	color: #91e8b4!important;
}

footer span {
	font-size: 14px;
}

.footer-links {
	display: flex;
	flex-direction: column;
	text-align: left;
}

footer .mail-link {
	color: #fff!important;
}

.contact-icon {
	margin: 10px 0;
	line-height: 24px;
}

.loginModal .modal-content {
	background: var(--color-5);
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 25px;
	padding: 50px 20px;
}

.loginModal .login-input {
	background: var(--color-6);
	height: 60px;
	border-radius: 35px;
	border: none;
	outline: 0;
	width: 100%;
	padding: 0 20px;
	font-size: 14px;
	color: #fff;
}

.loginModal .login-input::placeholder {
	color: #fff;
}

.loginModal a {
	font-size: 13px;
	color: var(--color-2)!important;
}

.loginModal .login-remember-me {
	font-size: 13px;
	color: var(--color-2);
}

.loginModal .close-btn {
	position: absolute;
	right: 20px;
	top: 18px;
	background: none;
	border: none;
	outline: 0;
	color: var(--color-1);
	font-size: 24px;
	background: var(--color-6);
	height: 35px;
	width: 35px;
	border-radius: 10px;
}

.loginModal .btn-dark {
	padding: 15px;
}

.loginModal .sign-now {
	border: 1px solid var(--color-2);
	border-radius: 25px;
	padding: 10px;
	margin-top: 25px;
}

.steps-content h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 25px;
}

.pages {
	padding: 150px 0;
}

#appDashboard .form-control {
	background: var(--color-10);
}

#appDashboard .form-control:read-only,#appDashboard .form-control:disabled {
	background: var(--color-9);
}

.form-control,.form-control:read-only,.form-control:disabled {
	background: #fff0;
	border: 1px solid #e5e5e5!important;
	border-radius: 10px;
	line-height: 20px;
	padding: 10px 18px;
	outline: none;
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	color: var(--color-3);
	height: 50px;
}

.form-control:focus,.form-control:hover {
	background: var(--color-10);
	border: 1px solid #e5e5e5!important;
	box-shadow: none!important;
	color: var(--color-3)!important;
}

.dark .form-control,.dark .form-control:read-only,.dark .form-control:disabled {
	border-color: #3b414f!important;
	background: var(--color-10);
}

.dark .form-control:focus,.dark .form-control:hover {
	border-color: #3b414f!important;
	background: var(--color-10);
}

.reg-page .form-control,.reg-page .form-control:read-only,.reg-page .form-control:disabled {
	background: var(--color-1);
	border: 1px solid var(--color-8);
	border-radius: 35px;
	line-height: 20px;
	padding: 14px 18px;
	outline: none;
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	color: var(--color-5);
	height: 50px;
}

.reg-page .form-control:focus {
	box-shadow: none!important;
	background-color: var(--color-1);
	border: 1px solid var(--color-8);
	color: var(--color-5);
}

.form-control::placeholder {
	color: #cecece;
}

.dark .form-control::placeholder {
	color: #ccc;
}

.form-control:disabled {
	background-color: var(--color-5);
	opacity: .7;
}

.form-select,select.form-control {
	background: var(--color-10);
	border-radius: 35px;
	line-height: 20px;
	padding: 14px 18px;
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	color: rgb(255 255 255 / .842);
	width: 100%;
}

.form-select:focus,select.form-control:focus {
	background: var(--color-10);
	box-shadow: none!important;
}

.form-select::placeholder,select.form-control::placeholder {
	color: rgb(255 255 255 / .5);
}

.form-label,label {
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: var(--color-3);
	margin-bottom: 12px;
}

.form-control-lg {
	padding: 20px 18px;
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
	box-shadow: 0 0 0 30px #f7fafc inset!important;
	-webkit-text-fill-color: #0c2447!important;
}

.form-check-label {
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
}

.form-check-input {
	width: 20px;
	height: 20px;
}

.form-check-input:checked {
	background-color: #0258FF;
	border-color: #0258FF;
}

.signin-now {
	border: 1px solid var(--color-7);
	border-radius: 25px;
	padding: 10px;
	margin-top: 25px;
	width: 100%;
	text-align: center;
	color: var(--color-7);
}

.signin-now a {
	color: var(--color-7)!important;
}

.d-dropdown .dropdown-toggle::after {
	display: none;
}

@media only screen and (min-width:992px) {
	.head-out.fixed {
		border: 1px solid var(--color-2);
		border-top: none;
		background: rgb(255 255 255 / .6);
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	}

	.head-out.fixed .header-menu .hm-item .hm-link {
		padding: 20px 10px;
	}

	.head-out.fixed .header-menu .hm-item .hm-small {
		top: 0;
	}

	.hm-wrapper {
		display: block;
		bottom: inherit;
		background-color: #fff0;
		position: relative;
		border-radius: 0;
		padding: 0;
		width: 100%;
		transform: none;
		overflow: inherit;
		opacity: 1!important;
	}

	.sm-header {
		display: none;
	}

	.b-menu-close {
		display: none;
	}

	.header-menu {
		display: inline-flex;
		align-items: center;
		flex-direction: row;
		padding: 10px 0 10px 0;
	}

	.header-menu .hm-item .hm-link {
		font-size: 16px;
	}

	.home-header {
		margin-top: -127px;
		padding-top: 127px;
	}

	.home-header .header-content {
		padding: 175px 0 0 0;
	}

	.hsec-big {
		max-width: 400px;
		margin-left: 125px;
	}

	.hsec-big.hsec-first {
		margin-left: auto;
	}
}

@media only screen and (max-width:991.98px) {
	.header-menu .hm-item .hm-small {
		right: 35px;
		top: 15px;
		background: #7c3aed;
		color: #fff;
	}

	.hm-wrapper .row.row-btn {
		display: unset!important;
	}

	.header-menu .hm-item .hm-link {
		background: #d8def1;
		border-radius: 10px;
		padding: 15px 10px;
	}

	.home-header {
		padding: 175px 0 50px 0;
	}

	.out-menu {
		flex-direction: column;
		margin-top: 35px;
	}

	.out-menu .om-first {
		display: none;
	}

	.out-menu .om-center {
		width: 100%;
	}

	.out-menu .om-last {
		width: 100%;
		text-align: center;
	}

	.out-menu .om-last a {
		width: 100%;
	}

	.out-menu .om-last .login-link {
		background: #fff;
	}

	.h-section {
		margin: 25px 0;
	}

	.header-alt .t-widget-area {
		display: block;
	}

	.header-alt .t-widget-area .t-widget {
		margin-bottom: 25px;
	}

	.head-btn-alt .btn {
		width: 100%;
	}

	.home-title {
		text-align: center;
		font-size: 26px;
	}

	.home-title-alt,.home-title-alt h1 {
		text-align: center;
		font-size: 16px;
	}

	.home-text {
		margin-top: 25px;
		flex-direction: column;
		gap: 0;
	}

	.home-text .d-flex {
		justify-content: center;
	}

	.hsec-img {
		margin-top: 25px;
	}

	.hsec-text h3 {
		text-align: center;
		font-size: 24px;
		margin-top: 20px;
	}

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

	.music-section .ms-title h3 {
		font-size: 20px;
		line-height: 36px;
	}

	#productSlide .ri-arrow-left-s-line,#productSlide .ri-arrow-right-s-line {
		display: none!important;
	}

	.prItem {
		width: 100%!important;
	}

	.main-faq .faq-item .faq-head {
		font-size: 16px;
	}

	.footer-top .ms-title h3 {
		font-size: 20px;
		line-height: 28px;
		font-weight: 400;
	}

	.faq-section {
		padding: 50px 0;
	}

	.footer-top {
		margin-top: 75px;
	}

	footer {
		text-align: center;
		padding: 25px 0;
	}

	footer .footer-links {
		margin-top: 20px;
	}
}

@-webkit-keyframes floating {
	0% {
		box-shadow: 0 5px 15px 0 rgb(0 0 0 / .6);
		-webkit-transform: translatey(0);
		transform: translatey(0);
	}

	50% {
		box-shadow: 0 25px 15px 0 rgb(0 0 0 / .2);
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px);
	}

	100% {
		box-shadow: 0 5px 15px 0 rgb(0 0 0 / .6);
		-webkit-transform: translatey(0);
		transform: translatey(0);
	}
}

@keyframes floating {
	0% {
		box-shadow: 0 5px 15px 0 rgb(0 0 0 / .6);
		-webkit-transform: translatey(0);
		transform: translatey(0);
	}

	50% {
		box-shadow: 0 25px 15px 0 rgb(0 0 0 / .2);
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px);
	}

	100% {
		box-shadow: 0 5px 15px 0 rgb(0 0 0 / .6);
		-webkit-transform: translatey(0);
		transform: translatey(0);
	}
}

.floating {
	-webkit-animation-name: floating;
	animation-name: floating;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	margin-top: 5px;
	box-shadow: none!important;
}

.appAuth {
	position: relative;
	min-height: 100vh;
	background: var(--color-9);
	padding-left: 280px;
	padding-top: 70px;
	color: var(--color-3);
	transition: all 0.3s ease;
}

.appAuth .container {
	max-width: 1600px;
}

.appAuth .menu-btn {
	position: absolute;
	top: 17px;
	left: 14px;
	z-index: 9999;
}

.appAuth .menu-btn .fa-bars,.appAuth .menu-btn .fa-times {
	position: absolute;
	left: 50%;
	top: 50%;
}

.appAuth .menu-btn .fa-times {
	transform: scale(0) translate(-50%,-50%);
	transition: 0.2s ease;
}

.appAuth .menu-btn .fa-bars {
	transition: 0.2s ease;
	transform: translate(-50%,-50%);
}

@media (max-width:992px) {
	.appAuth {
		padding-left: 0;
	}

	.appAuth.sidebar-active .appSidebar {
		transform: translateX(0) translateX(0);
	}

	.appAuth.sidebar-active .menu-btn {
		left: 300px;
	}

	.appAuth.sidebar-active .menu-btn .fa-times {
		transform: scale(1) translate(-50%,-50%);
	}

	.appAuth.sidebar-active .menu-btn .fa-bars {
		transform: scale(0) translate(-50%,-50%);
	}

	.appAuth .appSidebar {
		transform: translateX(-110%);
		transition: 0.24s ease;
		box-shadow: 4px 0 30px rgb(0 0 0 / .3);
	}
}

.appSidebar {
	background: var(--color-2);
	border-radius: 0;
	width: 280px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	z-index: 1040;
	border-right: 1px solid var(--color-8);
	transition: all 0.3s ease;
}

.panel-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 15px 0;
	margin-bottom: -10px;
}

.pm-wrapper {
	flex: 1;
	overflow-y: auto;
	padding: 0 0 20px 0;
}

.pm-wrapper::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.pm-wrapper::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 5px;
}

.dark .pm-wrapper::-webkit-scrollbar-thumb {
	background: var(--color-1);
}

.pm-wrapper::-webkit-scrollbar-track {
	background: #e4eaf2;
}

.dark .pm-wrapper::-webkit-scrollbar-track {
	background: #151921;
}

.pm-wrapper .panel-head {
	padding-left: 35px;
	font-size: 18px;
	color: #96a0af;
}

.panel-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}

.panel-menu .mItem {
	display: block;
}

.panel-menu .mLink {
	color: var(--color-3)!important;
	display: flex;
	align-items: center;
	padding: 10px 15px 10px 20px;
	transition: 0.14s ease;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
}

.panel-menu .mLink .mText {
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
}

.panel-menu .mLink .mIcon {
	display: flex;
	align-items: center;
	width: 35px;
}

.panel-menu .mLink .mIcon svg {
	fill: #96a0af;
}

.panel-menu .mLink .mAI {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg,#feda75 0%,#fa7e1e 22%,#d62976 50%,#962fbf 76%,#4f5bd5 100%);
	padding: 2px 10px;
	border-radius: 5px;
	font-weight: 700;
	color: #fff;
	font-size: 10px;
	width: 20px;
	height: 20px;
}

.panel-menu .mLink .mArrow {
	margin-left: auto;
	font-size: 13px;
	color: #c5c6c6;
}

.panel-menu .mLink.active::before {
	content: '';
	width: 6px;
	height: 100%;
	background: #10B981;
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
}

.panel-menu .mLink.active,.panel-menu .mLink:hover,.panel-menu .mLink.active:hover,.panel-menu .mLink:hover .mArrow,.panel-menu .mLink.active .mArrow,.panel-menu .mLink.active:hover .mArrow,.dark .panel-menu .mLink.active {
	color: #10B981!important;
}

.panel-menu .mLink.active .mIcon svg,.panel-menu .mLink:hover .mIcon svg {
	fill: #10B981;
}

.panel-menu .mLink.hue-text {
	text-transform: uppercase;
	background-image: -webkit-linear-gradient(120deg,#6a0dad,#ff69b4,#1e90ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	-webkit-animation: hue 10s infinite linear;
}

.panel-menu .mLink.hue-text .mText {
	color: #f35626;
	font-weight: 700;
}

.panel-menu .mLink.tg-hue-text {
	text-transform: uppercase;
	background-image: linear-gradient(120deg,#0088cc,#29b6f6,#0088cc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
}

.panel-menu .mLink.tg-hue-text .mText {
	background-image: linear-gradient(120deg,#0088cc,#55add9,#6dbfe9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
}

@-webkit-keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg);
	}

	to {
		-webkit-filter: hue-rotate(-360deg);
	}
}

.appHeader {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 74px;
	z-index: 1001;
	transition: all 0.3s ease;
}

@media (min-width:768px) {
	.appHeader {
		padding: 0 0 0 15px;
		height: 90px;
		border-bottom: 0;
	}
}

.appHeader .top-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 74px;
}

.appHeader .top-box h5 {
	font-size: 16px;
	color: #1e1f22;
	font-weight: 700;
	margin-bottom: 0;
}

.dark .appHeader .top-box h5 {
	color: #fff;
}

.appHeader .topb-first {
	display: flex;
	align-items: center;
}

.appHeader .topb-last {
	display: flex;
	align-items: center;
	gap: 10px;
}

@media (min-width:992px) {
	.appHeader .top-box {
		height: 90px;
	}
}

@media (min-width:992px) {
	.appHeader {
		left: 280px;
	}
}

.total-count {
	font-weight: 700;
	font-size: 19px;
	line-height: 22px;
	color: var(--color-3);
}

.dark .total-count {
	color: var(--color-7);
}

.total-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #8b98b8;
	margin: 0!important;
}

.curr-drop {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 7px 18px!important;
}

@media (max-width:992px) {
	.curr-drop {
		width: 42px;
		height: 42px;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		border-radius: 10px;
	}
}

.curr-drop::after {
	display: none;
}

.acc-drop {
	position: relative;
	background-color: #fff0;
	display: flex;
	gap: 14px;
	align-items: center;
	text-align: left;
	padding: 0;
}

.acc-drop::after {
	display: none;
}

@media (min-width:768px) {
	.acc-drop {
		padding: 9px 20px;
	}
}

.acc-drop .icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #036efa;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8b98b8;
	font-size: 25px;
	overflow: hidden;
}

.acc-drop .icon.avatar {
	background-color: #fff0;
}

.acc-drop .icon.avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.acc-drop .title {
	font-weight: 700;
	font-size: 15px;
	line-height: 16px;
	color: #8b98b8;
	overflow: hidden;
	max-width: 16ch;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.acc-drop .text {
	font-weight: 700;
	font-size: 13px;
	line-height: 12px;
	color: #ddd;
	margin-top: 6px;
}

.dark .acc-drop .text {
	color: #8b98b85c;
}

.acc-drop .arrows {
	color: #8b98b8;
	display: flex;
	align-items: center;
}

.acc-drop {
	border-radius: 50px;
	padding: 5px!important;
	max-width: 255px;
	border: none!important;
	box-shadow: none!important;
	overflow: hidden;
}

.appContent {
	padding-bottom: 40px;
}

@media (min-width:992px) {
	.appContent {
		padding: 0 15px 0;
	}

	.appContent .container-fluid {
		padding: 0;
	}
}

.appPlayer {
	padding: 0 15px;
}

.sidebar-player {
	background-color: var(--color-1);
	padding: 10px;
	width: max-content;
	margin: auto;
	text-align: center;
	border-radius: 15px;
}

.fs-25 {
	font-size: 25px;
}

.player-content {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 1;
	width: 100%;
	justify-content: center;
}

.album-cover {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	transition: 0.14s ease;
}

.player-right {
	flex: 1;
}

.album-cover img {
	object-fit: cover;
	max-width: 100%;
	height: 100%;
	border-radius: 100px;
}

.sidebar-player.playing .album-cover img {
	animation: spin 6s linear infinite;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.player-right .song-name {
	font-size: 12px;
	color: #96a0af;
	font-weight: 400;
	margin-bottom: 0;
	text-align: left;
}

.sidebar-player .control-wrapper {
	display: flex;
	align-items: center;
	gap: 6px;
}

.sidebar-player .control-btn {
	outline: none;
	border: none;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #8b98b8;
	border-radius: 50%;
	background: #10B981;
	margin-top: 5px;
}

.sidebar-player .a-of-total {
	font-size: 13px;
	color: rgb(255 255 255 / .5);
}

.control-btn i {
	font-size: 12px;
	color: #fff;
}

.control-btn .i-off {
	display: flex;
}

.control-btn .i-on {
	display: none;
}

.sidebar-player.playing .control-btn .i-play {
	display: none;
}

.sidebar-player .control-btn .i-pause {
	display: none;
}

.sidebar-player.playing .control-btn .i-pause {
	display: flex;
}

.control-btn.enabled .i-off {
	display: none;
}

.control-btn .i-off {
	display: flex;
}

.control-btn.enabled .i-on {
	display: flex;
}

.card {
	background: var(--color-2);
	border: 1px solid #fff0;
	box-sizing: border-box;
	border-radius: 10px;
}

#appDashboard .card {
	box-shadow: none;
}

.card-body {
	padding: 15px;
	border-radius: 10px!important;
}

.card-header {
	background: #fff0;
	border-radius: 10px 10px 0 0!important;
	border-bottom: 1px solid #e5e5e5;
	padding: 18px 20px;
	position: relative;
}

.dark .card-header {
	border-color: #3b414f;
}

.card-header::before {
	content: '';
	width: 6px;
	height: 60%;
	background: #3be395;
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.card-header.card-header-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width:991.98px) {
	.card-header.card-header-flex {
		align-items: flex-start;
		flex-direction: column;
		gap: 7px;
	}

	.card-header.card-header-flex .nwoNav {
		width: 100%;
		justify-content: center;
	}

	.card-header.card-header-flex .nwoNav .nav-item {
		width: 50%;
		justify-content: center;
	}

	.card-header.card-header-flex .nwoNav .nwoNavLink {
		width: 100%;
	}
}

.card-header .ch-container {
	display: flex;
	align-items: center;
	min-width: 0;
}

.card-header h4 {
	font-size: 15px;
	font-weight: 700;
	color: #232323;
	margin-bottom: 0;
}

.dark .card-header h4 {
	color: #fff;
}

.card-header .title {
	margin: 3px 0 0;
	font-size: 12px;
	color: #9296a2;
}

.card-header .ch-icon {
	width: 38px;
	height: 38px;
	min-width: 38px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
	background: #dcefe7;
	color: #10a978;
	font-size: 15px;
}

.dark .card-header .ch-icon {
	background: rgb(16 169 120 / .15);
}

.card-header .ch-icon.purple {
	background: #f1ecff;
	color: #8456ff;
}

.dark .card-header .ch-icon.purple {
	background: rgb(132 86 255 / .15);
}

.card-header .ch-icon.orange {
	background: #fff4e9;
	color: #f59b38;
}

.dark .card-header .ch-icon.orange {
	background: rgb(245 155 56 / .15);
}

.card-header .nwoNav {
	background: var(--color-1);
}

.card-header .nwoNav button.nwoNavLink {
	color: var(--color-4)!important;
}

.card-header .nwoNav .nwoNavLink.active,.card-header .nwoNav .nwoNavLink.active:focus {
	background: #10B981!important;
	color: #fff!important;
}

.nwoNav {
	background: #27684a;
	background: -moz-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	border: none;
	border-radius: 25px;
	margin: 0;
	list-style: none;
	padding: 10px 5px;
	display: flex;
}

.nwoNav .nwoNavLink {
	border: none;
	outline: none;
	border-radius: 25px;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	background-color: #fff0;
	color: #fff;
	padding: 7px 25px;
	transition: .14s ease;
}

.nwoNav .nwoNavLink.active,.nwoNav .nwoNavLink.active:hover {
	background: #fff;
	color: #3be395!important;
}

button.nwoNavLink {
	color: #fff!important;
}

.panel-body {
	background: var(--color-10);
	border-radius: 10px;
	line-height: 20px;
	padding: 14px 18px;
	outline: none;
	font-weight: 400;
	font-size: 14px;
	min-height: 125px;
	max-height: 250px;
	overflow-y: scroll;
}

.neworder-filter {
	background-color: var(--color-8);
	padding: 10px;
	width: 100%;
	margin: auto;
	text-align: center;
	border-radius: 25px;
	margin-bottom: 25px;
}

.nwo-cat-btn {
	background: none;
	border: none;
	outline: 0;
}

.select2-container--default .select2-selection--single {
	border-radius: 10px;
	border: 1px solid var(--color-1);
	background: var(--color-10)!important;
	color: var(--color-3);
	height: 50px!important;
	font-size: 13px;
	line-height: 25px!important;
	transition: all 0.3s ease;
}

.select2-container--open .select2-selection--single {
	background: var(--color-10)!important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-dropdown {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
	border-top: 1px solid var(--color-1)!important;
}

.select2-container--default .select2-selection--single:hover {
	border-color: var(--color-1);
}

.select2-container:not(.select2-container--open) .select2-selection--single {
	box-shadow: none!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--color-3);
	padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	right: 10px;
}

.select2-container .dropdown-menu>li>a {
	font-size: 13px;
	padding: 3px 5px;
}

.select2-dropdown {
	background-color: var(--color-2)!important;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	box-shadow: rgb(59 227 149 / .15);
	opacity: 1!important;
}

.dark .select2-dropdown {
	border-color: #3b414f;
}

.select2-dropdown .select2-search--dropdown {
	border-bottom: 1px solid var(--color-1);
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.select2-results {
	background: var(--color-2)!important;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.select2-container--default .select2-results>.select2-results__options {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow: hidden;
}

.select2-search--dropdown {
	background-color: var(--color-2)!important;
}

.select2-search--dropdown .select2-search__field {
	background-color: var(--color-2)!important;
	border: 1px solid var(--color-1);
	border-radius: 6px;
	padding: 8px;
}

.select2-results__option {
	display: flex!important;
	align-items: center!important;
	justify-content: space-between!important;
	padding: 8px 12px;
	color: var(--color-3);
	position: relative;
	font-size: 14px;
	border-bottom: 1px solid var(--color-1);
	transition: background-color 0.2s ease;
}

.select2-results__option--highlighted:not(.is-selected) {
	background: rgb(59 227 149 / .15);
	color: #3be395!important;
}

.select2-results__option.is-selected,.select2-results__option--highlighted.is-selected {
	background: linear-gradient(135deg,rgb(30 158 116 / .15) 0%,rgb(41 184 133 / .15) 100%)!important;
	color: #3be395!important;
	font-weight: 700;
}

.select2-results__option.is-selected::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: #3be395;
}

.select2-results__option[aria-disabled="true"],.select2-results__option.select2-results__option--disabled,.select2-container--default .select2-results__option[aria-disabled="true"],.select2-results__option[aria-disabled="true"][aria-selected="false"],.select2-results__option:not([aria-selected="true"])[aria-disabled="true"],.select2-results__option[data-select2-hidden="true"],.select2-results__option.select2-results__option--hidden {
	display: none!important;
}

select option[hidden],select option:disabled[hidden],select option[disabled][hidden],select option[data-hidden="true"],option.hidden-category {
	display: none!important;
}

.service-metrics-badges {
	display: inline-flex!important;
	gap: 6px;
	align-items: center;
}

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

.search-dropdown .input-wrapper .input-wrapper__prepend,.search-dropdown .input-wrapper .input-wrapper__append {
	z-index: 1;
	position: relative;
}

@media (max-width:1000px) {
	.select2-results__option {
		padding: 10px 12px!important;
		line-height: 1.4!important;
		position: relative!important;
	}

	.select2-results__option .select2-results__option-text {
		display: block!important;
		width: 100%!important;
		margin-bottom: 4px!important;
	}

	.select2-results__option--highlighted {
		background-color: rgb(59 227 149 / .15)!important;
	}

	.select2-selection__rendered .service-metrics-badges-selected {
		display: none!important;
	}

	.select2-results__option {
		white-space: normal!important;
		word-wrap: break-word!important;
	}
}

@media (min-width:1000px) {
	.select2-results__option .service-metrics-badges {
		display: inline-flex!important;
		flex-direction: row!important;
		gap: 6px!important;
	}
}

.select2-container .dropdown-menu>li>a {
	color: var(--color-3);
}

.select2-container .dropdown-menu {
	background: var(--color-2);
	padding: 0!important;
}

.select2-container .dropdown-menu>li.active {
	background: rgb(59 227 149 / .15)!important;
	position: relative;
}

.select2-container .dropdown-menu>li.active>a {
	background: transparent!important;
	color: #3be395!important;
	font-weight: 700;
}

.select2-container .dropdown-menu>li:hover>a {
	color: #3be395!important;
}

.select2-container .dropdown-menu>li.active::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: #3be395;
}

.s-row {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.s-row.s-title {
	font-weight: 700;
	display: none;
}

@media (min-width:992px) {
	.s-row.s-title {
		display: flex;
	}
}

.s-col {
	flex: 0 0 auto;
	min-width: 0;
}

@media (min-width:992px) {
	.s-col {
		flex: 0 0 50px;
		width: 50px;
	}

	.s-col.s-col-sm {
		flex: 0 0 48px;
		width: 48px;
	}

	.s-col.s-col-md {
		flex: 0 0 105px;
		width: 105px;
	}

	.s-col.s-col-lg {
		flex: 0 0 145px;
		width: 145px;
	}

	.s-col.s-title {
		flex: 1 0 0%;
		width: auto;
		min-width: 0;
	}
}

.category-card {
	margin-bottom: 12px;
}

.si-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 54px;
	padding: 12px 17px;
	background: var(--color-10);
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	cursor: pointer;
}

.si-header:hover {
	background: var(--color-2);
	border-color: #ededed;
}

.dark .si-header {
	border-color: #3b414f;
}

#outside .si-header {
	background: #f8fafc;
}

.si-header.active {
	background: #3be395;
	border-color: #3be395;
}

.si-header.active:has(+.s-hide[style*="display: block"]) {
	border-radius: 10px 10px 0 0;
}

#outside .si-header.active {
	background: #3be395;
	border-color: #3be395;
}

.si-header .si-title {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 650;
	line-height: 22px;
	color: var(--color-3);
}

.si-header .si-title>span {
	min-width: 0;
}

.si-header.active .si-title {
	color: #fff;
}

.si-header .si-title>span:first-child {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 28px;
	height: 28px;
	padding: 4px;
	border-radius: 7px;
	background: rgb(0 0 0 / .045);
}

.si-header.active .si-title>span:first-child {
	background: rgb(255 255 255 / .18);
}

.si-header .fa-chevron-down {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	flex-shrink: 0;
	border-radius: 7px;
	color: var(--color-3);
	background: rgb(0 0 0 / .035);
	font-size: 12px;
	font-weight: 700;
	transition: transform .25s ease,background-color .2s ease;
}

.si-header.active .fa-chevron-down {
	color: #fff;
	background: rgb(255 255 255 / .16);
	transform: rotate(180deg);
}

.services-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border: 1px solid var(--color-8);
	border-top: 0;
	box-sizing: border-box;
	background: var(--color-2);
	font-size: 13px;
	overflow: hidden;
	border-radius: 0 0 10px 10px;
}

@media (min-width:992px) {
	.services-wrapper {
		flex-direction: column;
	}
}

.si-wrapper {
	flex: 0 0 auto;
	width: 100%;
	position: relative;
}

.service-item {
	position: relative;
	box-sizing: border-box;
	padding: 15px 20px;
	border-bottom: 1px solid #e5e7eb;
	background: var(--color-2);
	font-size: 13px;
	transition: background-color .18s ease;
}

.dark .service-item {
	background: #1b1f27;
	border-color: #3b414f;
}

.services-wrapper .service-item {
	padding: 13px 20px;
}

.services-wrapper .service-item:hover {
	background: #fafbfc;
}

.dark .services-wrapper .service-item:hover {
	background: #3b414f;
}

.service-item:last-child {
	border-bottom: 0;
}

.g-sheader .service-item {
	padding-top: 7px;
	padding-bottom: 7px;
	background: var(--color-1);
	border: 0;
	color: #8a94a3;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.g-sheader .s-row {
	gap: 10px;
}

.sp-serv-title {
	display: block;
	min-width: 0;
	color: var(--color-3);
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	overflow: hidden;
}

.sp-serv-title[data-filter-table-service-name="true"] {
	text-overflow: ellipsis;
}

.service-item .avgtime {
	margin-top: 5px;
	color: var(--color-5);
	font-size: 10px;
	font-weight: 700;
	line-height: 15px;
}

.sp-serv-sm {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	min-height: 25px;
	padding: 3px 7px;
	border-radius: 6px;
	background: var(--color-1);
	color: #667085;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.s-col-c .sp-serv-sm {
	background: #f0fdf7;
	border-color: #d1fae5;
	color: #14966a;
	font-size: 12px;
}

.service-item .min,.service-item .max {
	display: inline-block;
	padding: 3px 6px;
	border-radius: 5px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.service-item .min {
	color: #e25555;
}

.service-item .max {
	color: #28a66f;
}

.mtp-compare-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	cursor: pointer;
}

.mtp-compare-checkbox {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.mtp-compare-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 1px solid #d8dde5;
	border-radius: 5px;
	background: #fff;
	transition: background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.mtp-compare-checkbox:checked+.mtp-compare-box {
	background: #3be395;
	border-color: #3be395;
	box-shadow: 0 3px 8px rgb(59 227 149 / .22);
}

.s-col-fav {
	text-align: center;
}

.s-col-fav>span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform .18s ease;
}

.s-col-fav>span:hover {
	transform: scale(1.05);
}

.s-col-fav [data-favorite-icon] {
	font-size: 13px!important;
}

.service-item .btn.btn-sm,.service-item .btn.btn-sm:hover,.service-item .btn.btn-sm:focus {
	border-radius: 7px!important;
	padding: 6px 10px!important;
	font-size: 11px!important;
	font-weight: 700;
	line-height: 1.2;
	box-shadow: none;
	transition: transform .18s ease,box-shadow .18s ease;
}

.service-item .btn-data {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #3be395!important;
	color: #fff!important;
	border: 1px solid #e5e7eb!important;
}

.dark .service-item .btn-data {
	border-color: #3b414f!important;
}

.service-item .btn-data:hover {
	transform: translateY(-1px);
}

.service-item .btn-details {
	background: #fff!important;
	color: #10B981!important;
	border: 1px solid #e1e5ea!important;
}

.service-item .btn-details:hover {
	background: #3be395!important;
	border-color: #3be395!important;
	color: #fff!important;
	transform: translateY(-1px);
}

.s-col-btn {
	display: flex;
	align-items: center;
	gap: 6px;
}

@media (min-width:992px) {
	.service-item .s-row {
		min-height: 34px;
	}

	.service-item .s-col-c {
		text-align: center;
	}

	.service-item .s-col-btn {
		justify-content: flex-start;
	}

	.g-sheader .s-col-btn {
		justify-content: flex-start;
	}
}

@media (max-width:991px) {
	.service-item {
		padding: 15px;
	}

	.services-wrapper .service-item {
		padding: 15px;
	}

	.service-item .s-row {
		flex-wrap: wrap;
		align-items: center;
	}

	.service-item .s-col {
		padding: 0;
	}

	.service-item .s-col::before {
		content: attr(data-title);
		display: block;
		padding-bottom: 5px;
		color: #98a2b3;
		font-size: 10px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .03em;
	}

	.service-item .s-col-compare {
		position: absolute;
		top: 12px;
		left: 12px;
		width: auto;
	}

	.service-item .s-col-compare::before {
		display: none;
	}

	.service-item .s-col-fav {
		position: absolute;
		top: 9px;
		right: 10px;
		width: auto;
	}

	.service-item .s-col-fav::before {
		display: none;
	}

	.service-item .s-col-id {
		width: 100%;
		padding-left: 28px;
		text-align: left;
	}

	.service-item .s-col-id::before {
		display: none;
	}

	.service-item .s-title {
		width: 100%;
		text-align: left;
	}

	.service-item .s-col-md,.service-item .s-col-lg {
		flex: 1 1 0%;
		width: 48%;
		text-align: left;
	}

	.service-item .s-col-btn {
		flex: 1 1 100%;
		width: 100%;
		margin-top: 8px;
		justify-content: flex-start;
	}

	.service-item .s-col-btn::before {
		display: none;
	}

	.service-item .s-col-c {
		width: 48%;
		text-align: center;
	}
}

@media (max-width:575px) {
	.category-card {
		margin-bottom: 9px;
	}

	.si-header {
		min-height: 50px;
		padding: 10px 12px;
		border-radius: 9px;
	}

	.si-header .si-title {
		font-size: 13px;
	}

	.si-header .si-title>span:first-child {
		min-width: 26px;
		height: 26px;
	}

	.si-header .fa-chevron-down {
		width: 27px;
		height: 27px;
		font-size: 10px;
	}

	.services-wrapper {
		border-radius: 0 0 9px 9px;
	}

	.g-sheader {
		display: none;
	}

	.services-wrapper .service-item {
		padding: 14px 12px;
	}

	.service-item .s-row {
		gap: 8px;
	}

	.sp-serv-title {
		text-align: center;
		font-size: 12px;
		line-height: 18px;
	}

	.service-item .avgtime {
		font-size: 9px;
	}

	.sp-serv-sm {
		min-height: 24px;
		font-size: 10px;
	}

	.service-item .min,.service-item .max {
		font-size: 10px;
	}

	.service-item .s-col-md,.service-item .s-col-lg {
		width: calc(50% - 4px);
		flex: 1 1 calc(50% - 4px);
	}

	.service-item .s-col-btn {
		display: flex;
		gap: 6px;
		margin-top: 5px;
	}

	.service-item .s-col-btn .btn {
		flex: 1;
		min-height: 34px;
		padding: 6px 8px!important;
	}

	.service-item .btn-data svg {
		width: 14px;
		height: 14px;
	}

	.s-col-fav>span {
		width: 28px;
		height: 28px;
	}
}

@media (max-width:380px) {
	.services-wrapper .service-item {
		padding: 13px 10px;
	}

	.sp-serv-title {
		font-size: 11px;
	}

	.service-item .s-col-btn .btn {
		font-size: 10px!important;
	}

	.mtp-compare-box {
		width: 18px;
		height: 18px;
	}
}

.search-services {
	background: var(--color-10);
	height: 45px;
	border-radius: 10px;
	line-height: 45px;
	padding-left: 15px;
	position: relative;
}

#outside .search-services {
	background: #eef2fe;
}

.search-services .icon {
	width: 30px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	color: var(--color-3);
	transition: .14s ease;
}

.search-services .textbox {
	width: calc(100% - 40px);
	margin-left: 40px;
	height: 40px;
	background-color: #fff0;
	outline: none;
	border: none;
	color: var(--color-4);
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
}

.search-services .textbox::placeholder {
	color: #92969d;
}

.btn-filter {
	background-color: #fff;
	display: flex;
	align-items: center;
	border: 1px solid #ebf2fa;
}

.btn-filter .icon {
	color: #0258FF;
}

.modal-wrapper {
	margin: auto;
	background-color: rgb(0 0 0 / .5);
	backdrop-filter: blur(5px);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2000;
	display: none;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 5px #000;
}

.modal-wrapper.active {
	display: flex;
}

.mbo-wrapper {
	height: 100%;
	width: 100%;
	padding: 40px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	overflow-y: auto;
}

.modal-box {
	margin: auto 0;
	max-width: 560px;
	width: 100%;
	border-radius: 25px;
	background: var(--color-1);
	border: 2px solid var(--color-2);
	text-align: left;
	position: relative;
	overflow: hidden;
}

@media (max-width:991.98px) {
	.modal-box {
		max-width: 100%;
		height: 65%;
	}

	.btn-new.active i,.btn-fav.active i {
		margin-right: 0;
	}

	.card-header .title {
		display: none;
	}
}

.m-header {
	padding: 15px;
	background-color: var(--color-1);
	border-radius: 25px;
}

.m-body {
	padding: 10px;
	white-space: normal;
}

.m-body #serviceModalText {
	background: #00000050;
	border-radius: 15px;
	padding: 15px;
	font-size: 13px;
}

.m-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: -.005em;
	color: var(--color-3);
	margin-bottom: 0;
	background: var(--color-8);
	border-radius: 25px;
	padding: 10px;
	text-align: center;
}

.dark .m-title {
	color: var(--color-6);
}

.m-close:focus {
	box-shadow: 0 0 0 .25rem rgb(2 88 255 / .2);
}

#serviceModaltext {
	max-height: 300px;
	overflow-y: scroll;
}

.op-card {
	margin-bottom: 30px;
}

.op-card .op-card--top {
	padding-bottom: 30px;
	border-bottom: 1px solid var(--color-8);
}

.op-card .op-card--bottom {
	padding-top: 10px;
}

.op-stats {
	display: block;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #fff;
	background-color: rgb(255 255 255 / .15);
	border-radius: 7px;
	padding: 5px 10px;
}

.op-stats.op-stats-sm {
	padding: 10px 30px;
	border-color: rgb(255 255 255 / .15)!important;
}

.op-stats.op-stats-btn {
	padding: 10px 10px;
	display: inline-block;
	background: #0258FF;
	border: none;
	color: #566676;
	transition: 0.14s ease;
	color: #fff;
}

.op-stats.op-stats-btn:focus {
	box-shadow: 0 0 0 .25rem rgb(2 88 255 / .25);
}

.op-stats.op-stats-btn.cs-btn {
	font-size: 18px;
	margin-bottom: 0;
	border-radius: 10px;
}

.op-stats.primary {
	background-color: rgb(59 227 149 / .10);
	color: #3be395;
	border: 1px solid #3be395;
}

.op-stats.secondary {
	background-color: rgb(97 73 205 / .10);
	color: #6149cd;
	border: 1px solid #6149cd;
}

.op-stats.info {
	background-color: rgb(254 126 197 / .10);
	color: #fe7ec5;
	border: 1px solid #fe7ec5;
}

.op-stats.partial {
	background-color: rgb(250 186 77 / .10);
	color: #faba4d;
	border: 1px solid #faba4d;
}

.op-stats.warning {
	background-color: rgb(73 107 205 / .10);
	color: #496bcd;
	border: 1px solid #496bcd;
}

.table-order .op-stats.warning.progress-box {
	background-color: rgb(73 107 205 / .15);
	border: 1px solid #496bcd;
	color: #496bcd;
	position: relative;
	overflow: hidden;
}

.table-order .progress-box {
	position: relative;
	overflow: visible;
	cursor: pointer;
	z-index: 1;
}

.table-order .progress-tooltip {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #496bcd;
	color: #fff;
	padding: 8px;
	border-radius: 4px;
	font-size: 10px;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: 0.2s;
	z-index: 9999;
}

.table-order .progress-box:hover .progress-tooltip {
	opacity: 1;
}

.table-order .progress-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: var(--width,0%);
	background-color: #cbd6f4;
	z-index: -1;
	transition: width 0.3s ease;
}

.op-stats.danger {
	background-color: rgb(249 103 103 / .10);
	color: #f96767;
	border: 1px solid #f96767;
}

.op-stats.approved {
	background-color: rgb(59 227 149 / .10);
	border: 1px solid #3be395;
	color: #3be395;
}

.op-stats.pending {
	background-color: rgb(202 162 0 / .10);
	border: 1px solid #caa200;
	color: #caa200;
}

.op-stats.canceled {
	background-color: rgb(249 103 103 / .10);
	color: #f96767;
	border: 1px solid #f96767;
}

.op-stats.danger-btn {
	border: 1px solid var(--color-5);
	background: var(--color-8);
	color: var(--color-5)!important;
}

.op-service-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 25px;
	color: var(--color-3);
	margin-bottom: 0;
}

.op-search-box.op-order-link {
	display: flex;
	width: 100%;
}

.op-search-box.op-order-link .link {
	display: block;
	width: 100%;
	flex: 1 0 0%;
	font-weight: 700;
	font-size: 12px;
	line-height: 18px;
	color: #637990;
	opacity: .8;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.op-date {
	font-weight: 700;
	font-size: 16px;
	line-height: 25px;
	color: #566676;
}

.op-date::before {
	content: "";
	width: 9px;
	height: 9px;
	background: #9aacbd;
	display: inline-block;
	border-radius: 50%;
	margin-right: 14px;
	margin-left: 0;
}

.op-item {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-direction: column;
}

@media (min-width:992px) {
	.op-item {
		flex-direction: row;
	}
}

.op-item .title {
	font-size: 14px;
	line-height: 18px;
	color: #72879d;
}

.op-item .icon {
	display: flex;
	align-items: center;
	font-size: 24px;
	color: #fdfdfd;
}

.op-item .text {
	font-weight: 700;
	font-size: 16px;
	color: var(--color-3);
	line-height: 27px;
}

.gny-btn::after {
	display: none;
}

.orders-nav-link {
	background: #fff;
	border: 1px solid #d5d9e6;
	box-sizing: border-box;
	border-radius: 15px;
	color: #637990;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 20px;
	transition: 0.14s ease;
}

.orders-nav-link:focus {
	box-shadow: 0 0 0 .25rem rgb(2 88 255 / .25);
}

.orders-nav-link.active {
	background-color: #0075ff;
	border-color: #0258FF!important;
	color: #fff;
}

.orders-nav-link.active:hover {
	background-color: #0258FF;
	color: #fff;
	border-color: #0258FF;
}

@media (min-width:992px) {
	.orders-nav-link {
		padding: 5px 13px;
	}
}

@media (min-width:1200px) {
	.orders-nav-link {
		padding: 5px 15px;
	}
}

@media (min-width:1400px) {
	.orders-nav-link {
		padding: 5px 18px;
	}
}

.orders-nav-link .icon {
	font-size: 20px;
	display: flex;
	align-items: center;
}

.orders-nav-link .text {
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
}

.op-search-box {
	transition: 0.14s ease;
}

.op-search-box:focus-within {
	box-shadow: 0 0 0 .25rem rgb(2 88 255 / .25);
}

.op-search-box .icon {
	color: #637990;
}

.op-search-box input {
	transition: 0.14s ease;
	background-color: #fff0;
	border: none;
	outline: none;
	flex: 1;
	color: #0c2447;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
}

.op-search-box input::placeholder {
	color: #566676;
}

.op-orders-wrapper .card-body {
	padding: 15px;
}

.pagination {
	border-radius: 10px;
}

.pagination .page-item.active .page-link {
	background-color: var(--color-6);
	color: #fff!important;
}

.pagination .page-item.active .page-link::before {
	content: "";
	bottom: 0;
	height: 3px;
	width: 14px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #91e8b4;
}

.pagination .page-item:first-child {
	border-right: 1px solid var(--color-1);
}

.pagination .page-item:first-child .page-link {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	font-weight: 400;
}

.pagination .page-item:last-child {
	border-left: 1px solid var(--color-1);
}

.pagination .page-item:last-child .page-link {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	font-weight: 400;
}

.pagination .page-item .page-link {
	background: var(--color-2);
	border: none;
	margin: 0;
	height: 35px;
	padding: 0;
	min-width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
	color: var(--color-3)!important;
	position: relative;
}

.pagination .page-item .page-link:focus {
	z-index: 2;
}

.btn-group .dropdown-menu {
	left: auto!important;
	right: 0!important;
	border-radius: 15px;
}

.dropdown-divider {
	border-color: var(--color-2);
}

.dark .dropdown-divider {
	border-color: #e9ecef;
}

.sUpd.priceDown {
	color: #f65619;
}

.sUpd.newServ {
	color: #00B67A;
}

.sUpd.priceUp {
	color: #fbbc05;
}

.sUpd.priceActive {
	color: #029fff;
}

.sUpd.priceCare {
	color: #ff3e7c;
}

.search {
	background: var(--color-2);
	height: 55px;
	border-radius: 25px;
	line-height: 55px;
	padding-left: 30px;
}

.dark .search {
	background: #eef2ff;
	background: linear-gradient(90deg,#ffffff 0%,#eef2ff 100%);
}

.search i {
	color: var(--color-3);
}

.colTx .title::after {
	content: "\eb80";
	color: #0083FF;
	font-family: remixicon!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
	font-size: 13px;
	padding-left: 5px;
	vertical-align: middle;
}

.appHeader.fixed {
	-webkit-transition: .2s ease;
	transition: .2s ease;
	position: fixed;
	z-index: 1000;
	background: #eef2ff91;
}

.dark .appHeader.fixed {
	background: #12121291;
}

.desc-list {
	background: var(--color-10);
	border-radius: 10px;
	line-height: 20px;
	padding: 7px 10px 7px 7px;
	outline: none;
	font-weight: 400;
	font-size: 13px;
	display: flex;
	align-items: center;
}

.desc-list.description .text {
	min-height: 250px;
	max-height: 400px;
	overflow-y: scroll;
}

.desc-list .icon {
	width: 32px;
	height: 32px;
	color: #fff;
	background: #10B981;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
}

#s_name {
	color: #232323;
	line-height: 24px;
}

.dark #s_name {
	color: #fff;
}

.aff-item {
	background: var(--color-1);
	border-radius: 25px;
	padding: 10px 15px;
	margin-bottom: 10px;
}

.aff-item span.aff-bold {
	font-weight: 700;
}

.card-2 {
	background: var(--color-10);
	border: 1px solid #fff0;
	box-sizing: border-box;
	border-radius: 15px;
	position: relative;
	z-index: 25;
	overflow: hidden;
}

.card-2::after {
	content: "";
	position: absolute;
	top: 75%;
	right: 30%;
	width: 60%;
	height: 60%;
	transform: translate(100%,60%) scale(1);
	transition: .14s ease;
	background: var(--main-color);
	background: linear-gradient(120deg,#3be395 0%,rgb(59 227 149 / .15) 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.bs-toast {
	background: var(--color-8);
	border: 1px solid var(--color-5)!important;
	color: var(--color-5);
	padding: 10px 24px;
	border-radius: 15px;
	position: fixed;
	bottom: 30px;
	right: 40px;
	width: 100%;
	width: max-content;
	max-width: 350px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: none;
	z-index: 3000;
	text-align: center;
}

.bs-toast .bs-toast-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.bs-toast .toast-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 14px;
	font-weight: 700;
}

.bs-toast .toast-times {
	cursor: pointer;
	border: none;
	outline: 0;
	color: #fff;
	background: 0 0;
}

.SidebarHelp,.SidebarHelp:hover {
	background: -webkit-linear-gradient(180deg,#89604a 0%,#b37958 100%);
	width: 80%;
	border-radius: 15px;
	padding: 5px 20px;
	margin: 15px auto;
	position: relative;
	color: #fff!important;
}

.SidebarHelp h3 {
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 0;
	margin-top: 5px;
}

.SidebarHelp h3 {
	color: #fff;
}

.SidebarHelp p {
	font-size: 10px;
	line-height: 16px;
	margin-bottom: 0;
}

.dark .SidebarHelp h3 {
	color: #fff;
}

.SidebarHelp .SidebarMascot {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 90px;
}

.SidebarHelp span {
	background: #fff;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	color: #232323;
	border: 1px solid #fff;
}

.SidebarHelp span i {
	transform: rotate(-30deg);
}

.tickets {
	cursor: pointer;
	margin-bottom: 10px;
	position: relative;
	background: var(--color-10);
	border: 1px solid #fff0;
	border-radius: 10px;
	padding: 10px 15px;
}

.tickets.new {
	border: 1px solid #3be395;
}

.tickets:hover {
	background: var(--color-8);
	transition: 500ms all;
}

.tickets .avatar.me-3 {
	margin-right: 15px!important;
}

.tickets .avatar .tickets-img {
	height: 40px;
	width: 40px;
	border-radius: 7px;
	text-align: center;
	position: relative;
}

.tickets h6 {
	margin-bottom: 10px;
	font-size: 14px;
	color: var(--color-4);
}

.tickets span {
	color: #71738d;
	font-size: 12px;
}

.tickets .date {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
	color: #BCC2CF;
}

.ticket-status.completed {
	color: #00B67A;
}

.ticket-status.pending {
	color: #fbbc05;
}

.ticket-status.closed {
	color: #ff3e7c;
}

input.designradio {
	position: absolute;
	z-index: 9999999;
	width: 100px;
	height: 72px;
	left: 0;
	top: 0;
	opacity: 0;
	display: none;
}

.ticket .subject_box span i {
	font-size: 24px;
	color: var(--color-6);
}

.ticket-fields {
	padding-top: 20px;
}

.ticket .custom-radio button {
	text-decoration: none;
	border: 1px solid var(--color-8);
	background: var(--color-8);
	display: inline-block;
	border-radius: 25px;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	width: 100%;
}

.ticket .custom-radio button.active {
	border-color: var(--color-5);
	background: var(--color-5);
}

.ticket .custom-radio button.active .subject_box p,.ticket .custom-radio button.active .subject_box span i {
	color: var(--color-3);
}

.dark .ticket .custom-radio button.active .subject_box p,.dark .ticket .custom-radio button.active .subject_box span i {
	color: var(--color-2);
}

.ticket .custom-radio button:hover {
	border: 1px solid var(--color-5);
}

.ticket .form-group {
	margin-bottom: 20px;
}

.subject_box {
	margin: auto;
	text-align: center;
	padding: 12px 10px;
}

.subject_box p {
	margin: 0;
	padding-top: 15px;
	color: var(--color-4);
	font-size: 16px;
}

.card-3 {
	border: 1px solid var(--color-1);
	box-sizing: border-box;
	box-shadow: 0 25px 50px rgb(10 39 83 / 7%);
	border-radius: 15px;
	position: relative;
	z-index: 25;
	padding: 10px 0;
	overflow: hidden;
}

.card-3.card-shadow {
	background: var(--color-1);
	position: relative;
	border-radius: 25px;
	width: 100%;
}

.card-3.card-shadow::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: linear-gradient(35deg,var(--color-1) 50%,var(--color-8) 100%);
	z-index: -1;
	border-radius: 25px;
}

.card-3 .gi-title {
	font-size: 24px;
	font-weight: 700;
	color: var(--color-3);
}

.dark .card-3 .gi-title {
	color: var(--color-4);
}

.card-3 .card-body.gi-card {
	background: url(https://storage.perfectcdn.com/hn456u/5dxi1plm48srj1l4.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.card-3 p {
	font-size: 14px;
}

@media (min-width:991.98px) {
	.card-3 p {
		width: 600px;
	}
}

.card-3 .card-icon {
	width: 44px;
	height: 44px;
	font-size: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-3 .card-icon.gi-1 {
	background-color: var(--color-8);
	color: var(--color-6);
}

@media (min-width:1440.98px) {
	.card-3 .card-icon {
		width: 82px;
		height: 82px;
		font-size: 40px;
	}
}

.g-chat .g-chat-area ul.chat {
	max-height: 400px;
	min-height: 400px;
	overflow-y: scroll;
	padding-right: 20px;
}

.g-chat .g-chat-area ul.chat::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.g-chat .g-chat-area ul.chat::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 5px;
}

.dark .g-chat .g-chat-area ul.chat::-webkit-scrollbar-thumb {
	background: var(--color-1);
}

.g-chat .g-chat-area ul.chat::-webkit-scrollbar-track {
	background: #e4eaf2;
}

.dark .g-chat .g-chat-area ul.chat::-webkit-scrollbar-track {
	background: #151921;
}

.g-chat .g-chat-area ul.chat li.user {
	display: flex;
	align-items: start;
	justify-content: flex-start;
	margin-bottom: 20px;
}

.g-chat .g-chat-area ul.chat li.user .r {
	text-align: end;
	margin-right: 10px;
}

.g-chat .g-chat-area ul.chat li.user .r .answer {
	background-color: var(--color-8);
	color: var(--color-5);
	font-size: 14px;
	font-weight: 700;
	padding: 20px;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	margin-bottom: 10px;
}

.g-chat .g-chat-area ul.chat li.user .r small {
	color: #afbbc6;
	font-size: 12px;
	font-weight: 700;
	text-align: end;
}

.g-chat .g-chat-area ul.chat li.user .l {
	min-width: 100px;
	max-width: 100px;
}

.g-chat .g-chat-area ul.chat li.user .l span.avatar {
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--color-8);
	border: 3px solid var(--color-8);
	box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
	margin: 0 auto;
	text-transform: uppercase;
}

.g-chat .g-chat-area ul.chat li.user .l .name {
	margin-top: 8px;
	color: #dadada;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 4px;
	text-align: center;
}

.g-chat .g-chat-area ul.chat li.user .l small {
	color: #afbbc6;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	display: block;
}

.g-chat .g-chat-area ul.chat li.web {
	display: flex;
	align-items: start;
	justify-content: end;
	margin-bottom: 10px;
}

.g-chat .g-chat-area ul.chat li.web .l {
	text-align: start;
	margin-left: 10px;
}

.g-chat .g-chat-area ul.chat li.web .l .answer {
	background-color: var(--color-6);
	color: var(--color-2);
	font-size: 14px;
	font-weight: 700;
	padding: 20px;
	border-radius: 10px;
	border-bottom-right-radius: 0;
	margin-bottom: 10px;
}

.g-chat .g-chat-area ul.chat li.web .l small {
	color: #afbbc6;
	font-size: 12px;
	font-weight: 700;
	text-align: start;
}

.g-chat .g-chat-area ul.chat li.web .r {
	min-width: 100px;
	max-width: 100px;
}

.g-chat .g-chat-area ul.chat li.web .r span.avatar {
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #fff;
	color: #3d455a;
	font-size: 20px;
	font-weight: 700;
	margin: 0 auto;
	text-transform: uppercase;
}

.g-chat .g-chat-area ul.chat li.web .l .name {
	margin-top: 8px;
	color: #dadada;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 4px;
	text-align: center;
}

.g-chat .g-chat-area ul.chat li.web .l small {
	color: #afbbc6;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	display: block;
}

.g-chat .g-chat-area ul.chat {
	padding-left: 0;
}

@media (max-width:991.98px) {
	.mobiledetail {
		display: block!important;
	}
}

.ticket-message-block {
	display: flex;
}

.ticket-message-block.ticket-message-left+.ticket-message-left {
	margin-top: -50px;
}

.ticket-message-block.ticket-message-right+.ticket-message-right {
	margin-top: -50px;
}

.ticket-message-block.ticket-message-right {
	justify-content: flex-end;
}

.ticket-message-block.ticket-message-right .ticket-msg-container {
	text-align: right;
}

.ticket-message-block.ticket-message-right .ticket-msg-container .ticket-msg {
	background: var(--color-6);
	border-radius: 20px 20px 0 20px;
}

.ticket-message-block.ticket-message-left .ticket-msg-container .ticket-msg {
	border-radius: 20px 20px 20px 0;
}

.ticket-message-block .ticket-msg-container {
	width: 100%;
	max-width: 400px;
}

.ticket-message-block .ticket-msg-container .ticket-msg {
	background: var(--color-8);
	border-radius: 30px;
	padding: 14px 26px;
	display: inline-flex;
	margin-bottom: 12px;
	font-weight: 700;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: .3px;
	color: var(--color-5);
}

.ticket-message-block .ticket-msg-container .date-time {
	font-size: 12px;
	line-height: 15px;
	color: #747886;
	margin-bottom: 30px;
	padding: 0 10px;
	display: block;
}

.g-chat-side .g-chat {
	max-height: 553px;
	overflow-y: auto;
	margin: 0 -24px;
	padding: 0 24px;
}

.g-chat-side .g-chat::-webkit-scrollbar {
	width: 6px;
	border-radius: 3px;
}

.g-chat-side .g-chat::-webkit-scrollbar-track {
	background: #fff0;
	border-radius: 3px;
}

.g-chat-side .g-chat::-webkit-scrollbar-thumb {
	background: rgb(255 255 255 / .2);
	border-radius: 3px;
}

.g-chat-side .g-chat::-webkit-scrollbar-thumb:hover {
	background: rgb(255 255 255 / .4);
}

.g-chat-side .schat-input {
	padding-top: 10px;
}

.g-chat-input {
	position: relative;
	display: flex;
	background: var(--color-1);
	border-radius: 0 0 8px 8px;
	height: 70px;
	align-items: center;
}

.g-chat-input input {
	border: none;
	outline: none;
	flex: 1;
	padding: 0 30px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
}

.g-chat-input input::placeholder {
	color: rgb(255 255 255 / .6);
}

.g-ticket-box {
	background: var(--color-1);
	border: 1px solid var(--color-3);
	border-radius: 8px;
	padding: 20px 24px;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.g-ticket-box+.g-ticket-box {
	margin-top: 14px;
}

.g-ticket-box .title {
	flex: 1;
}

.g-ticket-box .text {
	color: var(--color-6);
}

.gi-title {
	font-size: 24px;
	font-weight: 700;
	color: var(--color-4);
}

.gi-text {
	color: var(--color-4);
}

.dark .gi-text {
	color: var(--color-5);
}

.gi-text a {
	color: var(--color-6);
}

.avatar-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 7px;
}

.nav-custom-3 {
	background: var(--color-10);
	border-radius: 15px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 9px 12px;
	border: 1px solid var(--color-8);
}

.nav-custom-3 .nav-item .nav-link {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	padding: 16px 24px;
	letter-spacing: .02em;
	color: var(--color-4);
	display: block;
	background: #fff0;
	border-radius: 15px;
	border: none;
}

.nav-custom-3 .nav-item .nav-link.active {
	background: var(--color-6);
	color: #fff;
}

.nav-custom-3 .nav-item .nav-link i {
	margin-right: 8px;
}

.hw-img img {
	border-radius: 15px;
	border: 3px solid var(--color-8);
}

.more-text {
	display: none;
}

.card-img {
	position: absolute;
	right: 0;
	top: -65px;
	width: auto;
	opacity: .15;
}

@media (max-width:991.98px) {
	.card-img {
		display: none;
	}
}

.header-images {
	position: relative;
	text-align: right;
}

.header-images img {
	max-width: 425px;
}

.header-images .hi-badge {
	background: url(https://storage.perfectcdn.com/966zjr/eni01s7h9tpua4c2.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 150px;
	height: 137px;
	position: absolute;
	top: 60px;
	right: -25px;
	text-align: center;
}

.header-images .hi-badge .hi-text {
	position: absolute;
	top: 55px;
	left: 30px;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
}

.header-images .hi-badge .hi-text p {
	font-size: 13px;
	font-weight: 400;
	max-width: 100px;
	line-height: 14px;
	margin-top: -5px;
}

.blog-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
}

.blog-wrapper .blog-item {
	background: #fff;
	border: 1px solid var(--color-1);
	border-radius: 15px;
	cursor: pointer;
}

.blog-wrapper .blog-title {
	min-height: 75px;
	margin-top: 10px;
}

.blog-wrapper .blog-title h2 {
	color: #000;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 5px 15px 15px 15px;
}

.blog-wrapper .blog-item:hover h2 {
	color: var(--color-6);
}

.blog-wrapper .blog-title small {
	color: #000;
	background: var(--color-8);
	margin: 15px;
	padding: 3px 10px;
	border-radius: 100px;
}

.blog-wrapper .blog-img-wrapper img {
	width: 100%;
	display: block;
	object-fit: cover;
	border-radius: 15px 15px 0 0;
}

.blog-wrapper .blog-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 25px 15px 10px 15px;
	border-top: 1px solid var(--color-1);
	padding-top: 10px;
}

.blog-wrapper .blog-footer .blog-author span {
	display: flex;
	flex-direction: column;
}

.blog-wrapper .blog-footer .blog-author a {
	display: flex;
	align-items: center;
	gap: 7px;
}

.blog-wrapper .blog-footer .blog-author strong {
	font-size: 16px;
	color: #000;
	margin-bottom: 0;
}

.blog-wrapper .blog-footer .blog-author small {
	color: #777;
}

.bi-head-box {
	background: var(--color-8);
	border: 1px solid var(--color-2);
	box-sizing: border-box;
	border-radius: 35px;
	position: relative;
}

.bi-head-box .bi-head-bg {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 35px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: .15;
}

.bi-head-box .bi-head-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bi-head-box .bi-head-content {
	position: relative;
	z-index: 5;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media (min-width:992px) {
	.bi-head-box .bi-head-content {
		padding: 50px 30px;
	}
}

.bi-head-box .bi-head-content .bi-cat-wrapper {
	display: flex;
	justify-content: center;
	padding-bottom: 30px;
}

.bi-head-box .bi-head-content .bi-cat-wrapper .bi-cat {
	display: inline-block;
	border: 1px solid var(--color-6);
	box-sizing: border-box;
	color: var(--color-6);
	border-radius: 50px;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: -.04em;
	padding: 15px 45px;
}

.bi-head-box .bi-head-content .bi-title h1 {
	font-weight: 700;
	font-size: 35px;
	line-height: 40px;
}

.bi-head-box .bi-head-content .user-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bi-head-box .bi-head-content .user-wrapper .blog-head {
	padding: 24px 0 0 0;
}

.b-user {
	display: flex;
	align-items: center;
	gap: 20px;
}

.b-user-right {
	text-align: left;
	font-weight: 700;
}

.b-user-name {
	font-size: 19px;
	line-height: 22px;
	color: var(--color-5);
	margin-bottom: 3px;
}

.b-user-title {
	font-size: 12px;
	line-height: 14px;
	color: var(--color-7);
}

ul.pay-meth {
	list-style-type: none;
	padding-left: 0;
}

ul.pay-meth li {
	margin-bottom: 8px;
}

details {
	background: var(--color-10);
	border-radius: 10px;
}

details summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	list-style: none;
	user-select: none;
	padding: 15px;
}

details summary i {
	transition: 0.15s;
	color: #10B981;
}

details[open] summary i {
	transform: rotate(45deg);
}

details p {
	padding: 15px;
	border-top: 1px solid var(--color-2);
	font-size: 12px;
}

.hover-switch {
	position: relative;
	height: 175px;
}

.hover-switch>img {
	position: absolute;
	top: calc(50% - 100px);
	left: calc(50% - 100px);
}

.hover-switch>img:last-of-type {
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
}

.hover-switch:hover>img:last-of-type {
	opacity: 0;
}

.colBt i {
	background: var(--color-8);
	border-radius: 100%;
	margin-left: 70px;
	position: absolute;
	right: 10px;
	top: 25px;
	height: 15px;
	width: 15px;
	line-height: 16px;
}

.menu-drop {
	position: relative;
	background-color: #fff0;
	display: flex;
	gap: 4px;
	align-items: center;
	text-align: left;
	padding: 0;
}

.menu-drop::after {
	display: none;
}

@media (min-width:768px) {
	.menu-drop {
		padding: 9px 20px;
	}
}

.menu-drop .icon {
	border-radius: 50%;
	background: #036efa;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8b98b8;
	overflow: hidden;
}

.menu-drop .icon.avatar {
	background-color: #fff0;
}

.menu-drop .arrows {
	color: #8b98b8;
	display: flex;
	align-items: center;
}

.menu-drop {
	border-radius: 50px;
	padding: 7px 18px!important;
	background: var(--color-2);
}

h2.hsTitle {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 25px;
}

.brandSlider {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 400px;
}

.brandSlider .bShadow {
	overflow: hidden;
	position: relative;
}

@-webkit-keyframes translateinfinite {
	100% {
		transform: translateY(calc(-60px * 6));
	}
}

@keyframes translateinfinite {
	100% {
		transform: translateY(calc(-60px * 6));
	}
}

#infinite .bShadow {
	box-shadow: 0 3px 10px -3px rgb(255 255 255 / .3);
	background: var(--color-2);
}

#infinite .bShadow::before,#infinite .bShadow::after {
	content: " ";
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 100px;
}

#infinite .bShadow::before {
	bottom: 0;
	left: 0;
	background: linear-gradient(to top,#ffffff 0%,#fff0 100%);
}

#infinite .bShadow::after {
	top: 0;
	right: 0;
	background: linear-gradient(to bottom,#ffffff 0%,#fff0 100%);
}

#infinite .bShadow div {
	width: 100%;
	-webkit-animation: translateinfinite 25s linear infinite;
	animation: translateinfinite 25s linear infinite;
}

.productBox {
	background: var(--color-1);
	border-radius: 10px;
	height: 60px;
	padding: 0 25px;
	margin-bottom: 10px;
}

.productBox .pbLeft {
	color: var(--color-5);
}

.productBox .pbLeft i {
	width: 35px;
	text-align: center;
}

.productBox .pbRight {
	background: var(--color-7);
	border-radius: 7px;
	padding: 3px 15px;
	font-size: 12px;
	color: rgb(255 255 255 / .8);
}

.banner-social-wrap {
	position: absolute;
	left: 15px;
	bottom: 90px;
	z-index: 2;
}

.banner-social-wrap ul li {
	margin-bottom: 25px;
	border: 1px solid #F3F3F3;
	border-radius: 50px;
	width: 42px;
	display: flex;
	align-items: center;
}

.banner-social-wrap ul li.is-active {
	width: auto;
}

.banner-social-wrap ul li:last-child {
	margin-bottom: 0;
}

.banner-social-wrap ul li a {
	font-size: 15px;
	color: #081A39;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	transition: 0s;
}

@media (max-width:767.98px) {
	.banner-social-wrap {
		display: none;
	}
}

@media (max-width:991.98px) {
	.top-widgets {
		text-align: center;
		margin: auto;
	}
}

.dark-mode.dark {
	display: block;
}

.light .dark-mode.light,.dark-mode.light {
	display: none;
}

.dark .dark-mode.dark {
	display: none;
}

.dark .dark-mode.light {
	display: block;
}

.table td,.table th {
	color: var(--color-3);
}

.table-bordered td,.table-bordered th {
	border: 1px solid var(--color-2);
}

.dark-mode.light {
	color: #1200ff;
	font-size: 20px;
}

.dark-mode.dark {
	color: #ffca00;
	font-size: 20px;
}

.mobile-balance {
	background-color: var(--color-8);
	padding: 10px 20px;
	width: 100%;
	margin-bottom: 15px;
	border-radius: 25px;
}

.footer-social ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 0;
	padding-top: 15px;
}

.footer-social ul li {
	list-style-type: none;
	margin-right: 10px;
}

.footer-social ul li a {
	color: var(--color-5)!important;
	font-size: 18px;
	line-height: 1;
}

footer .footer-social ul li a {
	color: #fff!important;
}

footer .footer-social ul li {
	border: 1px solid #ffffff40!important;
	width: 42px;
	height: 42px;
	text-align: center;
	border-radius: 100%;
	line-height: 42px;
	background: rgb(255 255 255 / .15);
}

.banner-social-wrap ul {
	padding-left: 0;
}

@media (min-width:992px) {
	.card-3 .gi-title {
		font-size: 30px;
	}

	.card-3 p {
		width: auto;
		font-size: 18px;
	}
}

@media (min-width:992px) and (max-width:1440px) {
	.card-3 .card-icon {
		width: 42px;
		height: 42px;
		font-size: 32px;
	}

	.card-3 p {
		width: auto;
	}

	.c-img-none .card-img {
		height: 100px;
		top: -15px;
		right: -40px;
	}

	.sccs h5 {
		font-size: 13px;
	}
}

.rate-item {
	background: rgb(255 255 255 / .15);
	border: 1px solid #5c9d7e;
	border-radius: 15px;
	padding: 10px 0;
}

.rate-brand {
	border: none;
	border-radius: 13px;
	padding: 0;
	text-align: center;
}

.rate-brand-text {
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.rate-brand-text p {
	margin-bottom: 0;
}

.rate-brand-text p span {
	font-weight: 700;
	font-size: 14px;
}

.rate-brand-text span {
	font-size: 12px;
}

.rate-item .rate-stars {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	background: #91e8b4;
	width: max-content;
	border-radius: 35px;
	padding: 1px 5px;
	gap: 1px;
}

.rate-item .rate-stars i {
	font-size: 7px;
	color: #4b8271;
	line-height: 10px;
}

.d-icon {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.d-icon.i-primary {
	background: #27684a;
	background: -moz-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	color: #fff;
}

#appDashboard .btn.btn-sm {
	padding: 10px 25px;
}

.home-rates .trust {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	padding-bottom: 15px;
	color: #000;
}

.home-rates .trust .stars {
	margin-top: -3px;
}

.home-rates .trust .stars i,.home-rates .trust .stars svg {
	font-size: 12px;
	color: #facd4d;
	margin-top: 0;
	border: none;
	padding-right: 0;
}

.home-rates .trust .stars:first-child {
	animation-delay: 0s;
}

.home-rates .trust .stars i:nth-child(2) {
	animation-delay: 0.2s;
}

.home-rates .trust .stars i:nth-child(3) {
	animation-delay: 0.4s;
}

.home-rates .trust .stars i:nth-child(4) {
	animation-delay: 0.6s;
}

.home-rates .trust .stars i:nth-child(5) {
	animation-delay: 0.8s;
}

.home-rates .trust .tpilot {
	max-height: 20px;
	margin-top: -4px;
}

.google-play img {
	margin-top: 15px;
	height: 60px;
}

.h-section.signature-area {
	background: #eef2fe;
	text-align: center;
	margin: auto;
	color: #202020;
	padding: 50px 0;
}

.h-section.signature-area {
	background: #eef2fe;
}

.signature-content h2 {
	font-size: 34px;
	padding-bottom: 25px;
}

.signature-content p {
	font-size: 18px;
	padding-top: 15px;
}

.section-badge {
	width: max-content;
	margin-bottom: 15px;
}

.ms-title .section-badge {
	text-align: center;
	margin: 0 auto 15px auto;
}

.label {
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
	padding: 8px 14px;
	min-height: 35px;
	display: flex;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border-radius: 20px;
}

.label.label-badge {
	padding: 5px 20px 5px 8px;
	border-color: #266849;
	background: radial-gradient(68.6% 68.6% at 57.8% 96.86%,rgb(0 0 0 / 20%) 0%,#f8f8f8 100%),linear-gradient(0deg,#ffffff 0%,#c5ffe4 100%),#ffffff;
	border-radius: 24px;
	display: flex;
	gap: 10px;
}

.label.label-badge .label-icon {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #266849;
	color: #fff;
}

.label.label-badge .label-text {
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px;
	letter-spacing: -.14px;
	color: #266849;
}

.s-number {
	background-color: var(--color-8);
	color: var(--color-6);
	width: 24px;
	height: 24px;
	border-radius: 5px;
	text-align: center;
	font-weight: 700;
}

.s-text {
	font-weight: 700;
	font-size: 18px;
	margin-left: -20px;
}

.sm-image {
	background: radial-gradient(68.6% 68.6% at 57.8% 96.86%,rgb(0 0 0 / 20%) 0%,#f8f8f8 100%),linear-gradient(0deg,#ffffff 0%,#c5ffe4 100%),#ffffff;
	border-radius: 15px;
	margin-bottom: 15px;
}

.steps-content p {
	color: #202020;
}

.slo-section {
	background: url(https://storage.perfectcdn.com/966zjr/1kmt50uu6c6t440q.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 52px 0;
	position: relative;
}

.slo-section h2 {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	padding: 50px 0 0 0;
}

.slo-texts,.rate-brand,.rate-brand-text {
	position: relative;
	z-index: 2;
}

.slo-texts p {
	font-size: 20px;
	color: #fff;
	padding-bottom: 35px;
}

.slo-texts h2 span {
	color: #fff;
}

.slo-texts h2 span:after {
	display: none;
}

.social-area {
	background: url(https://storage.perfectcdn.com/966zjr/ilz3pmctqo26wwo3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	clip-path: polygon(0% 0%,0% 87.011%,.089% 87.014%,.177% 87.018%,.266% 87.022%,.355% 87.026%,.443% 87.03%,.532% 87.035%,.621% 87.04%,.709% 87.046%,.798% 87.051%,.887% 87.057%,.975% 87.064%,1.064% 87.07%,1.152% 87.077%,1.241% 87.084%,1.33% 87.092%,1.418% 87.099%,1.507% 87.107%,1.596% 87.116%,1.684% 87.124%,1.773% 87.133%,1.862% 87.143%,1.95% 87.152%,2.039% 87.162%,2.128% 87.172%,2.216% 87.182%,2.305% 87.193%,2.394% 87.204%,2.482% 87.215%,2.571% 87.227%,2.66% 87.239%,2.748% 87.251%,2.837% 87.263%,2.926% 87.276%,3.014% 87.289%,3.103% 87.302%,3.191% 87.316%,3.28% 87.33%,3.369% 87.344%,3.457% 87.359%,3.546% 87.373%,3.635% 87.388%,3.723% 87.404%,3.812% 87.419%,3.901% 87.435%,3.989% 87.451%,4.078% 87.468%,4.167% 87.484%,4.255% 87.501%,4.344% 87.519%,4.433% 87.536%,4.521% 87.554%,4.61% 87.572%,4.699% 87.59%,4.787% 87.609%,4.876% 87.628%,4.965% 87.647%,5.053% 87.666%,5.142% 87.686%,5.23% 87.706%,5.319% 87.726%,5.408% 87.747%,5.496% 87.768%,5.585% 87.789%,5.674% 87.81%,5.762% 87.832%,5.851% 87.854%,5.94% 87.876%,6.028% 87.898%,6.117% 87.921%,6.206% 87.943%,6.294% 87.967%,6.383% 87.99%,6.472% 88.014%,6.56% 88.038%,6.649% 88.062%,6.738% 88.086%,6.826% 88.111%,6.915% 88.136%,7.004% 88.161%,7.092% 88.186%,7.181% 88.212%,7.27% 88.238%,7.358% 88.264%,7.447% 88.29%,7.535% 88.317%,7.624% 88.344%,7.713% 88.371%,7.801% 88.398%,7.89% 88.426%,7.979% 88.454%,8.067% 88.482%,8.156% 88.51%,8.245% 88.538%,8.333% 88.567%,8.422% 88.596%,8.511% 88.625%,8.599% 88.655%,8.688% 88.684%,8.777% 88.714%,8.865% 88.744%,8.954% 88.774%,9.043% 88.805%,9.131% 88.836%,9.22% 88.867%,9.309% 88.898%,9.397% 88.929%,9.486% 88.961%,9.574% 88.993%,9.663% 89.025%,9.752% 89.057%,9.84% 89.089%,9.929% 89.122%,10.018% 89.155%,10.106% 89.188%,10.195% 89.221%,10.284% 89.254%,10.372% 89.288%,10.461% 89.322%,10.55% 89.356%,10.638% 89.39%,10.727% 89.424%,10.816% 89.459%,10.904% 89.494%,10.993% 89.529%,11.082% 89.564%,11.17% 89.599%,11.259% 89.635%,11.348% 89.67%,11.436% 89.706%,11.525% 89.742%,11.613% 89.778%,11.702% 89.815%,11.791% 89.851%,11.879% 89.888%,11.968% 89.925%,12.057% 89.962%,12.145% 89.999%,12.234% 90.037%,12.323% 90.074%,12.411% 90.112%,12.5% 90.15%,12.589% 90.188%,12.677% 90.226%,12.766% 90.264%,12.855% 90.302%,12.943% 90.341%,13.032% 90.38%,13.121% 90.419%,13.209% 90.458%,13.298% 90.497%,13.387% 90.536%,13.475% 90.576%,13.564% 90.615%,13.652% 90.655%,13.741% 90.695%,13.83% 90.735%,13.918% 90.775%,14.007% 90.815%,14.096% 90.856%,14.184% 90.896%,14.273% 90.937%,14.362% 90.977%,14.45% 91.018%,14.539% 91.059%,14.628% 91.1%,14.716% 91.141%,14.805% 91.183%,14.894% 91.224%,14.982% 91.266%,15.071% 91.307%,15.16% 91.349%,15.248% 91.391%,15.337% 91.433%,15.426% 91.475%,15.514% 91.517%,15.603% 91.559%,15.691% 91.601%,15.78% 91.643%,15.869% 91.686%,15.957% 91.728%,16.046% 91.771%,16.135% 91.814%,16.223% 91.856%,16.312% 91.899%,16.401% 91.942%,16.489% 91.985%,16.578% 92.028%,16.667% 92.071%,16.755% 92.115%,16.844% 92.158%,16.933% 92.201%,17.021% 92.245%,17.11% 92.288%,17.199% 92.331%,17.287% 92.375%,17.376% 92.419%,17.465% 92.462%,17.553% 92.506%,17.642% 92.55%,17.73% 92.593%,17.819% 92.637%,17.908% 92.681%,17.996% 92.725%,18.085% 92.769%,18.174% 92.813%,18.262% 92.857%,18.351% 92.901%,18.44% 92.945%,18.528% 92.989%,18.617% 93.033%,18.706% 93.077%,18.794% 93.122%,18.883% 93.166%,18.972% 93.21%,19.06% 93.254%,19.149% 93.298%,19.238% 93.343%,19.326% 93.387%,19.415% 93.431%,19.504% 93.475%,19.592% 93.519%,19.681% 93.564%,19.77% 93.608%,19.858% 93.652%,19.947% 93.696%,20.035% 93.741%,20.124% 93.785%,20.213% 93.829%,20.301% 93.873%,20.39% 93.917%,20.479% 93.961%,20.567% 94.006%,20.656% 94.05%,20.745% 94.094%,20.833% 94.138%,20.922% 94.182%,21.011% 94.226%,21.099% 94.27%,21.188% 94.314%,21.277% 94.357%,21.365% 94.401%,21.454% 94.445%,21.543% 94.489%,21.631% 94.532%,21.72% 94.576%,21.809% 94.62%,21.897% 94.663%,21.986% 94.707%,22.074% 94.75%,22.163% 94.794%,22.252% 94.837%,22.34% 94.88%,22.429% 94.923%,22.518% 94.966%,22.606% 95.01%,22.695% 95.053%,22.784% 95.095%,22.872% 95.138%,22.961% 95.181%,23.05% 95.224%,23.138% 95.266%,23.227% 95.309%,23.316% 95.351%,23.404% 95.394%,23.493% 95.436%,23.582% 95.478%,23.67% 95.52%,23.759% 95.562%,23.848% 95.604%,23.936% 95.646%,24.025% 95.688%,24.113% 95.729%,24.202% 95.771%,24.291% 95.812%,24.379% 95.853%,24.468% 95.895%,24.557% 95.936%,24.645% 95.977%,24.734% 96.017%,24.823% 96.058%,24.911% 96.099%,25% 96.139%,25.089% 96.18%,25.177% 96.22%,25.266% 96.26%,25.355% 96.3%,25.443% 96.34%,25.532% 96.379%,25.621% 96.419%,25.709% 96.458%,25.798% 96.498%,25.887% 96.537%,25.975% 96.576%,26.064% 96.615%,26.152% 96.654%,26.241% 96.692%,26.33% 96.731%,26.418% 96.769%,26.507% 96.807%,26.596% 96.845%,26.684% 96.883%,26.773% 96.921%,26.862% 96.958%,26.95% 96.996%,27.039% 97.033%,27.128% 97.07%,27.216% 97.107%,27.305% 97.143%,27.394% 97.18%,27.482% 97.216%,27.571% 97.253%,27.66% 97.289%,27.748% 97.324%,27.837% 97.36%,27.926% 97.396%,28.014% 97.431%,28.103% 97.466%,28.191% 97.501%,28.28% 97.536%,28.369% 97.57%,28.457% 97.605%,28.546% 97.639%,28.635% 97.673%,28.723% 97.707%,28.812% 97.74%,28.901% 97.774%,28.989% 97.807%,29.078% 97.84%,29.167% 97.873%,29.255% 97.905%,29.344% 97.938%,29.433% 97.97%,29.521% 98.002%,29.61% 98.034%,29.699% 98.065%,29.787% 98.097%,29.876% 98.128%,29.965% 98.159%,30.053% 98.19%,30.142% 98.22%,30.23% 98.251%,30.319% 98.281%,30.408% 98.31%,30.496% 98.34%,30.585% 98.37%,30.674% 98.399%,30.762% 98.428%,30.851% 98.456%,30.94% 98.485%,31.028% 98.513%,31.117% 98.541%,31.206% 98.569%,31.294% 98.597%,31.383% 98.624%,31.472% 98.651%,31.56% 98.678%,31.649% 98.704%,31.738% 98.731%,31.826% 98.757%,31.915% 98.783%,32.004% 98.808%,32.092% 98.834%,32.181% 98.859%,32.27% 98.884%,32.358% 98.909%,32.447% 98.933%,32.535% 98.957%,32.624% 98.981%,32.713% 99.005%,32.801% 99.028%,32.89% 99.051%,32.979% 99.074%,33.067% 99.097%,33.156% 99.119%,33.245% 99.141%,33.333% 99.163%,33.422% 99.185%,33.511% 99.206%,33.599% 99.227%,33.688% 99.248%,33.777% 99.268%,33.865% 99.289%,33.954% 99.309%,34.043% 99.328%,34.131% 99.348%,34.22% 99.367%,34.309% 99.386%,34.397% 99.404%,34.486% 99.423%,34.574% 99.441%,34.663% 99.459%,34.752% 99.476%,34.84% 99.493%,34.929% 99.51%,35.018% 99.527%,35.106% 99.544%,35.195% 99.56%,35.284% 99.576%,35.372% 99.591%,35.461% 99.606%,35.55% 99.621%,35.638% 99.636%,35.727% 99.651%,35.816% 99.665%,35.904% 99.679%,35.993% 99.692%,36.082% 99.706%,36.17% 99.719%,36.259% 99.731%,36.348% 99.744%,36.436% 99.756%,36.525% 99.768%,36.613% 99.779%,36.702% 99.791%,36.791% 99.802%,36.879% 99.812%,36.968% 99.823%,37.057% 99.833%,37.145% 99.843%,37.234% 99.852%,37.323% 99.861%,37.411% 99.87%,37.5% 99.879%,37.589% 99.887%,37.677% 99.895%,37.766% 99.903%,37.855% 99.911%,37.943% 99.918%,38.032% 99.925%,38.121% 99.931%,38.209% 99.937%,38.298% 99.943%,38.387% 99.949%,38.475% 99.954%,38.564% 99.96%,38.652% 99.964%,38.741% 99.969%,38.83% 99.973%,38.918% 99.977%,39.007% 99.98%,39.096% 99.984%,39.184% 99.987%,39.273% 99.989%,39.362% 99.992%,39.45% 99.994%,39.539% 99.996%,39.628% 99.997%,39.716% 99.998%,39.805% 99.999%,39.894% 100%,39.982% 100%,40.071% 100%,40.16% 100%,40.248% 99.999%,40.337% 99.998%,40.426% 99.997%,40.514% 99.995%,40.603% 99.993%,40.691% 99.991%,40.78% 99.989%,40.869% 99.986%,40.957% 99.983%,41.046% 99.98%,41.135% 99.976%,41.223% 99.972%,41.312% 99.968%,41.401% 99.963%,41.489% 99.959%,41.578% 99.953%,41.667% 99.948%,41.755% 99.942%,41.844% 99.936%,41.933% 99.93%,42.021% 99.923%,42.11% 99.916%,42.199% 99.909%,42.287% 99.902%,42.376% 99.894%,42.465% 99.886%,42.553% 99.877%,42.642% 99.869%,42.73% 99.86%,42.819% 99.85%,42.908% 99.841%,42.996% 99.831%,43.085% 99.821%,43.174% 99.81%,43.262% 99.8%,43.351% 99.789%,43.44% 99.777%,43.528% 99.766%,43.617% 99.754%,43.706% 99.741%,43.794% 99.729%,43.883% 99.716%,43.972% 99.703%,44.06% 99.69%,44.149% 99.676%,44.238% 99.662%,44.326% 99.648%,44.415% 99.633%,44.504% 99.619%,44.592% 99.604%,44.681% 99.588%,44.77% 99.573%,44.858% 99.557%,44.947% 99.541%,45.035% 99.524%,45.124% 99.507%,45.213% 99.49%,45.301% 99.473%,45.39% 99.455%,45.479% 99.437%,45.567% 99.419%,45.656% 99.401%,45.745% 99.382%,45.833% 99.363%,45.922% 99.344%,46.011% 99.325%,46.099% 99.305%,46.188% 99.285%,46.277% 99.264%,46.365% 99.244%,46.454% 99.223%,46.543% 99.202%,46.631% 99.181%,46.72% 99.159%,46.809% 99.137%,46.897% 99.115%,46.986% 99.093%,47.074% 99.07%,47.163% 99.047%,47.252% 99.024%,47.34% 99%,47.429% 98.977%,47.518% 98.953%,47.606% 98.928%,47.695% 98.904%,47.784% 98.879%,47.872% 98.854%,47.961% 98.829%,48.05% 98.804%,48.138% 98.778%,48.227% 98.752%,48.316% 98.726%,48.404% 98.7%,48.493% 98.673%,48.582% 98.646%,48.67% 98.619%,48.759% 98.591%,48.848% 98.564%,48.936% 98.536%,49.025% 98.508%,49.113% 98.48%,49.202% 98.451%,49.291% 98.422%,49.379% 98.393%,49.468% 98.364%,49.557% 98.335%,49.645% 98.305%,49.734% 98.275%,49.823% 98.245%,49.911% 98.215%,50% 98.184%,50.089% 98.153%,50.177% 98.122%,50.266% 98.091%,50.355% 98.06%,50.443% 98.028%,50.532% 97.996%,50.621% 97.964%,50.709% 97.932%,50.798% 97.899%,50.887% 97.867%,50.975% 97.834%,51.064% 97.801%,51.152% 97.768%,51.241% 97.734%,51.33% 97.7%,51.418% 97.667%,51.507% 97.633%,51.596% 97.598%,51.684% 97.564%,51.773% 97.529%,51.862% 97.495%,51.95% 97.46%,52.039% 97.424%,52.128% 97.389%,52.216% 97.353%,52.305% 97.318%,52.394% 97.282%,52.482% 97.246%,52.571% 97.21%,52.66% 97.173%,52.748% 97.137%,52.837% 97.1%,52.926% 97.063%,53.014% 97.026%,53.103% 96.989%,53.191% 96.951%,53.28% 96.914%,53.369% 96.876%,53.457% 96.838%,53.546% 96.8%,53.635% 96.762%,53.723% 96.724%,53.812% 96.685%,53.901% 96.646%,53.989% 96.608%,54.078% 96.569%,54.167% 96.53%,54.255% 96.49%,54.344% 96.451%,54.433% 96.412%,54.521% 96.372%,54.61% 96.332%,54.699% 96.292%,54.787% 96.252%,54.876% 96.212%,54.965% 96.172%,55.053% 96.132%,55.142% 96.091%,55.23% 96.051%,55.319% 96.01%,55.408% 95.969%,55.496% 95.928%,55.585% 95.887%,55.674% 95.846%,55.762% 95.804%,55.851% 95.763%,55.94% 95.721%,56.028% 95.68%,56.117% 95.638%,56.206% 95.596%,56.294% 95.554%,56.383% 95.512%,56.472% 95.47%,56.56% 95.428%,56.649% 95.386%,56.738% 95.343%,56.826% 95.301%,56.915% 95.258%,57.004% 95.216%,57.092% 95.173%,57.181% 95.13%,57.27% 95.087%,57.358% 95.045%,57.447% 95.002%,57.535% 94.958%,57.624% 94.915%,57.713% 94.872%,57.801% 94.829%,57.89% 94.786%,57.979% 94.742%,58.067% 94.699%,58.156% 94.655%,58.245% 94.612%,58.333% 94.568%,58.422% 94.524%,58.511% 94.481%,58.599% 94.437%,58.688% 94.393%,58.777% 94.349%,58.865% 94.305%,58.954% 94.261%,59.043% 94.218%,59.131% 94.174%,59.22% 94.13%,59.309% 94.086%,59.397% 94.041%,59.486% 93.997%,59.574% 93.953%,59.663% 93.909%,59.752% 93.865%,59.84% 93.821%,59.929% 93.777%,60.018% 93.732%,60.106% 93.688%,60.195% 93.644%,60.284% 93.6%,60.372% 93.555%,60.461% 93.511%,60.55% 93.467%,60.638% 93.423%,60.727% 93.379%,60.816% 93.334%,60.904% 93.29%,60.993% 93.246%,61.082% 93.202%,61.17% 93.158%,61.259% 93.113%,61.348% 93.069%,61.436% 93.025%,61.525% 92.981%,61.613% 92.937%,61.702% 92.893%,61.791% 92.849%,61.879% 92.805%,61.968% 92.761%,62.057% 92.717%,62.145% 92.673%,62.234% 92.629%,62.323% 92.585%,62.411% 92.542%,62.5% 92.498%,62.589% 92.454%,62.677% 92.41%,62.766% 92.367%,62.855% 92.323%,62.943% 92.28%,63.032% 92.236%,63.121% 92.193%,63.209% 92.15%,63.298% 92.107%,63.387% 92.063%,63.475% 92.02%,63.564% 91.977%,63.652% 91.934%,63.741% 91.891%,63.83% 91.849%,63.918% 91.806%,64.007% 91.763%,64.096% 91.72%,64.184% 91.678%,64.273% 91.636%,64.362% 91.593%,64.45% 91.551%,64.539% 91.509%,64.628% 91.467%,64.716% 91.425%,64.805% 91.383%,64.894% 91.341%,64.982% 91.299%,65.071% 91.258%,65.16% 91.216%,65.248% 91.175%,65.337% 91.134%,65.426% 91.093%,65.514% 91.052%,65.603% 91.011%,65.691% 90.97%,65.78% 90.929%,65.869% 90.888%,65.957% 90.848%,66.046% 90.808%,66.135% 90.767%,66.223% 90.727%,66.312% 90.687%,66.401% 90.648%,66.489% 90.608%,66.578% 90.568%,66.667% 90.529%,66.755% 90.49%,66.844% 90.45%,66.933% 90.411%,67.021% 90.373%,67.11% 90.334%,67.199% 90.295%,67.287% 90.257%,67.376% 90.219%,67.465% 90.18%,67.553% 90.143%,67.642% 90.105%,67.73% 90.067%,67.819% 90.03%,67.908% 89.992%,67.996% 89.955%,68.085% 89.918%,68.174% 89.881%,68.262% 89.844%,68.351% 89.808%,68.44% 89.772%,68.528% 89.735%,68.617% 89.699%,68.706% 89.664%,68.794% 89.628%,68.883% 89.593%,68.972% 89.557%,69.06% 89.522%,69.149% 89.487%,69.238% 89.453%,69.326% 89.418%,69.415% 89.384%,69.504% 89.349%,69.592% 89.315%,69.681% 89.282%,69.77% 89.248%,69.858% 89.215%,69.947% 89.182%,70.035% 89.149%,70.124% 89.116%,70.213% 89.083%,70.301% 89.051%,70.39% 89.019%,70.479% 88.987%,70.567% 88.955%,70.656% 88.923%,70.745% 88.892%,70.833% 88.861%,70.922% 88.83%,71.011% 88.799%,71.099% 88.769%,71.188% 88.739%,71.277% 88.709%,71.365% 88.679%,71.454% 88.649%,71.543% 88.62%,71.631% 88.591%,71.72% 88.562%,71.809% 88.533%,71.897% 88.505%,71.986% 88.476%,72.074% 88.448%,72.163% 88.421%,72.252% 88.393%,72.34% 88.366%,72.429% 88.339%,72.518% 88.312%,72.606% 88.285%,72.695% 88.259%,72.784% 88.233%,72.872% 88.207%,72.961% 88.181%,73.05% 88.156%,73.138% 88.131%,73.227% 88.106%,73.316% 88.082%,73.404% 88.057%,73.493% 88.033%,73.582% 88.009%,73.67% 87.986%,73.759% 87.962%,73.848% 87.939%,73.936% 87.916%,74.025% 87.894%,74.113% 87.872%,74.202% 87.849%,74.291% 87.828%,74.379% 87.806%,74.468% 87.785%,74.557% 87.764%,74.645% 87.743%,74.734% 87.723%,74.823% 87.702%,74.911% 87.683%,75% 87.663%,75.089% 87.643%,75.177% 87.624%,75.266% 87.605%,75.355% 87.587%,75.443% 87.569%,75.532% 87.551%,75.621% 87.533%,75.709% 87.515%,75.798% 87.498%,75.887% 87.481%,75.975% 87.465%,76.064% 87.448%,76.152% 87.432%,76.241% 87.416%,76.33% 87.401%,76.418% 87.386%,76.507% 87.371%,76.596% 87.356%,76.684% 87.341%,76.773% 87.327%,76.862% 87.314%,76.95% 87.3%,77.039% 87.287%,77.128% 87.274%,77.216% 87.261%,77.305% 87.249%,77.394% 87.237%,77.482% 87.225%,77.571% 87.213%,77.66% 87.202%,77.748% 87.191%,77.837% 87.18%,77.926% 87.17%,78.014% 87.16%,78.103% 87.15%,78.191% 87.141%,78.28% 87.132%,78.369% 87.123%,78.457% 87.114%,78.546% 87.106%,78.635% 87.098%,78.723% 87.09%,78.812% 87.083%,78.901% 87.076%,78.989% 87.069%,79.078% 87.062%,79.167% 87.056%,79.255% 87.05%,79.344% 87.045%,79.433% 87.039%,79.521% 87.034%,79.61% 87.03%,79.699% 87.025%,79.787% 87.021%,79.876% 87.017%,79.965% 87.014%,80.053% 87.01%,80.142% 87.008%,80.23% 87.005%,80.319% 87.003%,80.408% 87.001%,80.496% 86.999%,80.585% 86.997%,80.674% 86.996%,80.762% 86.995%,80.851% 86.995%,80.94% 86.995%,81.028% 86.995%,81.117% 86.995%,81.206% 86.996%,81.294% 86.997%,81.383% 86.998%,81.472% 87%,81.56% 87.002%,81.649% 87.004%,81.738% 87.006%,81.826% 87.009%,81.915% 87.012%,82.004% 87.016%,82.092% 87.019%,82.181% 87.023%,82.27% 87.028%,82.358% 87.032%,82.447% 87.037%,82.535% 87.042%,82.624% 87.048%,82.713% 87.053%,82.801% 87.06%,82.89% 87.066%,82.979% 87.073%,83.067% 87.08%,83.156% 87.087%,83.245% 87.094%,83.333% 87.102%,83.422% 87.11%,83.511% 87.119%,83.599% 87.128%,83.688% 87.137%,83.777% 87.146%,83.865% 87.156%,83.954% 87.166%,84.043% 87.176%,84.131% 87.186%,84.22% 87.197%,84.309% 87.208%,84.397% 87.22%,84.486% 87.231%,84.574% 87.243%,84.663% 87.256%,84.752% 87.268%,84.84% 87.281%,84.929% 87.294%,85.018% 87.308%,85.106% 87.321%,85.195% 87.335%,85.284% 87.349%,85.372% 87.364%,85.461% 87.379%,85.55% 87.394%,85.638% 87.409%,85.727% 87.425%,85.816% 87.441%,85.904% 87.457%,85.993% 87.474%,86.082% 87.491%,86.17% 87.508%,86.259% 87.525%,86.348% 87.543%,86.436% 87.561%,86.525% 87.579%,86.613% 87.597%,86.702% 87.616%,86.791% 87.635%,86.879% 87.654%,86.968% 87.674%,87.057% 87.694%,87.145% 87.714%,87.234% 87.734%,87.323% 87.755%,87.411% 87.776%,87.5% 87.797%,87.589% 87.818%,87.677% 87.84%,87.766% 87.862%,87.855% 87.884%,87.943% 87.906%,88.032% 87.929%,88.121% 87.952%,88.209% 87.975%,88.298% 87.999%,88.387% 88.023%,88.475% 88.047%,88.564% 88.071%,88.652% 88.095%,88.741% 88.12%,88.83% 88.145%,88.918% 88.17%,89.007% 88.196%,89.096% 88.221%,89.184% 88.247%,89.273% 88.274%,89.362% 88.3%,89.45% 88.327%,89.539% 88.354%,89.628% 88.381%,89.716% 88.408%,89.805% 88.436%,89.894% 88.464%,89.982% 88.492%,90.071% 88.52%,90.16% 88.549%,90.248% 88.578%,90.337% 88.607%,90.426% 88.636%,90.514% 88.666%,90.603% 88.695%,90.691% 88.725%,90.78% 88.755%,90.869% 88.786%,90.957% 88.816%,91.046% 88.847%,91.135% 88.878%,91.223% 88.909%,91.312% 88.941%,91.401% 88.973%,91.489% 89.004%,91.578% 89.037%,91.667% 89.069%,91.755% 89.101%,91.844% 89.134%,91.933% 89.167%,92.021% 89.2%,92.11% 89.233%,92.199% 89.267%,92.287% 89.301%,92.376% 89.334%,92.465% 89.368%,92.553% 89.403%,92.642% 89.437%,92.73% 89.472%,92.819% 89.507%,92.908% 89.542%,92.996% 89.577%,93.085% 89.612%,93.174% 89.648%,93.262% 89.684%,93.351% 89.72%,93.44% 89.756%,93.528% 89.792%,93.617% 89.828%,93.706% 89.865%,93.794% 89.902%,93.883% 89.939%,93.972% 89.976%,94.06% 90.013%,94.149% 90.05%,94.238% 90.088%,94.326% 90.126%,94.415% 90.164%,94.504% 90.202%,94.592% 90.24%,94.681% 90.278%,94.77% 90.317%,94.858% 90.355%,94.947% 90.394%,95.035% 90.433%,95.124% 90.472%,95.213% 90.512%,95.301% 90.551%,95.39% 90.59%,95.479% 90.63%,95.567% 90.67%,95.656% 90.71%,95.745% 90.75%,95.833% 90.79%,95.922% 90.83%,96.011% 90.871%,96.099% 90.911%,96.188% 90.952%,96.277% 90.993%,96.365% 91.033%,96.454% 91.074%,96.543% 91.115%,96.631% 91.157%,96.72% 91.198%,96.809% 91.239%,96.897% 91.281%,96.986% 91.323%,97.074% 91.364%,97.163% 91.406%,97.252% 91.448%,97.34% 91.49%,97.429% 91.532%,97.518% 91.575%,97.606% 91.617%,97.695% 91.659%,97.784% 91.702%,97.872% 91.744%,97.961% 91.787%,98.05% 91.83%,98.138% 91.872%,98.227% 91.915%,98.316% 91.958%,98.404% 92.001%,98.493% 92.044%,98.582% 92.087%,98.67% 92.131%,98.759% 92.174%,98.848% 92.217%,98.936% 92.261%,99.025% 92.304%,99.113% 92.348%,99.202% 92.391%,99.291% 92.435%,99.379% 92.478%,99.468% 92.522%,99.557% 92.566%,99.645% 92.61%,99.734% 92.654%,99.823% 92.697%,99.911% 92.741%,100% 92.785%,100.089% 92.829%,100% 0%);
}

.social-area h2 {
	color: #fff;
}

.h-section.phone-area {
	background: #eef2fe;
	text-align: center;
	margin: auto;
	color: #202020;
	padding: 50px 0;
}

.h-section.phone-area {
	background: #eef2fe;
}

.phone-area img {
	height: 275px;
}

.pa-content .col-lg {
	position: relative;
}

.pa-content .col-lg::after {
	content: '|';
	position: absolute;
	top: 0;
	left: 175px;
}

.pa-content .col-lg::after {
	content: '|';
	position: absolute;
	top: 0;
}

.pa-content .col-lg:nth-child(1)::after {
	left: 185px;
}

.pa-content .col-lg:nth-child(2)::after {
	left: 195px;
}

.pa-content .col-lg:nth-child(3)::after {
	left: 173px;
}

.pa-content .col-lg:nth-child(4)::after {
	display: none;
}

@media (max-width:991.98px) {
	.rate-brand img {
		max-width: 100%;
	}

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

	.home-rates {
		display: flex;
		justify-content: center;
		padding-top: 15px;
	}

	.rate-brand-text p {
		margin-bottom: 0;
	}

	.signature-content h2 {
		font-size: 24px;
	}

	.signature-content p {
		font-size: 14px;
	}

	.h-section h2 {
		font-size: 20px;
	}

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

	.btns-100 .btn {
		width: 100%;
	}

	.hover-switch>img {
		left: calc(50% - 70px);
	}

	.team-card img {
		max-height: 125px;
		max-width: 100%;
	}

	.hover-switch {
		height: 125px;
	}

	.team-card h4 {
		font-size: 18px;
	}

	.team-card a {
		font-size: 12px;
	}

	.header-alt::after,.slo-section::after {
		display: none;
	}

	.pa-content .col-lg::after {
		display: none;
	}

	.square:before {
		width: 250px;
		height: 250px;
		margin-left: -37%;
		margin-top: -35%;
	}

	.header-images .i-1,.header-images .i-2,.header-images .i-3,.header-images .i-4,.header-images .i-5,.header-images .i-6,.header-images .i-7,.header-images .i-8 {
		display: none;
	}

	.header-alt,.slo-section {
		overflow: hidden;
	}

	.text-center .square:before {
		width: 200px;
		height: 200px;
		margin-left: -31%;
		margin-top: -28%;
	}
}

@media (min-width:991.98px) {
	.signature-content img {
		max-width: 500px;
	}

	.slo-section h2 {
		padding: 25px 100px 0 100px;
	}

	.pa-content .col-lg {
		padding-left: 5px!important;
		padding-right: 5px!important;
	}
}

.main-badge {
	clip-path: polygon(92.32051% 40%,93.79385% 43.1596%,94.69616% 46.52704%,95% 50%,94.69616% 53.47296%,93.79385% 56.8404%,92.32051% 60%,79.82051% 81.65064%,77.82089% 84.50639%,75.35575% 86.97152%,72.5% 88.97114%,69.3404% 90.44449%,65.97296% 91.34679%,62.5% 91.65064%,37.5% 91.65064%,34.02704% 91.34679%,30.6596% 90.44449%,27.5% 88.97114%,24.64425% 86.97152%,22.17911% 84.50639%,20.17949% 81.65064%,7.67949% 60%,6.20615% 56.8404%,5.30384% 53.47296%,5% 50%,5.30384% 46.52704%,6.20615% 43.1596%,7.67949% 40%,20.17949% 18.34936%,22.17911% 15.49361%,24.64425% 13.02848%,27.5% 11.02886%,30.6596% 9.55551%,34.02704% 8.65321%,37.5% 8.34936%,62.5% 8.34936%,65.97296% 8.65321%,69.3404% 9.55551%,72.5% 11.02886%,75.35575% 13.02848%,77.82089% 15.49361%,79.82051% 18.34936%);
	width: 124px;
	height: 124px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	color: #000;
	background: #ffdd57;
	background: linear-gradient(90deg,#ffdd57 0%,#ffa202 100%);
}

.main-badge h6 {
	font-weight: 700;
	font-size: 26px;
}

.main-badge span {
	line-height: 16px;
}

.mbadge-one {
	position: absolute;
	right: 0;
	top: -100px;
}

.hsec-text h3 {
	font-size: 14px;
	line-height: 1.6;
	font-weight: 400;
	color: var(--color-3);
}

#contentSlide {
	position: relative;
}

#contentSlide .fa-angle-left,#contentSlide .fa-angle-right {
	position: absolute;
	background: #8bdb91;
	border-radius: 25px;
	width: 30px;
	height: 55px;
	border: none;
	color: var(--color-5);
	font-weight: 300;
	font-size: 32px;
}

#contentSlide .fa-angle-left {
	top: 200px;
	left: -60px;
}

#contentSlide .fa-angle-right {
	top: 200px;
	right: -10px;
}

.marks {
	background: #fff907;
	position: relative;
}

.circles {
	background: #23ff55;
	position: relative;
}

@media(max-width:991.98px) {
	.music-section .ms-p {
		font-size: 15px;
		line-height: 40px;
	}
}

.ow-flex {
	display: flex;
	justify-content: center;
	flex-direction: column;
	color: #000;
}

.ow-name {
	font-weight: 700;
}

.owner-sign {
	margin-bottom: 40px;
}

.homeLogin {
	margin-top: 50px;
}

.homeLogin .card .hlTitle {
	color: #5270d0;
	font-size: 14px;
}

.homeLogin .hl-group {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 25px 0;
}

.homeLogin .hl-group .hl-item {
	width: 100%;
}

.homeLogin .hl-group .hl-item:last-child {
	max-width: 200px;
}

.form-check {
	display: flex;
	gap: 5px;
}

.form-check .form-check-label {
	color: #000;
}

@media (max-width:991.98px) {
	.homeLogin .hl-group {
		flex-direction: column;
	}

	.homeLogin .hl-group .hl-item:last-child {
		max-width: 100%;
	}

	.homeLogin {
		margin-top: 0;
	}
}

.hl-item input::-ms-input-placeholder {
	color: var(--color-8)!important;
}

.hl-item input::placeholder {
	color: var(--color-8)!important;
}

.mbadge {
	font-size: 20px;
	font-weight: 700;
	line-height: 1em!important;
}

.d-dropdown .btn {
	padding: 0;
	display: inline-flex;
	align-items: center;
	background-color: transparent!important;
}

.d-dropdown .btn:focus,.d-dropdown .btn:hover {
	outline: 0;
	box-shadow: none;
}

.d-dropdown {
	display: inline-block;
}

.d-dropdown .btn .icon.c-1 {
	background-color: #249a62;
	color: #fff;
	border: 2px solid var(--color-5);
}

.d-dropdown .btn .icon {
	width: 40px;
	height: 40px;
	font-size: 20px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
}

.d-dropdown .btn .title {
	font-size: 15px;
	line-height: 19px;
	color: #202020;
	align-items: center;
	gap: 6px;
	display: none;
}

.d-dropdown .btn .info {
	font-weight: 700;
	margin-top: 4px;
	font-size: 14px;
	line-height: 17px;
	color: #797d89;
	display: none!important;
}

.d-dropdown .btn .info i {
	font-size: 11px;
}

.d-dropdown .dropdown-menu {
	border-radius: 15px;
}

@media (min-width:768px) {
	.d-dropdown .btn .title {
		display: flex;
	}

	.d-dropdown .btn {
		gap: 15px;
	}

	.d-dropdown .btn .info {
		display: flex!important;
		align-items: center;
	}
}

.dahsboard_icon {
	font-size: 24px;
	color: var(--color-5);
}

.acc_sta_box {
	position: relative;
	width: 100%;
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.acc_sta_box .icon {
	background: var(--color-5);
	width: 60px;
	height: 60px;
	border-radius: 50px;
	font-size: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.acc_sta_box .box_info h6 {
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 0;
}

.acc_sta_box h2 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0;
}

.sidebar_userinfo {
	display: none;
}

.sidebar_userinfo h4 {
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 5px;
}

@media only screen and (max-width:992px) {
	.sidebar_userinfo {
		display: block;
	}
}

@media only screen and (max-width:550px) {
	.acc_sta_box .icon {
		width: 50px;
		height: 50px;
		font-size: 23px;
	}

	.acc_sta_box h2 {
		font-size: 16px;
	}
}

.google-btn {
	position: absolute;
	right: 30px;
	top: 40px;
}

@media only screen and (max-width:550px) {
	.google-btn {
		position: relative;
		right: auto;
		top: 10px;
		margin: auto;
	}
}

.ow-profile {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	margin-top: 20px;
	text-align: left;
}

.ow-profile img {
	border-radius: 100%;
	border: 5px solid #266849;
}

.head-review {
	display: flex;
	align-items: center;
	gap: 50px;
	margin-top: 45px;
}

.head-review .list {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.head-review span {
	font-size: 16px;
	color: #7a86a1;
}

.head-review .counts {
	color: #4a5264;
}

.head-review .list img {
	height: 35px;
}

.head-review .list img:first-child {
	margin-left: 0;
}

.head-review .hr-rates {
	display: flex;
	align-items: center;
	gap: 10px;
}

.head-review .hr-rates .fa-star {
	color: #faca15;
}

.head-review .hr-rates small {
	font-size: 16px;
	color: #000;
}

.head-review .hr-video {
	position: relative;
	opacity: .6;
}

.head-review .hr-video:hover {
	opacity: 1;
	cursor: pointer;
	transition: 250ms all;
}

.head-review .hr-video .hr-thumb {
	border-radius: 7px;
	transition: 250ms all;
}

.head-review .hr-video .hr-play {
	position: absolute;
	left: 38px;
	top: 14px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	color: var(--color-5);
	text-align: center;
	border-radius: 100%;
}

@media (max-width:991.98px) {
	.head-review .hr-video .hr-thumb {
		border-radius: 5px;
		width: 110px;
	}

	.head-review .hr-rates {
		font-size: 12px;
	}

	.head-review .hr-text span {
		font-size: 13px;
	}

	.head-review .hr-video .hr-play {
		left: 33px;
		top: 14px;
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
	}
}

.YouTubePopUp-Wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: rgb(0 0 0 / .8);
	top: 0;
	left: 0;
	z-index: 9999999999999;
}

.YouTubePopUp-animation {
	opacity: 0;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: YouTubePopUp;
	animation-name: YouTubePopUp;
}

@-webkit-keyframes YouTubePopUp {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes YouTubePopUp {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.YouTubePopUp-Content {
	max-width: 680px;
	display: block;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.YouTubePopUp-Content iframe {
	max-width: 100%!important;
	width: 100%!important;
	display: block!important;
	height: 480px!important;
	border: none!important;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.YouTubePopUp-Hide {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: YouTubePopUpHide;
	animation-name: YouTubePopUpHide;
}

@-webkit-keyframes YouTubePopUpHide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes YouTubePopUpHide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.YouTubePopUp-Close {
	position: absolute;
	top: 0;
	cursor: pointer;
	bottom: 528px;
	right: 0;
	margin: auto 0;
	width: 24px;
	height: 24px;
	background: url(../images/close.png) no-repeat;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-o-background-size: 24px 24px;
}

.YouTubePopUp-Close:hover {
	opacity: .5;
}

@media all and (max-width:768px) and (min-width:10px) {
	.YouTubePopUp-Content {
		max-width: 90%;
	}
}

@media all and (max-width:600px) and (min-width:10px) {
	.YouTubePopUp-Content iframe {
		height: 320px!important;
	}

	.YouTubePopUp-Close {
		bottom: 362px;
	}
}

@media all and (max-width:480px) and (min-width:10px) {
	.YouTubePopUp-Content iframe {
		height: 220px!important;
	}

	.YouTubePopUp-Close {
		bottom: 262px;
	}
}

.h-section.why-more {
	margin: 0;
}

.why-more {
	background: url(https://storage.perfectcdn.com/966zjr/ncry4wkx1jpnccfx.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 125px 0;
}

.why-more h2 {
	font-style: normal;
	font-size: 29px;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 180.5%;
	margin-bottom: 15px;
	color: #266849;
}

.why-more h2 span {
	position: relative;
	display: inline-block;
	color: #202020;
}

.why-more h2 span.uline::after {
	content: '';
	background-image: url(https://storage.perfectcdn.com/966zjr/jtbem3n7gddq56gw.png);
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	left: -5px;
	bottom: -11px;
	width: calc(100% + 10px);
	height: 20px;
}

.bf-box {
	position: relative;
	display: flex;
	padding: 36px;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	background: #fff;
	overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.bf-box .bf-box-icon {
    flex-shrink: 0;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    border-radius: 12px;
    font-size: 26px;
    line-height: 1;
	background: rgb(59 130 246 / .1);
}

.bf-box h3 {
    margin-bottom: 14px;
    color: #171717;
    font-size: 21px;
    font-weight: 750;
    line-height: 1.3;
}

.bf-box p {
    color: #7b7b7b;
    font-size: 14px;
    line-height: 1.75;
  	margin-bottom: 0
}
 
.box-header h2 {
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -1.2px;
    color: #171717;
    margin-bottom: 0;
    max-width: 600px;
	text-align: center;
	margin: 0 auto 25px auto;
}

.box-header h2 span {
    background: #27684a;
    background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
    background: -webkit-linear-gradient(163deg, #27684a 0%, #35c581 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    font-weight: 900;
    position: relative;
} 
 
.box-header h2 span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #34d399;
    top: 60%;
    width: 100%;
    height: 32%;
    opacity: .15;
    z-index: 0;
}

.free-youtube-pages .box-header h2 span::before {
    background-color: #F03;
}

.free-youtube-pages .box-header h2 span {
    background: #F03;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    font-weight: 800;
    position: relative;
}

.sm-box h3 span::after {
	width: calc(150% + 10px);
}

.ww-faq .faq-item {
	position: relative;
	cursor: pointer;
	background: #fff0;
	-webkit-transition: .2s ease;
	transition: .2s ease;
	margin-bottom: 14px;
	background-color: var(--color-8);
	color: var(--color-6);
	border-radius: 10px;
}

.ww-faq .faq-item .fa-minus {
	display: none;
}

.ww-faq .faq-item.active {
	background: var(--color-8);
	color: var(--color-5);
}

.ww-faq .faq-item .faq-head,.ww-faq .faq-item .faq-head h3 {
	font-size: 20px;
	font-weight: 700;
	color: #256848;
	padding: 13px 20px;
	margin-bottom: 0;
	line-height: 12px;
}

.dark .ww-faq .faq-item .faq-head {
	color: var(--color-5);
}

.ww-faq .faq-item.active .faq-head .right-p {
	color: var(--color-5);
}

.ww-faq .faq-item.active .fa-minus {
	display: block;
}

.ww-faq .faq-item.active .fa-plus {
	display: none;
}

.ww-faq .faq-item .faq-head .right-p {
	color: var(--color-5);
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

.ww-faq .faq-item .faq-content {
	display: none;
	padding-top: 12px;
	background: #f3ffec;
	border-radius: 10px;
	padding: 10px 20px;
	color: var(--color-6);
	font-size: 15px;
	padding-bottom: 8px;
}

.ww-faq .faq-item .faq-icon {
	width: 38px;
	height: 38px;
	background: #449951;
	border-radius: 100%;
	text-align: center;
	line-height: 38px;
	color: #fff;
	font-size: 18px;
}

.cs-content {
	padding: 0 75px;
}

.cs-content h2 {
	color: var(--color-5);
	font-weight: 700;
	margin-bottom: 0;
}

.cs-content p {
	font-weight: 400;
	font-size: 14px;
	color: var(--color-3);
}

.cs-content .cs-max {
	max-width: 350px;
}

.cs-content .cs-max {
	font-weight: 700;
	font-size: 18px;
	color: var(--color-3);
}

.cs-content h3 {
	font-weight: 700;
	font-size: 18px;
	color: var(--color-6);
	line-height: 28px;
}

.cs-content h3 span {
	color: var(--color-3);
}

.social-area {
	display: block;
	position: relative;
	width: 100%;
	padding: 50px 0 150px 0;
}

.sa-header {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	margin-bottom: 50px;
}

.sa-header h2 strong {
	font-size: 24px;
	color: #00ff84;
	margin-bottom: 0;
}

.sa-header h2 {
	font-size: 42px;
	font-weight: 700;
	text-align: center;
}

.sa-item {
	background: #256848;
	background: linear-gradient(180deg,#256848 0%,#2b9562 100%);
	border-radius: 15px;
	box-shadow: 0 5px 30px rgb(0 0 0 / .2);
	padding: 15px 25px;
}

.sa-item h3 {
	font-size: 20px;
	color: #00ff84;
	max-width: 250px;
}

.sa-item p {
	font-size: 14px;
	line-height: 18px;
	padding-top: 7px;
	color: #fff;
}

.review-container h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 600px;
	margin: auto;
	text-align: center;
	font-weight: 700;
	color: var(--color-5);
}

.review-item {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 15px;
	color: #222;
	margin-top: 50px;
	padding-bottom: 25px;
}

.review-item .review-img img {
	width: 150px;
}

.review-item .review-name {
	font-size: 18px;
	text-transform: uppercase;
}

.review-item .review-content {
	font-size: 16px;
	max-width: 500px;
	text-align: center;
	position: relative;
}

.review-item .review-content::before {
	content: '';
	background: url(https://storage.perfectcdn.com/966zjr/cowtf1tb2kylb1re.png);
	background-position: center center;
	background-size: cover;
	width: 45px;
	height: 40px;
	position: absolute;
	left: -50px;
	top: -30px;
}

.review-item .review-content::after {
	content: '';
	background: url(https://storage.perfectcdn.com/966zjr/p402d388wjpkxmm0.png);
	background-position: center center;
	background-size: cover;
	width: 45px;
	height: 40px;
	position: absolute;
	right: -50px;
	bottom: -20px;
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	border: 0;
	background: #fff0;
	display: block;
	width: 12px;
	height: 12px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: #fff0;
	padding: 5px;
	cursor: pointer;
}

.slick-dots li button:hover,.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
	background-color: var(--color-6);
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	text-align: center;
	color: red;
	border: 1px solid var(--color-6);
	border-radius: 50%;
	-webkit-font-smoothing: antialiased;
	opacity: 1;
}

.slick-dots li.slick-active button:before {
	color: var(--color-6);
	width: 12px;
	height: 12px;
	background-color: var(--color-6);
	position: absolute;
	top: 0;
	left: 0;
}

.slick-dots li button::before {
	content: "";
}

#reviewSlide {
	position: relative;
}

#reviewSlide .fa-long-arrow-left,#reviewSlide .fa-long-arrow-right {
	position: absolute;
	background: var(--color-6);
	border-radius: 100%;
	width: 50px;
	height: 50px;
	border: none;
	color: #fff;
	font-size: 24px;
	z-index: 100;
}

#reviewSlide .fa-long-arrow-left {
	top: 200px;
	left: 75px;
}

#reviewSlide .fa-long-arrow-right {
	top: 200px;
	right: 75px;
}

.pa-content p span {
	display: none;
}

@media only screen and (max-width:991.98px) {
	.pa-content h2,.hsec-text h2 {
		margin-top: 25px;
	}

	.pa-content p span {
		display: inline-block;
		padding-right: 7px;
	}

	.ww-faq .faq-item .faq-head,.ww-faq .faq-item .faq-head h3 {
		font-size: 14px;
		line-height: 0;
	}

	.simp-section h2 {
		text-align: center;
	}

	#reviewSlide .fa-long-arrow-left,#reviewSlide .fa-long-arrow-right {
		width: 32px;
		height: 32px;
		font-size: 16px;
	}

	#reviewSlide .fa-long-arrow-left {
		top: 100px;
		left: 15px;
	}

	#reviewSlide .fa-long-arrow-right {
		top: 100px;
		right: 15px;
	}

	.review-item .review-content::before,.review-item .review-content::after {
		display: none;
	}

	.review-container h2 {
		font-size: 24px;
		max-width: unset;
	}

	.h-section.review-section {
		margin: 0 0 75px 0;
	}

	.social-area {
		padding: 15px 0;
		clip-path: none;
	}

	.sa-header h2 strong {
		font-size: 18px;
	}

	.sa-header h2 {
		font-size: 24px;
	}

	.sa-item h3 {
		text-align: center;
		max-width: unset;
	}

	.main-faq .faq-item .faq-head {
		font-size: 16px;
	}

	.video-container img {
		max-width: 100%;
		height: auto;
	}

	.box-header h2 {
		font-size: 20px;
	}

	.bf-box {
		padding: 15px;
	}

	.bf-box h3 {
		font-size: 18px;
	}

	.ww-faq .faq-item .faq-head {
		font-size: 16px;
		font-weight: 700;
	}

	.ww-faq .faq-item .faq-icon {
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}

	.why-more h2 {
		font-size: 20px;
		text-align: center;
	}

	.why-more {
		background-position: top right;
		padding: 20px 0 25px 0;
	}

	.cs-content {
		padding: 0;
	}

	.cs-content h2 {
		font-weight: 700;
		font-size: 20px;
		padding: 10px 0;
	}

	.cs-content h3 {
		font-weight: 700;
		font-size: 16px;
	}

	.cs-content .btn-primary,.wm-left .btn-primary {
		display: flex;
		margin: auto;
		max-width: max-content;
	}
}

.ugc-item {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.ugc-item .ugc-img,.ugc-item .ugc-img img {
	border-radius: 25px;
}

.ugc-item .ugc-img img {
	width: 100%;
	opacity: .8;
	transition: 250ms all;
}

.ugc-item .ugc-img img:hover {
	opacity: 1;
	transition: 250ms all;
}

.ugc-item .ri-play-circle-line {
	font-size: 100px;
	position: absolute;
	transition: -50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	transition: 250ms all;
}

.ugc-item:hover .ri-play-circle-line {
	color: var(--color-5);
	transition: 250ms all;
}

.ugc-item .ugc-text {
	position: absolute;
	inset-block-end: -2px;
	display: flex;
	flex-direction: column;
	grid-gap: 20px;
	gap: 20px;
	align-items: center;
	inline-size: 100%;
	padding: 15px 30px;
	border-radius: 0 0 14px 14px;
	border-block-start: 1px solid rgb(0 0 0 / .3);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	color: #fff;
	font-weight: 700;
	font-size: 24px;
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / .8);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.popup.hidden {
	display: none;
}

.popup-content {
	position: relative;
	width: 100%;
	max-width: 400px;
	height: auto;
	text-align: center;
}

.close {
	position: absolute;
	top: 30px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
	color: #fff;
	z-index: 100;
	background: var(--color-5);
	width: 32px;
	height: 32px;
	line-height: 30px;
	border-radius: 100%;
}

.video-containers {
	position: relative;
	width: 100%;
	padding-top: 177.78%;
}

.video-containers iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.ctm-section {
	margin: 0 0 50px 0;
	overflow: hidden;
}

.swiper-ugc {
	overflow: hidden;
}

.career-first {
	background: url(https://storage.perfectcdn.com/966zjr/nb7h37f9hlnl04eo.jpg);
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 50px 0;
}

.career-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	padding: 50px 0;
}

.career-content h1 {
	font-size: 32px;
	color: #00ff84;
}

.career-content h2 {
	font-size: 48px;
	color: #fff;
}

.career-content p {
	max-width: 575px;
	margin: 25px auto 0 auto;
	color: #fff;
	line-height: 20px;
}

.career-content .btn-primary {
	background: #00ff84!important;
	margin-top: 20px;
}

.career-content .btn-primary:hover,.career-content .btn-primary:focus {
	background: #00c767!important;
}

.career-second {
	padding: 75px 0;
}

.career-comment {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	position: relative;
}

.career-comment small {
	font-size: 18px;
	font-weight: 700;
	color: #010101;
	padding: 15px 0;
	text-transform: uppercase;
}

.career-comment p {
	line-height: 24px;
	color: #181818;
	max-width: 500px;
	margin: auto;
	font-style: oblique;
}

.career-comment .marks-left,.career-comment .marks-right {
	position: absolute;
}

.career-comment .marks-left {
	left: 225px;
	top: 200px;
}

.career-comment .marks-right {
	right: 225px;
	bottom: -25px;
}

.career-third {
	border-top: 3px solid #1f583d;
	border-bottom: 3px solid #1f583d;
	padding: 25px 0;
	margin-bottom: 25px;
}

.career-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.career-banner small {
	font-size: 18px;
	font-weight: 700;
	color: #010101;
}

.career-banner p {
	line-height: 24px;
	color: #181818;
	max-width: 400px;
}

.meet-header {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	gap: 15px;
}

.meet-header small {
	background: #dfe;
	color: #1f583d;
	width: max-content;
	border-radius: 15px;
	padding: 5px 15px;
	margin: auto;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.meet-header h1 {
	color: #171717;
	font-size: 48px;
	font-weight: 900;
	position: relative;
	margin-bottom: 0;
	text-align: center;
	letter-spacing: -1.2px;
}

.meet-header h1 span {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 900;
	position: relative;
}

.meet-header h1 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #34d399;
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: .15;
	z-index: -1;
}

.meet-header p {
	font-size: 15px;
	margin: 0 auto 35px auto;
	color: #7b7b7b;
	max-width: 850px;
	white-space: pre-line;
}

.meet-owner-area {
	display: flex;
	justify-content: space-around;
	gap: 15px;
}

.meet-owner-left,.meet-owner-right {
	display: flex;
	align-items: center;
	width: 100%;
}

.mo-content-left,.mo-content-right {
	display: flex;
	flex-direction: column;
	background: #fafafa;
	height: 305px;
	margin-top: 48px;
	padding: 35px 45px;
	width: 100%;
}

.mo-img-left img,.mo-img-right img {
	max-width: 300px;
}

.meet-owner-right .mo-content-right {
	order: 1;
}

.meet-owner-right .mo-img-right {
	order: 2;
}

.mo-content-left small,.mo-content-right small {
	font-size: 18px;
	font-weight: 700;
	color: #1f583d;
}

.mo-content-left p,.mo-content-right p {
	font-size: 14px;
	color: #000;
}

.mo-content-left i,.mo-content-right i {
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	border-radius: 100%;
	background: #1f583d;
	color: #fff;
	font-size: 16px;
}

.story-2 {
	padding: 75px 0;
}

.story-text-1 {
	position: relative;
}

.story-text-1 small {
	font-size: 18px;
	color: #1f583d;
}

.story-text-1 h2 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -.5px;
	color: #171717;
}

.story-text-1 h2 span {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.story-text-1 h2 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #34d399;
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: .15;
	z-index: -1;
}

.story-text-1 h3 {
	font-size: 36px;
	font-weight: 700;
	color: #1f583d;
	margin-bottom: 35px;
}

.story-text-1 p {
	line-height: 24px;
	color: #171717;
}

.story-text-1 .story-arrow-1 {
	position: absolute;
	top: -10px;
	right: 15px;
	width: 250px;
}

.story-text-1 a {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 30px;
}

.story-text-1 a img {
	width: 36px;
}

.story-text-1 a span {
	font-size: 16px;
	font-weight: 700;
	color: #1f583d;
}

.story-2 {
	padding: 75px 0;
}

.story-highlight {
	font-size: 36px;
	line-height: 46px;
	font-weight: 700;
	color: #000;
	text-align: center;
	max-width: 800px;
	margin: auto;
}

.story-text-4 {
	max-width: 600px;
}

.story-text-4 h3 {
	font-size: 36px;
	line-height: 46px;
	font-weight: 700;
	color: #29ff9a;
}

.story-text-4 p {
	line-height: 20px;
	color: #fff;
}

.story-text-4 a {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 30px;
}

.story-text-4 a img {
	width: 36px;
}

.story-text-4 a span {
	font-size: 16px;
	font-weight: 700;
	color: #29ff9a;
}

.story-table {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 40px;
	background: rgb(24 74 51 / .8);
	border: 2px solid #29ff9a;
	border-radius: 15px;
	padding: 45px;
	width: max-content;
}

.story-table .st-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.story-table .st-item i {
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 18px;
	border-radius: 7px;
	background: #336f3f;
	color: #29ff9a;
	text-align: center;
}

.story-table .st-item span {
	font-size: 18px;
	color: #fff;
}

.story-5 {
	padding: 75px 0;
}

.story-text-5 {
	max-width: 500px;
	text-align: right;
}

.story-text-5 h3 {
	font-size: 36px;
	font-weight: 700;
	color: #1f583d;
	margin-bottom: 35px;
}

.story-text-5 p {
	line-height: 24px;
	color: #000;
}

.story-img-5 img {
	max-width: 500px;
}

.story-6 {
	padding: 75px 0;
}

.story-img-6 {
	margin: auto;
	text-align: center;
}

.story-img-6 .si6-big {
	max-width: 900px;
	margin: auto;
	text-align: center;
}

.story-text-6 {
	background: #1d1d21;
	border: 2px solid #00ff84;
	border-radius: 15px;
	color: #fff;
	text-align: center;
	max-width: 600px;
	margin: -50px auto 0 auto;
	padding: 25px;
	position: relative;
	z-index: 1;
	font-size: 16px;
}

.story-7 {
	padding: 50px 0;
}

.story-title-7 {
	text-align: center;
	margin-bottom: 50px;
}

.story-title-7 small {
	font-size: 18px;
	font-weight: 700;
}

.story-title-7 h4 {
	font-size: 42px;
	font-weight: 700;
	color: #000;
}

.slider__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-align: center;
}

.swiper-ugc .slider__controls {
	position: relative;
	z-index: 12;
}

.swiper-ugc .slider__controls .slider__pagination {
	text-align: center;
	margin-top: 25px;
}

.swiper-ugc .slider__controls .slider__pagination .swiper-pagination-bullet {
	width: 13px;
	height: 10px;
	display: inline-block;
	background: var(--color-6)!important;
	opacity: .2;
	margin: 0 5px;
	border-radius: 20px;
	transition: opacity 0.5s,background-color 0.5s,width 0.5s;
	transition-delay: 0.5s,0.5s,0s;
}

.swiper-ugc .slider__controls .swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-ugc .slider__controls .slider__pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
	width: 100px;
	transition-delay: 0s;
}

@media (min-width:991.98px) {
	.m-flex {
		display: none!important;
	}
}

.stm-hello {
	background: var(--color-1);
	border-radius: 15px;
	border: 1px solid var(--color-8);
}

.acc_sta_box a {
	font-size: 12px;
}

.bottom-navigation {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--color-1);
	border-top: 1px solid var(--color-8);
	display: grid;
	grid-template-columns: repeat(5,1fr);
	padding: 0 10px;
	gap: 0;
	z-index: 50;
	box-shadow: 1px 1px 22px 10px #b8b8b8;
}

.bottom-navigation-out {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--color-1);
	border-top: 1px solid var(--color-8);
	display: grid;
	grid-template-columns: repeat(3,1fr);
	padding: 0 10px;
	gap: 0;
	z-index: 50;
	box-shadow: 1px 1px 22px 10px #b4d3b6;
}

.dark .bottom-navigation {
	box-shadow: 1px 1px 22px 10px #191919;
}

.bottom-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	gap: 5px;
	line-height: 1;
	padding: 10px 0;
	color: var(--color-3);
	border-right: 1px solid rgb(0 0 0 / 10%);
}

.bottom-item:last-child {
	border-right: none;
}

.bottom-item i {
	font-size: 18px;
}

.bottom-item-name {
	white-space: nowrap;
}

.bottom-item.active {
	color: #10b981!important;
}

@media only screen and (min-width:991.98px) {
	.bottom-navigation,.bottom-navigation-out {
		display: none!important;
	}
}

.footer-services {
	max-width: 205px;
	height: 40px;
	padding: 12px;
	gap: 10px;
	border-radius: 30px;
	border: 1px solid #5c9d7e;
	background: rgb(255 255 255 / .15);
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-services a {
	color: #fff!important;
}

.blob {
	background: #4bef2a;
	border-radius: 50%;
	margin-right: 5px;
	height: 12px;
	width: 12px;
	transform: scale(1);
	-webkit-animation: pulse-green 2s infinite;
	animation: pulse-green 2s infinite;
	display: inline-block;
}

@-webkit-keyframes pulse-green {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgb(75 239 42 / .7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px #fff0;
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 #fff0;
	}
}

@keyframes pulse-green {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgb(75 239 42 / .7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px #fff0;
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 #fff0;
	}
}

@media (max-width:991.98px) {
	.intercom-namespace .intercom-with-namespace-52k34s {
		bottom: 70px!important;
	}

	.pay-meth {
		padding-left: 0;
	}

	.appContent {
		padding-bottom: 65px;
	}

	.stm-hello .row {
		margin: auto;
	}

	.stm-hello .col-6 {
		padding-right: 5px;
		padding-left: 5px;
	}

	.acc_sta_box {
		padding: 10px 5px;
		gap: 5px;
	}

	.acc_sta_box .icon {
		width: 32px;
		height: 32px;
		font-size: 16px;
	}

	.acc_sta_box h2 {
		font-size: 13px;
	}

	.swiper-ugc {
		overflow: hidden;
	}

	.career-content {
		padding: 0;
	}

	.career-content h1 {
		font-size: 18px;
	}

	.career-content h2 {
		font-size: 24px;
	}

	.career-content p {
		max-width: auto;
		margin: 0;
	}

	.career-second {
		padding: 50px 0;
	}

	.career-banner {
		flex-direction: column;
		text-align: center;
	}

	.career-comment .marks-left,.career-comment .marks-right {
		display: none;
	}

	.meet-owner-area {
		flex-direction: column;
	}

	.meet-owner-left,.meet-owner-right {
		flex-direction: column;
	}

	.mo-content-left,.mo-content-right {
		flex-direction: column;
		margin-top: 0;
		height: auto;
		width: 88%;
		padding: 10px;
		text-align: center;
	}

	.meet-owner-right .mo-content-right {
		order: 2;
	}

	.meet-owner-right .mo-img-right {
		order: 1;
	}

	.meet-header {
		margin-bottom: 25px;
	}

	.story-img-1,.story-img-5 {
		margin-bottom: 35px;
	}

	.story-highlight {
		font-size: 20px;
		line-height: 32px;
	}

	.story-img-5 img {
		max-width: 100%!important;
	}

	.story-text-4 h3 {
		font-size: 20px;
		line-height: 28px;
		text-align: center;
	}

	.story-table {
		gap: 20px;
		padding: 15px;
		margin: auto;
		margin-top: 15px;
	}

	.story-text-1,.story-text-4,.story-text-5 {
		text-align: center;
	}

	.story-text-4 a,.story-text-1 a {
		justify-content: center;
	}

	.story-text-5 h3 {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.story-5 {
		padding: 0;
	}

	.story-4 {
		margin: 0;
	}

	.story-text-1 .story-arrow-1 {
		top: 15px;
		left: 125px;
		width: 200px;
	}

	.story-2 {
		padding: 50px 0;
	}

	.story-6 {
		padding: 25px 0;
	}

	.story-img-6 .si6-big {
		max-width: 100%;
	}

	.story-text-6 {
		max-width: 300px;
		padding: 15px;
		font-size: 13px;
	}

	.story-7 {
		padding: 25px 0;
	}

	.story-title-7 {
		margin-bottom: 30px;
	}

	.story-title-7 small {
		font-size: 14px;
		font-weight: 700;
	}

	.story-title-7 h4 {
		font-size: 24px;
		font-weight: 700;
	}

	.header-menu {
		gap: 7px;
	}

	.hidden-mobile {
		display: none;
	}

	.card-2 h3 {
		font-size: 18px;
	}

	.acc-drop .icon {
		width: 36px;
		height: 36px;
	}

	.footer-services {
		margin: auto;
	}

	.footer-social {
		display: flex;
		justify-content: center;
		margin: auto;
		gap: 10px;
	}

	.footer-social ul li {
		margin: 0 10px;
	}

	.out-pages {
		padding-bottom: 55px;
	}

	.page-alt .col-lg:last-child {
		margin: auto;
	}
}

.sf-1 {
	background: #a5dbc7;
	background: linear-gradient(180deg,#a5dbc7 0%,#ffffff 100%);
	position: relative;
	padding: 50px 0;
}

.sf-1 h1 {
	color: #171717;
	font-size: 42px;
	font-weight: 800;
	text-align: center;
}

.sf-1 h1 span {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.sf-1 h1 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #34d399;
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: .15;
}

.sf-1 p {
	color: #171717;
	text-align: center;
	max-width: 750px;
	margin: 25px auto 0 auto;
}

.sf-1 .sf-wrapper {
	display: flex;
	gap: 35px;
	margin-top: 60px;
}

.sf-1 .sf-wrapper .sf-img {
	width: 153px;
	height: 120px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	position: relative;
	z-index: 1;
	margin-top: 30px;
}

.sf-1 .sf-wrapper .sf-img img {
	width: 153px;
	position: relative;
	z-index: 1;
}

.sf-1 .sf-wrapper .sf-img::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 10px;
	right: 0;
	bottom: 0;
	border-radius: 100%;
	background: #053e29;
	opacity: .1;
	width: 100px;
	height: 100px;
	animation: ripple 1.75s infinite ease-out;
}

.sf-1 .sf-wrapper .sf-img::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 100%;
	background: #053e29;
	opacity: .03;
	width: 120px;
	height: 120px;
	animation: ripple 1.75s infinite ease-out;
}

@keyframes ripple {
	0% {
		transform: scale(1);
		opacity: .2;
	}

	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}

.sf-1 .sf-form {
	width: 100%;
}

.sf-1 .sf-form .form {
	background: #eef2fe;
	border-radius: 20px;
	border: 1px solid #cdd6f2;
	padding: 35px 20px;
	width: 100%;
}

.sf-1 .sf-form .form .sf-group-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 60px;
}

.sf-1 .sf-form .form .sf-group {
	width: 100%;
}

.sf-1 .sf-form .form .sf-group label {
	color: #0c0c0c;
}

.sf-1 .sf-form .form .sf-group .form-control,.sf-1 .sf-form .form .sf-group .form-control:hover,.sf-1 .sf-form .form .sf-group .form-control:focus {
	border-radius: 10px;
	border: 1px solid #cdd6f2!important;
	background: #fff;
	color: #171717;
	height: 50px;
	width: 100%;
}

.sf-1 .sf-form .btn-sf {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #27684a;
	background: -moz-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	font-size: 16px;
	color: #fff!important;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	line-height: 18px;
	padding: 15px 30px;
	border-radius: 10px;
	width: 100%;
	transition: 150ms all;
	position: relative;
	overflow: hidden;
}

.sf-1 .sf-form .btn-sf:before {
	content: '';
	position: absolute;
	left: -20%;
	top: -10%;
	width: 0;
	height: 100%;
	transform: rotate(15deg) scale(1,2);
	box-shadow: 0 0 30px 15px rgb(255 255 255 / .2);
	animation: button-glow 2000ms ease-in-out infinite;
}

@keyframes button-glow {
	0% {
		left: -20%;
	}

	50% {
		left: 120%;
	}

	100% {
		left: 120%;
	}
}

.sf-1 .sf-content {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.sf-1 .sf-content .text p {
	text-align: left;
	margin: 0;
	color: #246546;
}

.sf-1 .sf-content .text p i {
	color: #246546;
}

.sf-1 .sf-content .sf-count {
	display: flex;
	align-items: center;
	gap: 60px;
	margin-top: 50px;
}

.sf-1 .sf-content .sf-count small {
	font-size: 28px;
	font-weight: 700;
	color: #000;
}

.sf-1 .sf-content .text p {
	text-align: left;
	margin: 0;
	color: #246546;
}

.sf-1 .sf-content .sf-count p {
	font-size: 15px;
	color: #246546;
}

.sf-1 .sf-bg-effects .sf-bg-1,.sf-1 .sf-bg-effects .sf-bg-2,.sf-1 .sf-bg-effects .sf-bg-3 {
	position: absolute;
}

.sf-1 .sf-bg-effects .sf-bg-1 {
	max-width: 200px;
	top: 0;
	left: 0;
}

.sf-1 .sf-bg-effects .sf-bg-2 {
	max-width: 150px;
	top: 0;
	right: 0;
}

.sf-1 .sf-bg-effects .sf-bg-3 {
	max-width: 200px;
	bottom: -100px;
	right: 0;
}

.sf-2 {
	margin: 75px 0;
}

.sf-2 .ww-content small {
	font-size: 18px;
	font-weight: 700;
	color: #246546;
}
 
.sf-3 {  
  	background: rgb(255 0 0 / .05);
	padding: 50px 0;
}
  
.sf-3 .ww-boxes {
	background: url(https://storage.perfectcdn.com/966zjr/xfr4y83jol1ybf3e.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 35px 350px 100px 25px;
	border-radius: 23px;
	position: relative;
}

.sf-3 .ww-boxes .ww-boxes-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 200px;
}

.sf-3 .ww-boxes h3 {
	font-size: 24px;
	font-weight: 700;
	color: #000;
}

.sf-3 .ww-boxes p {
	color: #7a86a1;
}

.sf-3 .ww-boxes img {
	position: absolute;
	top: -54px;
	right: 10px;
	max-width: 275px;
}

.sf-3 .ww-boxes .btn {
	border-radius: 10px;
}

.sf-4 {
	margin: 75px 0;
}
 
.sf-5 {
	background: linear-gradient(180deg, rgb(255, 0, 0, .15) 0%, #ffffff 100%);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 75px 0 125px 0;
}
 
.sf-5 .ww-boxes-2 {
	background: url(https://storage.perfectcdn.com/966zjr/t7go0d49ru4dlymp.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 23px;
	position: relative;
}

.sf-5 .ww-boxes-2 .ww-b2-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	max-width: 375px;
	padding: 75px 50px;
	text-align: center;
}

.sf-5 .ww-boxes-2 h3 {
	font-size: 24px;
	color: #fff;
}

.sf-5 .ww-boxes-2 p {
	font-size: 14px;
	color: #f6efff;
	max-width: 200px;
	margin: auto;
}

.sf-5 .ww-boxes-2 .btn {
	background: #fff;
	border-radius: 10px;
	color: #3c7258!important;
	height: 50px;
	line-height: 25px;
	max-width: 225px;
	margin: auto;
}

.sf-5 .ww-boxes-2 .btn:hover,.sf-5 .ww-boxes-2 .btn:focus {
	background: #ffffff90!important;
	color: #3c7258!important;
	opacity: .9;
}

.sf-6 {
	margin: 0 0 100px 0;
}

.ww-content small {
	font-size: 18px;
	font-weight: 700;
	color: #246546;
}

.ww-content h2 {
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -1.2px;
  	line-height: 42px;
    color: #171717 
}

.ww-content h2 span {
    background: #27684a;
    background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
    background: -webkit-linear-gradient(163deg, #27684a 0%, #35c581 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    font-weight: 900;
    position: relative;
}

.free-youtube-pages .ww-content h2 span {
    background: #F03;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    font-weight: 800;
    position: relative;
}
 
.ww-content h2 span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #34d399;
    top: 60%;
    width: 100%;
    height: 32%;
    opacity: .15;
    z-index: 0;
}

.free-youtube-pages .ww-content h2 span:before {
    background-color: #F03;
}
 
.ww-content p {
	font-size: 14px;
	color: #7b7b7b; 
}

.sf-7 .sf-banner {
	background: url(https://storage.perfectcdn.com/966zjr/31a65nxkqx8ghnqa.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 15px;
	position: relative;
	padding: 60px 60px 125px 60px;
}

.sf-7 .sf-banner h2 {
	font-size: 42px;
	color: #dafff1;
	max-width: 525px;
}

.sf-7 .sf-banner p {
	font-size: 18px;
	color: #dafff1;
	max-width: 525px;
}

.sf-8 {
	margin: 125px 0;
}

.sf-9 h2 {
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -1.2px;
    color: #171717;
    margin-bottom: 0; 
}

.sf-10 {
	margin: 50px 0;
}

.sf-10 .sf-contact {
	background: linear-gradient(145deg, rgb(255 255 255 / .25), rgb(255 255 255 / .15));
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='552' fill='none'><g clip-path='url(%23a)'><path fill='%23266849' d='M0 0h600v552H0z'/><path fill='%23000' fill-rule='evenodd' d='m-33.09 201.72-62.903 150.81-98.287-40.947L-2.263-148.772l102.218 24.723-32.644 405.725 172.996-565.449 104.009 19.578-39.302 515.671 99.377-338.893 104.107 9.957 30.241 321.585 33.336-158.813 104.926 4.134 45.749 357.169-105.63 13.563-5.657-44.163-40.717 193.976-105.123-5.913-37.162-395.174-163.989 559.233-104.188-18.984 41.353-542.571L25.884 781.045l-103.992-19.803 45.019-559.522Z' clip-rule='evenodd' opacity='.1'/></g><path stroke='%23266849' d='M.5.5h599v551H.5z'/><defs><clipPath id='a'><path fill='%23fff' d='M0 0h600v552H0z'/></clipPath></defs></svg>");
	background-size: cover;
    background-position: center;
	border-radius: 15px;
	padding: 50px;
}

.sf-10 .sf-contact {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sf-10 .sf-contact .sf-wrapper {
	display: flex;
	align-items: center;
	gap: 25px;
}

.sf-10 .sf-contact .sf-wrapper .sf-arrow i {
	background: #dafff1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	color: #000;
}

.sf-10 .sf-contact .sf-wrapper .sf-arrow i:before {
	transform: rotate(-30deg);
}

.sf-10 .sf-contact .sf-head {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.sf-10 .sf-contact .sf-head,.sf-10 .sf-contact .sf-head a {
	font-size: 20px;
	font-weight: 700;
	color: #fff!important;
}

.sf-10 .sf-contact .sf-head a:hover {
	color: #fff!important;
	opacity: .7;
}

.sf-10 .sf-contact .sf-text {
	font-size: 16px;
	color: #fff;
}

@media (max-width:991.98px) {
	.sf-1 .sf-wrapper {
		gap: 40px;
		margin-top: 30px;
		flex-direction: column;
	}

	.sf-1 .sf-form .form {
		padding: 30px 25px;
	}

	.sf-1 .sf-form .form .sf-group-item {
		gap: 15px;
		flex-direction: column;
	}

	.sf-1 h1 {
		font-size: 24px;
	}

	.sf-1 .sf-bg-effects .sf-bg-1 {
		width: 75px;
		left: -30px;
		top: -10px;
	}

	.sf-1 .sf-bg-effects .sf-bg-2 {
		top: 275px;
		right: 0;
		width: 100px;
	}

	.sf-1 .sf-bg-effects .sf-bg-3 {
		bottom: -80px;
		width: 75px;
	}

	.sf-card {
		padding-top: 25px;
	}

	.sf-1 p {
		font-size: 14px;
		margin: 15px auto 0 auto;
	}

	.sf-1 .sf-content {
		margin-top: 30px;
		flex-direction: column;
	}

	.sf-1 .sf-content .text p {
		font-size: 12px;
	}

	.sf-1 .sf-content .image {
		margin-top: 30px;
	}

	.sf-1 .sf-content .sf-count {
		gap: 40px;
		margin-top: 25px;
		justify-content: center;
		text-align: center;
	}

	.sf-1 .sf-content .sf-count .item p {
		text-align: center;
	}

	.sf-1 .sf-wrapper .sf-img {
		width: 153px;
		height: 120px;
	}

	.sf-1 .sf-wrapper .sf-img img {
		width: 153px;
		height: auto;
	}

	.sf-2 {
		margin: 100px 0 0 0;
	}
 
	.sf-3 {
		padding: 50px 0 25px 0;
	}

	.sf-3 .ww-boxes {
		padding: 50px 15px;
		width: 100%;
	}

	.sf-3 .ww-boxes img {
		display: none;
	}

	.sf-3 .ww-boxes .ww-boxes-text {
		text-align: center;
		max-width: 250px;
		margin: auto;
	}
 
	.sf-5 {
		padding: 25px 0 50px 0;
	}
 
	.sf-6 {
		margin: 0 0 50px 0;
	}
 
	.sf-7 .sf-banner {
		padding: 50px;
		text-align: center;
	}

	.sf-7 .sf-banner h2 {
		font-size: 24px;
		max-width: 100%;
	}

	.sf-8 {
		margin: 50px 0;
	}

	.sf-9 h2 {
		font-size: 26px;
	}

	.sf-9 .bf-box {
		text-align: center;
	}

	.sf-10 {
		margin: 25px 0;
	}

	.sf-10 .sf-contact {
		gap: 15px;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding: 25px 50px;
	}

	.sf-10 .sf-contact .sf-wrapper {
		gap: 10px;
		flex-direction: column;
	}
}

.fontOutfit {
	font-family: "Inter",sans-serif;
}

.bf-card {
	font-family: "Inter",sans-serif;
	display: flex;
	flex-direction: column;
	gap: 25px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.bf-card .trust {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

.bf-card .trust .stars {
	max-height: 15px;
}

.bf-card .trust .tpilot {
	max-height: 25px;
}

.bf-card h1 {
	font-size: 42px;
	font-weight: 700;
	color: #000;
	max-width: 900px;
	margin: auto;
}

.bf-card h1 span {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
}

.bf-card p {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	max-width: 750px;
	margin: auto;
}

.bf-1 {
	background: #fff;
	position: relative;
	padding: 50px 0 100px 0;
	overflow: hidden;
}

.bf-1:before {
	content: url(https://storage.perfectcdn.com/966zjr/c73684s9fi0kgp44.png);
	position: absolute;
	z-index: 1;
	left: -100px;
	bottom: 0;
	max-height: 900px;
}

.bf-1:after {
	content: url(https://storage.perfectcdn.com/966zjr/yfuuyqxre4nhhxfm.png);
	position: absolute;
	z-index: 1;
	right: -100px;
	bottom: 0;
	max-height: 900px;
}

.bf-1 .sf-bg-effects .sf-bg-1,.bf-1 .sf-bg-effects .sf-bg-2 {
	position: absolute;
	z-index: 2;
}

.bf-1 .sf-bg-effects .sf-bg-1 {
	max-width: 175px;
	top: 0;
	left: 0;
}

.bf-1 .sf-bg-effects .sf-bg-2 {
	max-width: 150px;
	top: 0;
	right: 0;
}

.bf-form {
	display: flex;
	align-items: center;
	gap: 100px;
	background: #fff;
	border-radius: 15px;
	padding: 20px 35px 35px 35px;
	box-shadow: 0 34px 35px rgb(160 171 191 / .21);
	border: 1px solid #ebebeb;
	margin-top: 35px;
	position: relative;
	z-index: 2;
}

.bf-form .bf-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
}

.bf-form .bf-wrapper .bfg-item .bf-group {
	position: relative;
	margin: 15px 0;
	width: 100%;
}

.bf-form .bf-wrapper .bfg-item .bf-group span.piece {
	position: absolute;
	bottom: -20px;
	left: 0;
	font-size: 11px;
	color: #7a86a1;
}

.bf-form .bf-img img {
	position: relative;
	width: 250px;
	height: 145px;
	z-index: 3;
}

.bf-form .bf-img {
	width: 250px;
	height: 145px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	position: relative;
	z-index: 1;
}

.bf-form .bf-img::before {
	content: "";
	position: absolute;
	left: 50px;
	top: 15px;
	right: 0;
	bottom: 0;
	border-radius: 100%;
	background: #053e29;
	opacity: .1;
	width: 120px;
	height: 120px;
	animation: ripple 1.75s infinite ease-out;
}

.bf-form .bf-img::after {
	content: "";
	position: absolute;
	left: 40px;
	top: 5px;
	right: 0;
	bottom: 0;
	border-radius: 100%;
	background: #053e29;
	opacity: .03;
	width: 140px;
	height: 140px;
	animation: ripple 1.75s infinite ease-out;
}

.bf-form .bf-wrapper .bfg-item {
	display: flex;
	gap: 50px;
	width: 100%;
}

.bf-form .bf-wrapper .form-control,.bf-form .bf-wrapper .form-control:hover,.bf-form .bf-wrapper .form-control:focus {
	border-radius: 15px;
	border: 1px solid #ebebeb;
}

.bf-form .bf-group input::placeholder {
	font-size: 14px;
	font-weight: 400;
	color: #7a86a1;
}

.bf-form .bf-wrapper .bf-price {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-bottom: 6px;
	font-size: 16px;
}

.bf-form .bf-wrapper .bf-price .price {
	font-weight: 700;
}

.bf-form .bf-wrapper .bf-price .text {
	font-weight: 700;
	color: #7a86a1;
}

.bf-form .bf-wrapper .bfg-item .btn-primary {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	height: 50px;
	line-height: 18px;
	width: 100%;
	transition: 150ms all;
	box-shadow: 5px 0 15px 5px rgb(25 154 95 / .31);
	position: relative;
	overflow: hidden;
}

.bf-form .bf-wrapper .bfg-item .btn-primary:hover,.bf-form .bf-wrapper .bfg-item .btn-primary:focus {
	background: #27684a;
	background: -moz-linear-gradient(333deg,#27684a 0%,#35c581 100%)!important;
	background: -webkit-linear-gradient(333deg,#27684a 0%,#35c581 100%)!important;
	transition: 150ms all;
}

.bf-form .bf-wrapper .bfg-item .btn-primary:before {
	content: '';
	position: absolute;
	left: -20%;
	top: -10%;
	width: 0;
	height: 100%;
	transform: rotate(15deg) scale(1,2);
	box-shadow: 0 0 30px 15px rgb(53 197 129 / .7);
	animation: button-glow 3000ms ease-in-out infinite;
}

.bf-alt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 35px;
	position: relative;
	z-index: 2;
}

.bf-alt .head-features {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	white-space: nowrap;
}

.bf-alt .head-features i {
	color: #97c322;
}

.bf-alt .head-review {
	justify-content: center;
	gap: 25px;
}

.bf-alt .head-review .hr-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}

.bf-alt .head-review .hr-text img {
	max-height: 40px;
}

.bf-alt .head-review .hr-text span {
	font-family: "Inter",sans-serif;
	font-size: 16px;
	color: #7a86a1;
}

.bf-alt .head-review .hr-text span>span {
	color: #4a5264;
}

.bf-2 {
	position: relative;
	overflow: hidden;
	margin: -150px 0 0 0;
	padding: 100px 0 50px 0;
}

.bf-2#story .story-sliders {
	position: relative;
}

.bf-2#story .story-sliders .swiper-wrapper {
	-webkit-transition-timing-function: linear!important;
	transition-timing-function: linear!important;
	position: relative;
	pointer-events: none;
}

.bf-2#story .story-sliders .swiper-wrapper .swiper-slide {
	width: -webkit-max-content!important;
	width: -moz-max-content!important;
	width: max-content!important;
}

.bf-2#story .story-sliders.slider {
	position: relative;
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	padding: 25px 0;
	color: #fff;
	width: 140%;
	left: -30%;
}

.bf-2#story .story-sliders.slider:first-of-type {
	-webkit-transform: rotate(-11deg);
	transform: rotate(-11deg);
	z-index: 10;
}

.bf-2#story .story-sliders.slider:last-of-type {
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.bf-2#story .story-sliders.slider .swiper-slide span {
	position: relative;
}

.bf-2#story .story-sliders.slider .swiper-slide span::after {
	position: absolute;
	font-family: "remixicon";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f53f";
	left: -100px;
	color: #e3ff04;
}

.bf-2#story .story-sliders.slider .swiper-slide span {
	font-size: 28px;
	font-weight: 700;
	color: #fff;
}

.bf-3 {
	margin: 50px 0;
}

.bf-3 .bf-login-wrapper {
	background: #e4f1eb;
	border-radius: 15px;
	padding: 50px;
}

.bf-3 .bf-login-wrapper .bf-login .bf-item .form-control {
	border-radius: 15px;
}

.bf-3 .bf-login-wrapper .bf-login .bf-item input::placeholder {
	font-size: 14px;
	font-weight: 400;
	color: #7a86a1;
}

.bf-3 .bf-login-wrapper .bf-login {
	display: flex;
	align-items: center;
	gap: 30px;
}

.bf-3 .bf-login-wrapper .bf-login .bf-item {
	width: 100%;
}

.bf-3 .bf-login-wrapper .bf-login .bf-item .btn-primary {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	height: 50px;
	line-height: 18px;
	width: 100%;
	max-width: 250px;
	margin-left: auto;
	transition: 150ms all;
}

.bf-3 .bf-login-wrapper .bf-login .bf-item .btn-primary:hover,.bf-3 .bf-login-wrapper .bf-login .bf-item .btn-primary:focus {
	background: #27684a;
	background: -moz-linear-gradient(333deg,#27684a 0%,#35c581 100%)!important;
	background: -webkit-linear-gradient(333deg,#27684a 0%,#35c581 100%)!important;
	transition: 150ms all;
}

.bf-3 .bf-login-wrapper .bf-login .bf-item .btn-secondary {
	background: #89604a;
	background: -moz-linear-gradient(163deg,#6b442f 0%,#b37958 100%);
	background: -webkit-linear-gradient(163deg,#6b442f 0%,#b37958 100%);
	background: linear-gradient(163deg,#6b442f 0%,#b37958 100%);
	height: 50px;
	line-height: 18px;
	width: 100%;
	max-width: 250px;
	margin-left: auto;
	transition: 150ms all;
	margin-top: 10px;
}

.bf-3 .bf-login-wrapper .bf-login .bf-item .btn-secondary:hover,.bf-3 .bf-login-wrapper .bf-login .bf-item .btn-secondary:focus {
	background: #89604a;
	background: -moz-linear-gradient(333deg,#6b442f 0%,#b37958 100%)!important;
	background: -webkit-linear-gradient(333deg,#6b442f 0%,#b37958 100%)!important;
	background: linear-gradient(333deg,#6b442f 0%,#b37958 100%)!important;
	transition: 150ms all;
}

.bf-3 .bf-login-wrapper .bf-login-alt .bf-item .form-check {
	padding-left: 0;
}

.bf-3 .bf-login-wrapper .bf-login-alt {
	display: flex;
	gap: 240px;
	margin-top: -15px;
}

.bf-3 .bf-login-wrapper .bf-title-text {
	margin-bottom: 0;
}

.bf-4 {
	background: url(https://storage.perfectcdn.com/966zjr/ncry4wkx1jpnccfx.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0 125px 0;
}

.bf-4 .bf-box {
	background: url(https://storage.perfectcdn.com/966zjr/07d2xlwkruh0b0cb.png),#fff;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-radius: 15px;
	padding: 25px 35px 0 35px;
	box-shadow: 0 34px 35px rgb(160 171 191 / .21);
	border: 1px solid #ebebeb;
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin-bottom: 25px;
	min-height: 265px;
}

.bf-4 .bf-box h2,.bf-4 .bf-box h3 {
	font-size: 18px;
	font-weight: 700;
}

.bf-4 .bf-box p {
	line-height: 18px;
	color: #000;
	min-height: 75px;
}

.bf-4 .bf-box .bf-box-1 {
	margin-top: -20px;
}

.bf-4 .bf-box .bf-box-2 {
	margin-top: -10px;
}

.bf-4 .bf-box .bf-box-3 {
	margin-top: -10px;
}

.bf-4 .bf-box .bf-box-4 {
	margin-top: -20px;
}

.bf-4 .bf-box .bf-box-5 {
	margin-top: -20px;
}

.bf-4 .bf-box .bf-box-6 {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 325px;
}

.bf-title {
	margin-top: 100px;
}

.bf-title .bf-header {
	display: flex;
	justify-content: center;
	text-align: center;
}

.bf-title .bf-header h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 65px;
	letter-spacing: -1px;
	margin-bottom: 15px;
	color: #101010;
}

.bf-title .bf-header h2 span {
	position: relative;
	display: inline-block;
	color: #27684a;
	font-weight: 700;
}

.bf-title .bf-header h2 span::after {
	content: '';
	background-image: url(https://storage.perfectcdn.com/966zjr/1pr48x93jazq9a3y.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	width: 80%;
	height: 20px;
	margin-inline: auto;
}

.bf-5 .swiper-ugc {
	overflow: hidden;
}

.bf-6 {
	margin: 100px 0;
	position: relative;
}

.bf-6 .bf-line {
	position: absolute;
	left: 0;
	right: 0;
	top: 200px;
	width: 100%;
	margin-inline: auto;
	max-width: 700px;
	margin: auto;
}

.bf-6 .bf-header {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin-bottom: 50px;
}

.bf-6 .bf-header h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 65px;
	letter-spacing: -1px;
	color: #101010;
}

.bf-6 .bf-header h2 span {
	position: relative;
	display: inline-block;
	color: #27684a;
	font-weight: 700;
}

.bf-6 .bf-header p {
	color: #101010;
}

.bf-6 .hto-box {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	text-align: center;
}

.bf-6 .hto-box img {
	max-width: 225px;
}

.bf-6 .hto-box .number {
	background: #27684a;
	width: 45px;
	height: 45px;
	text-align: center;
	font-size: 28px;
	line-height: 45px;
	border-radius: 5px;
	color: #fff;
	margin-top: 15px;
}

.bf-6 .hto-box h3 {
	font-size: 20px;
	font-weight: 700;
	color: #27684a;
}

.bf-6 .hto-box p {
	max-width: 250px;
	color: #101010;
}

.bf-6::before {
	content: "";
	position: absolute;
	top: 300px;
	left: -100px;
	width: 20%;
	height: 100%;
	transition: .14s ease;
	background: #28cb69;
	background: linear-gradient(120deg,#63ffb4 0%,#fff 100%);
	border-radius: 100px;
	filter: blur(150px);
	z-index: 0;
}

.bf-7 .main-faq .faq-item {
	background-color: var(--color-10);
	color: #256848;
	padding: 20px;
	border-radius: 10px;
}

.bf-7 .main-faq .faq-item .faq-head {
	font-weight: 700;
	color: #256848;
}

.bf-7 .main-faq .faq-item .faq-content {
	color: #256848;
}

.bf-7 .bf-faq-title h2 {
	font-size: 36px;
	font-weight: 700;
	color: #232323;
	max-width: 200px;
}

.bf-7 .bf-faq-title h2 span {
	color: #256848;
}

.bf-8 {
	margin: 100px 0;
}

.bf-8 .bf-header {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin-bottom: 50px;
}

.bf-8 .bf-header h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 65px;
	letter-spacing: -1px;
	color: #101010;
}

.bf-8 .bf-header h2 span {
	position: relative;
	display: inline-block;
	color: #27684a;
	font-weight: 700;
}

.bf-8 .feat-table {
	display: flex;
	gap: 15px;
	background: #eef2fe;
	border: 1px solid #4d744b;
	border-radius: 15px;
}

.bf-8 .feat-table .feat-first {
	background: url(https://storage.perfectcdn.com/966zjr/nbxqj233e24nrb80.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	gap: 50px;
	width: 325px;
	padding: 15px 30px;
	color: #fff;
	border-radius: 14px 0 0 14px;
}

.bf-8 .feat-table .feat-first ul {
	padding-left: 0;
	list-style-type: none;
}

.bf-8 .feat-table .feat-first ul li {
	padding-top: 15px;
}

.bf-8 .feat-table .feat-first small {
	font-size: 18px;
	font-weight: 700;
}

.bf-8 .feat-table .feat-wrapper {
	display: flex;
	gap: 50px;
	width: 100%;
	padding: 15px 35px;
}

.bf-8 .feat-table .feat-wrapper .feat-item {
	width: 100%;
}

.bf-8 .feat-table .feat-wrapper .feat-item .feat-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
	color: #000;
}

.bf-8 .feat-table .feat-wrapper .feat-item.feat-other {
	border-right: 3px solid #fff;
}

.bf-8 .feat-table .feat-wrapper .feat-item.feat-other .feat-list i {
	color: #dd4a4a;
}

.bf-8 .feat-table .feat-wrapper .feat-item.feat-our .feat-list i {
	color: #258454;
}

.bf-8 .feat-table .feat-wrapper .feat-item .feat-item-head {
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}

.bf-8 .feat-table .feat-wrapper .feat-item .feat-item-head small {
	font-size: 18px;
	color: #000;
}

.bf-8 .feat-table .feat-wrapper .feat-item.feat-other .feat-item-head span {
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	color: #9e1818;
}

.bf-8 .feat-table .feat-wrapper .feat-item.feat-our .feat-item-head span {
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	color: #258454;
}

.bf-8 .feat-table .feat-wrapper .feat-item .feat-item-head p {
	font-size: 13px;
	color: #000;
}

.bf-9 {
	background: url(https://storage.perfectcdn.com/966zjr/0c6krfeu8rdmcf2s.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 15px 30px 60px 30px;
	margin-bottom: 50px;
}

.bf-9 .bf-header {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin-bottom: 35px;
}

.bf-9 .bf-header h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 65px;
	letter-spacing: -1px;
	color: #fff;
}

.bf-9 #userSlide {
	position: relative;
}

.bf-9 #userSlide .user-item {
	background: #fff0;
	border-radius: 15px;
	padding: 25px;
	position: relative;
	border: 1px solid #fff0;
	background-clip: padding-box;
}

.bf-9 #userSlide .user-item::after {
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	background: linear-gradient(to bottom right,rgb(255 255 255 / .2),transparent);
	z-index: -1;
	border-radius: 15px;
}

.bf-9 #userSlide .slick-slide {
	transform: scale(.85)!important;
	transition: 150ms all;
}

.bf-9 #userSlide .slick-slide.slick-current+.slick-active {
	transform: scale(1)!important;
	transition: 150ms all;
}

.bf-9 #userSlide .fa-chevron-left,.bf-9 #userSlide .fa-chevron-left:focus,.bf-9 #userSlide .fa-chevron-right,.bf-9 #userSlide .fa-chevron-right:focus {
	position: absolute;
	background: rgb(0 0 0 / .3);
	border: 1px solid #91e8b4!important;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 24px;
	z-index: 100;
}

.bf-9 #userSlide .fa-chevron-left {
	top: 60px;
	left: -75px;
}

.bf-9 #userSlide .fa-chevron-right {
	top: 60px;
	right: -75px;
}

.bf-9 #userSlide .slick-dots {
	display: none!important;
}

.bf-9 #userSlide .user-item .ui-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bf-9 #userSlide .user-item .ui-wrapper .ui-profile {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
}

.bf-9 #userSlide .user-item .ui-wrapper .ui-profile .ui-name span {
	font-weight: 700;
}

.bf-9 #userSlide .user-item .ui-wrapper .ui-profile .ui-name {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.bf-9 #userSlide .user-item .ui-wrapper .ui-profile img {
	width: 50px;
}

.bf-9 #userSlide .user-item .ui-wrapper .ui-stars {
	background: #91e8b4;
	color: #4b8271;
	width: max-content;
	height: 100%;
	border-radius: 25px;
	padding: 0 5px 5px 5px;
	line-height: 1;
}

.bf-9 #userSlide .user-item .ui-wrapper .ui-stars i {
	font-size: 7px;
}

.bf-9 #userSlide .user-item .ui-text {
	margin-top: 15px;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
}

.bf-10 {
	background: url(https://storage.perfectcdn.com/966zjr/ex49ldgekndb0cjw.png),#e4fff2;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 25px 0;
	margin-bottom: 50px;
	border-top: 1px solid #2b714f;
	border-bottom: 1px solid #2b714f;
}

.bf-10 .bf-counter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
}

.bf-10 .bf-counter .item {
	display: flex;
	align-items: center;
	flex-direction: column;
	border-right: 3px solid #2b714f;
	padding-right: 85px;
}

.bf-10 .bf-counter .item:last-child {
	border: none;
}

.bf-10 .bf-counter .item small {
	font-size: 32px;
	font-weight: 700;
	color: #2b714f;
}

.bf-10 .bf-counter .item span {
	font-size: 14px;
	color: #000;
}

.bf-11 {
	margin: 100px 0;
}

.bf-11 .ww-content small {
	font-size: 18px;
	font-weight: 700;
	color: #246546;
}

.bf-11 .ww-content h2 {
	font-size: 36px;
	font-weight: 700;
	padding: 10px 0 15px 0;
	color: #0e0e0e;
}

.bf-11 .ww-content p {
	font-size: 14px;
	color: #0e0e0e;
}

.bf-12 {
	padding: 0 0 100px 0;
}

.bf-12 .ww-content small {
	font-size: 18px;
	font-weight: 700;
	color: #246546;
}

.bf-12 .ww-content h2 {
	font-size: 36px;
	font-weight: 700;
	padding: 10px 0 15px 0;
	color: #0e0e0e;
}

.bf-12 .ww-content p {
	font-size: 14px;
	color: #0e0e0e;
}

.bf-12 .ww-boxes {
	background: url(https://storage.perfectcdn.com/966zjr/xfr4y83jol1ybf3e.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 35px 350px 109px 25px;
	border-radius: 23px;
	position: relative;
}

.bf-12 .ww-boxes .ww-boxes-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 200px;
}

.bf-12 .ww-boxes h3 {
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

.bf-12 .ww-boxes p {
	color: #7a86a1;
}

.bf-12 .ww-boxes img {
	position: absolute;
	bottom: 0;
	right: 10px;
	max-width: 275px;
}

.bf-12 .ww-boxes .btn {
	border-radius: 10px;
}

.bf-13 {
	background: url(https://storage.perfectcdn.com/966zjr/ncry4wkx1jpnccfx.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 115px 0 125px 0;
}

.bf-13 .ww-content small {
	font-size: 18px;
	font-weight: 700;
	color: #246546;
}

.bf-13 .ww-content h2 {
	font-size: 36px;
	font-weight: 700;
	padding: 10px 0 15px 0;
	color: #0e0e0e;
}

.bf-13 .ww-content p {
	font-size: 14px;
	color: #0e0e0e;
}

.bf-13 .ww-boxes-2 {
	background: url(https://storage.perfectcdn.com/966zjr/t7go0d49ru4dlymp.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 23px;
	position: relative;
}

.bf-13 .ww-boxes-2 .ww-b2-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	max-width: 375px;
	padding: 75px 50px;
	text-align: center;
}

.bf-13 .ww-boxes-2 h3 {
	font-size: 24px;
	color: #fff;
}

.bf-13 .ww-boxes-2 p {
	font-size: 14px;
	color: #f6efff;
	max-width: 200px;
	margin: auto;
}

.bf-13 .ww-boxes-2 .btn {
	background: #fff;
	border-radius: 10px;
	color: #3c7258!important;
	height: 50px;
	line-height: 25px;
	max-width: 225px;
	margin: auto;
}

.bf-13 .ww-boxes-2 .btn:hover,.bf-13 .ww-boxes-2 .btn:focus {
	background: #ffffff90!important;
	color: #3c7258!important;
	opacity: .9;
}

.bf-14 {
	margin: 0 0 100px 0;
}

.bf-14 .ww-content small {
	font-size: 18px;
	font-weight: 700;
	color: #246546;
}

.bf-14 .ww-content h2 {
	font-size: 36px;
	font-weight: 700;
	padding: 10px 0 15px 0;
	color: #0e0e0e;
	max-width: 450px;
}

.bf-14 .ww-content p {
	font-size: 14px;
	color: #0e0e0e;
	max-width: 500px;
}

.bf-15 {
	margin: 50px 0;
}

.bf-15 .sf-contact {
	background: #276949;
	border-radius: 15px;
	padding: 50px;
}

.bf-15 .sf-contact {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bf-15 .sf-contact .sf-wrapper {
	display: flex;
	align-items: center;
	gap: 25px;
}

.bf-15 .sf-contact .sf-wrapper .sf-arrow i {
	background: #dafff1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	color: #000;
}

.bf-15 .sf-contact .sf-wrapper .sf-arrow i:before {
	transform: rotate(-30deg);
}

.bf-15 .sf-contact .sf-head {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.bf-15 .sf-contact .sf-head,.bf-15 .sf-contact .sf-head a {
	font-size: 20px;
	font-weight: 700;
	color: #fff!important;
}

.bf-15 .sf-contact .sf-head a:hover {
	color: #fff!important;
	opacity: .7;
}

.bf-15 .sf-contact .sf-text {
	font-size: 16px;
	color: #fff;
}

.s-hide {
	display: none;
}

@media only screen and (max-width:991.98px) {
	.bf-1 {
		padding: 15px 0 100px 0;
	}

	.bf-1 .sf-bg-effects .sf-bg-1 {
		width: 75px;
		left: -40px;
		top: -20px;
	}

	.bf-1 .sf-bg-effects .sf-bg-2 {
		top: 210px;
		right: -35px;
		width: 100px;
	}

	.bf-form .bf-img {
		width: 175px;
		height: 101px;
	}

	.bf-form .bf-img img {
		width: 175px;
		height: 101px;
	}

	.bf-form .bf-img::before {
		left: 35px;
		top: 15px;
		width: 80px;
		height: 80px;
	}

	.bf-form .bf-img::after {
		left: 25px;
		top: 5px;
		width: 100px;
		height: 100px;
	}

	.bf-1:after {
		display: none;
	}

	.bf-card {
		gap: 10px;
	}

	.bf-card h1 {
		font-size: 20px;
	}

	.bf-card p {
		font-size: 14px;
		line-height: 20px;
	}

	.bf-card .trust {
		gap: 5px;
		font-size: 14px;
	}

	.bf-card .trust .stars {
		max-height: 10px;
	}

	.bf-card .trust .tpilot {
		max-height: 20px;
	}

	.bf-form {
		flex-direction: column;
		gap: 0;
		padding: 20px 20px 10px 20px;
	}

	.bf-form .bf-wrapper {
		flex-direction: column;
		gap: 0;
		margin-top: 25px;
	}

	.bf-form .bf-wrapper .bfg-item {
		flex-direction: column;
		gap: 0;
	}

	.bf-form .bf-wrapper .bf-price {
		margin: 15px 0;
	}

	.bf-form .bf-wrapper .bfg-item .bf-group {
		margin: 0 0 15px 0;
	}

	.bf-img {
		order: 1;
	}

	.bf-wrapper {
		order: 2;
	}

	.bf-alt .head-features {
		flex-direction: column;
		gap: 10px;
	}

	.bf-3 {
		margin: 0;
	}

	.bf-3 .bf-login-wrapper .bf-login {
		flex-direction: column;
		gap: 15px;
	}

	.bf-3 .bf-login-wrapper .bf-title-text {
		margin-bottom: 15px;
		text-align: center;
	}

	.bf-3 .bf-login-wrapper {
		padding: 25px;
	}

	.bf-3 .bf-login-wrapper .bf-login .bf-item .btn-primary,.bf-3 .bf-login-wrapper .bf-login .bf-item .btn-secondary {
		max-width: 100%;
	}

	.bf-3 .bf-login-wrapper .bf-login-alt {
		margin-top: 15px;
		justify-content: space-between;
		gap: 0;
	}

	.bf-title {
		margin-top: 25px;
	}

	.bf-title .bf-header h2 {
		font-size: 20px;
		line-height: 32px;
		margin-bottom: 0;
	}

	.bf-title .bf-header h2 span::after {
		bottom: -13px;
	}

	.bf-4 {
		padding: 25px 0;
	}

	.bf-4 .bf-box {
		text-align: center;
	}

	.bf-6 {
		margin: 25px 0;
	}

	.bf-6 .bf-header {
		margin-bottom: 25px;
	}

	.bf-6 .bf-line {
		display: none;
	}

	.bf-7 .bf-faq-title h2 {
		font-size: 20px;
		max-width: 100%;
		text-align: center;
		margin-bottom: 25px;
	}

	.bf-8 {
		margin: 25px 0;
	}

	.bf-8 .bf-header {
		margin-bottom: 25px;
	}

	.bf-8 .bf-header h2 {
		font-size: 20px;
		line-height: 24px;
	}

	.bf-8 .feat-table {
		flex-direction: column;
	}

	.bf-8 .feat-table .feat-first {
		flex-direction: column;
		gap: 0;
		width: 100%;
		padding: 15px 30px;
		text-align: center;
		border-radius: 14px 14px 0 0;
	}

	.bf-8 .feat-table .feat-wrapper .feat-item .feat-list {
		gap: 5px;
	}

	.bf-8 .feat-table .feat-first ul li {
		padding-top: 7px;
	}

	.bf-8 .feat-table .feat-wrapper {
		gap: 25px;
		width: 100%;
		padding: 15px;
		flex-direction: column;
	}

	.bf-8 .feat-table .feat-wrapper .feat-item.feat-other {
		border-right: none;
		border-bottom: 3px solid #fff;
		padding-bottom: 25px;
	}

	.bf-8 .feat-table .feat-wrapper .feat-item .feat-item-head {
		margin-bottom: 0;
		text-align: center;
	}

	.bf-9 .bf-header h2 {
		font-size: 20px;
		line-height: 32px;
	}

	.bf-9 .fa-chevron-left,.bf-9 .fa-chevron-right {
		display: none!important;
	}

	.bf-9 {
		padding: 15px 0 35px 0;
	}

	.bf-9 .bf-header {
		margin-bottom: 15px;
	}

	.bf-9 #userSlide .slick-slide {
		margin: 0;
	}

	.bf-9 #userSlide .slick-dots {
		display: block!important;
	}

	.bf-9 .slick-dots li.slick-active button:before {
		border: 1px solid #91e8b4;
		background-color: rgb(145 232 180 / .15);
	}

	.bf-9 .slick-dots {
		bottom: -50px;
	}

	.bf-9 #userSlide .slick-slide {
		transform: scale(1)!important;
	}

	.bf-10 .bf-counter {
		gap: 15px;
		flex-direction: column;
	}

	.bf-10 .bf-counter .item {
		border-right: none;
		padding-right: 0;
	}

	.bf-11 {
		margin: 50px 0;
	}

	.bf-11 .ww-content h2 {
		font-size: 20px;
	}

	.bf-11 .ww-content {
		text-align: center;
	}

	.bf-12 {
		padding: 0;
	}

	.bf-12 .ww-boxes {
		padding: 50px 15px;
		width: 100%;
	}

	.bf-12 .ww-boxes .ww-boxes-text {
		text-align: center;
		max-width: 250px;
		margin: auto;
	}

	.bf-12 .ww-boxes img {
		display: none;
	}

	.bf-12 .ww-content {
		text-align: center;
		margin-top: 25px;
	}

	.bf-12 .ww-content h2 {
		font-size: 20px;
	}

	.bf-13 {
		padding: 25px 0 50px 0;
	}

	.bf-13 .ww-content {
		text-align: center;
		margin-top: 25px;
	}

	.bf-13 .ww-content h2 {
		font-size: 20px;
	}

	.bf-14 {
		margin: 0;
	}

	.bf-14 .ww-content {
		text-align: center;
	}

	.bf-14 .ww-content h2 {
		font-size: 24px;
	}

	.bf-15 {
		margin: 25px 0;
	}

	.bf-15 .sf-contact {
		gap: 15px;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding: 25px 50px;
	}

	.bf-15 .sf-contact .sf-wrapper {
		gap: 10px;
		flex-direction: column;
	}
}

.error_login {
	display: none;
}

.login-buttons input {
	background: #27684a;
	background: linear-gradient(270deg,#27684a 0%,#35c581 100%);
	box-shadow: 0 5px 30px rgb(25 154 95 / .2);
	width: 100%;
	border-radius: 10px;
	letter-spacing: -.015em;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	height: 48px;
	color: #fff;
}

.form-group .g_id_signin {
	position: absolute;
	z-index: 1;
	opacity: 0;
}

.login-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 9999;
	background-color: #fff0;
	overflow: hidden;
}

.login-popup .lp-inner {
	width: 100%;
	overflow: hidden;
}

.login-popup .lp-wrapper {
	width: 100%;
	margin: 0 auto;
	border-radius: 0;
	position: relative;
	z-index: 1;
}

.sign-inner {
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: #fff;
	border-radius: 0;
	padding: 0;
}

.sign-inner .login-popup-close {
	border-radius: 25px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 6px 15px 6px 6px;
	overflow: hidden;
	background-color: #f9f9f9;
	border: 1px solid #f0efee;
	color: #000;
	text-decoration: none;
	transition: 0.14s ease;
	z-index: 10;
}

.sign-inner .login-popup-close:hover,.sign-inner .login-popup-close:focus {
	background: rgb(0 0 0 / .07);
	border: 1px solid #929292!important;
}

.sign-inner .login-popup-close {
	position: absolute;
	right: 25px;
	top: 25px;
}

.sign-inner .login-popup-close .text {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -.03em;
	position: relative;
	z-index: 1004;
	color: #929292;
}

.sign-inner .login-popup-close .icon {
	display: flex;
	width: 28px;
	height: 28px;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #929292;
}

.sign-inner .login-popup-close .icon::after {
	content: "";
	z-index: 1002;
	background: rgb(0 0 0 / .07);
	border-radius: 16px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: 0.4s ease;
}

.lp-inner .sign-wrapper {
	margin: 0;
	justify-content: space-between;
	display: flex;
	height: 100dvh;
	width: 100%;
}

.login-popup .sign-left,.login-popup .sign-right {
	position: relative;
	margin: 0;
	padding: 20px;
	width: 50%;
}

.login-popup .sign-right {
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-popup .sign-left {
	background-image: url(https://storage.perfectcdn.com/966zjr/xpbd7591e0crw114.webp);
	background-repeat: no-repeat;
	background-size: cover;
}

.login-popup .sign-left .sign-img {
	position: absolute;
	top: 25px;
	left: 25px;
	max-width: 125px;
}

.login-popup .sign-left .sign-copyright {
	position: absolute;
	bottom: 25px;
	left: 25px;
	color: #fff;
	font-size: 13px;
}

.login-popup .sign-right .signin-top {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 15px;
}

.login-popup .sign-right .signin-top .sign-rates {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #000;
	font-size: 12px;
}

.login-popup .sign-right .signin-top .sign-rates svg {
	margin-top: -7px;
	border-right: 1px solid #171717;
	padding-right: 10px;
}

.login-popup .sign-right .signin-top .sign-rates .hr-stars i {
	font-size: 11px;
	color: #facd4d;
	animation: stars-animation 2.5s ease infinite both;
}

.login-popup .sign-right .signin-top .sign-rates .hr-stars:first-child {
	animation-delay: 0s;
}

.login-popup .sign-right .signin-top .sign-rates .hr-stars i:nth-child(2) {
	animation-delay: 0.2s;
}

.login-popup .sign-right .signin-top .sign-rates .hr-stars i:nth-child(3) {
	animation-delay: 0.4s;
}

.login-popup .sign-right .signin-top .sign-rates .hr-stars i:nth-child(4) {
	animation-delay: 0.6s;
}

.login-popup .sign-right .signin-top .sign-rates .hr-stars i:nth-child(5) {
	animation-delay: 0.8s;
}

@keyframes stars-animation {
	0% {
		scale: 0;
	}

	10% {
		scale: 1.1;
	}

	15% {
		scale: 1;
	}
}

.login-popup .sign-right .signin-top .sign-rates img {
	width: 90px;
}

.login-popup .sign-right .signin-top h1 {
	font-size: 28px;
	color: #171717;
}

.login-popup .sign-right .signin-top h1 span {
	background: linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
}

.login-popup .sign-right .wrapper-form {
	width: 550px;
}

.login-popup .sign-right .wrapper-form .signin-form {
	margin-top: 50px;
}

.login-popup .sign-right .wrapper-form .signin-form .form-flex {
	display: flex;
	gap: 15px;
}

.login-popup .sign-right .wrapper-form .signin-form .form-flex .form-group {
	width: 100%;
	margin-bottom: 1rem;
}

.login-popup .sign-right .wrapper-form .signin-form .remember-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 15px 0;
}

.login-popup .sign-right .wrapper-form .signin-form .remember-wrap input[type="checkbox"] {
	display: none;
}

.login-popup .sign-right .wrapper-form .signin-form .remember-wrap input[type="checkbox"]+label {
	display: block;
	position: relative;
	padding-left: 30px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.login-popup .sign-right .wrapper-form .signin-form .remember-wrap input[type="checkbox"]+label:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: #f9f9f9;
	border: 2px solid #f0efee;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .6;
	-webkit-transition: all .12s,border-color .08s;
	transition: all .12s,border-color .08s;
}

.login-popup .sign-right .wrapper-form .signin-form .remember-wrap input[type="checkbox"]:checked+label:before {
	width: 10px;
	top: -5px;
	left: 10px;
	border-radius: 0;
	opacity: 1;
	background: #fff0;
	border-color: #2d9464;
	border-top-color: #fff0;
	border-left-color: #fff0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.login-popup .sign-right .wrapper-form .signin-form .remember-wrap .forgot_link {
	color: #2d9464!important;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
}

.login-popup .sign-right .wrapper-form .signin-form .remember-wrap label {
	margin-bottom: 0;
}

.login-popup .sign-right .wrapper-form .signin-form .form-group {
	position: relative;
}

.login-popup .sign-right .wrapper-form .signin-form .form-group .form-control,.login-popup .sign-right .wrapper-form .signin-form .form-group .form-control:hover {
	background: #f9f9f9;
	border-radius: 10px;
	border: 1px solid #f0efee;
}

.login-popup .sign-right .wrapper-form .signin-form .form-group .form-control:focus {
	background: #f9f9f9;
	border: 1px solid #2d9464!important;
	box-shadow: none;
}

.login-popup .sign-right .wrapper-form .signin-form .form-group .show-pass {
	position: absolute;
	right: 15px;
	top: 42px;
	color: #c0bdcc;
	cursor: pointer;
}

.login-popup .gny-tab {
	display: flex;
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	padding: 3px;
}

.login-popup .tab-item {
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	padding: 15px 70px;
	border-radius: 10px;
	color: #62616e;
	width: 50%;
	white-space: nowrap;
}

.login-popup .tab-item.active {
	background: #10b981;
	color: #fff;
}

.login-popup .tab-content-item {
	display: none;
}

.login-popup .tab-content-item.active {
	display: block;
}

.login-popup .login-buttons {
	position: relative;
	display: flex;
	align-items: center;
	gap: 15px;
}

.login-popup .login-buttons .form-group {
	margin-bottom: 0;
	width: 100%;
}

.login-popup .login-buttons .btn-primary {
	background: #27684a;
	background: linear-gradient(270deg,#27684a 0%,#35c581 100%);
	box-shadow: 0 5px 30px rgb(25 154 95 / .2);
	width: 100%;
	border-radius: 10px;
	letter-spacing: -.015em;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	height: 48px;
	padding: 0;
}

.login-popup .login-buttons .btn-primary:hover,.login-popup .login-buttons .btn-primary:focus {
	background: #27684a;
	background: linear-gradient(90deg,#27684a 0%,#35c581 100%)!important;
}

.login-popup .login-w-google {
	width: 100%;
	pointer-events: none;
}

.login-popup .login-w-google .content-google {
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: #f8f9f8;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #171717;
	cursor: pointer;
	font-family: "Google Sans",arial,sans-serif;
	font-size: 14px;
	letter-spacing: .25px;
	overflow: hidden;
	padding: 10px 25px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	height: 48px;
	align-items: center;
	border-radius: 10px;
	gap: 20px;
	box-shadow: 0 5px 30px rgb(54 62 147 / .07);
}

.login-popup .login-w-google .content-google {
	color: #2d9464;
}

.login-popup .login-w-google .content-google .content-text-tn {
	color: #000;
}

.login-popup .sign-again {
	display: flex;
	justify-content: center;
	gap: 5px;
	background: #f9f9f9;
	border-radius: 10px;
	padding: 10px 5px;
	margin-top: 15px;
	border: 1px dashed #e7e7e7;
	color: #000;
}

.login-popup .sign-again a {
	color: #2d9464!important;
}

@media screen and (max-width:1440px) {
	.out-pages {
		padding-bottom: 0;
	}

	.lp-inner,.sign-inner {
		overflow: auto;
	}

	.lp-inner .sign-wrapper {
		flex-direction: column;
	}

	.login-popup .sign-left,.login-popup .sign-right {
		width: 100%;
	}

	.login-popup .sign-right {
		display: block;
		max-width: 480px;
		margin: auto;
	}

	.login-popup .sign-right .wrapper-form {
		width: auto;
	}

	.login-popup .tab-item {
		border-radius: 10px;
	}

	.login-popup .sign-right .signin-top h1 {
		font-size: 28px;
		max-width: 100%;
		text-align: center;
	}

	.login-popup .sign-right .signin-top .sign-rates {
		font-size: 12px;
		justify-content: center;
	}

	.login-popup .sign-right .signin-top .sign-rates img {
		width: 70px;
	}

	.login-popup .sign-right .wrapper-form .signin-form {
		margin-top: 15px;
	}

	.login-popup .sign-left {
		padding: 100px 0;
		background-position: center -50px;
		border-radius: 0 0 25px 25px;
	}

	.login-popup .sign-left:after {
		content: "";
		width: 100%;
		height: 100%;
		background-color: rgb(53 197 129 / .5);
		top: 0;
		left: 0;
		position: absolute;
		display: inline-block;
		border-radius: 0 0 25px 25px;
	}

	.login-popup .sign-left .sign-copyright {
		display: none;
	}

	.login-popup .login-buttons {
		flex-direction: column;
	}

	.sign-inner .login-popup-close {
		position: absolute;
		right: 15px;
		top: 25px;
	}

	.login-popup .sign-right .wrapper-form .signin-form .form-flex {
		flex-direction: column;
		gap: 0;
	}

	.login-popup .sign-left .sign-img {
		top: 15px;
		left: 15px;
		max-width: 100px;
		z-index: 1;
	}
}

.home-sliders {
	padding-top: 125px;
}

.hh-s1 {
	padding: 0 0 75px 0;
}

.hh-s1#story .story-sliders {
	position: relative;
}

.hh-s1#story .story-sliders .swiper-wrapper {
	-webkit-transition-timing-function: linear!important;
	transition-timing-function: linear!important;
	position: relative;
	pointer-events: none;
}

.hh-s1#story .story-sliders .swiper-wrapper .swiper-slide {
	width: -webkit-max-content!important;
	width: -moz-max-content!important;
	width: max-content!important;
}

.hh-s1#story .story-sliders.slider {
	position: relative;
	background: #27684a;
	background-image: url(https://storage.perfectcdn.com/966zjr/gu33y0ipxox8oq8y.png),-webkit-linear-gradient(0deg,#083b23 0%,#35c581 50%,#083b23 100%);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 0;
	color: #fff;
	width: 140%;
	left: -30%;
}

.hh-s1#story .story-sliders.slider:first-of-type {
	-webkit-transform: rotate(-11deg);
	transform: rotate(-11deg);
	z-index: 10;
}

.hh-s1#story .story-sliders.slider:last-of-type {
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

.hh-s1#story .story-sliders.slider .swiper-slide span {
	position: relative;
}

.hh-s1#story .story-sliders.slider .swiper-slide span::after {
	position: absolute;
	font-family: "remixicon";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f53f";
	left: -100px;
	color: #e3ff04;
}

.hh-s1#story .story-sliders.slider .swiper-slide span {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}

.hh-s2 {
	padding: 100px 0 25px 0;
}

.hh-s2#story .story-sliders {
	position: relative;
}

.hh-s2#story .story-sliders .swiper-wrapper {
	-webkit-transition-timing-function: linear!important;
	transition-timing-function: linear!important;
	position: relative;
	pointer-events: none;
}

.hh-s2#story .story-sliders .swiper-wrapper .swiper-slide {
	width: -webkit-max-content!important;
	width: -moz-max-content!important;
	width: max-content!important;
}

.hh-s2#story .story-sliders.slider {
	position: relative;
	background: #27684a;
	background-image: url(https://storage.perfectcdn.com/966zjr/gu33y0ipxox8oq8y.png),-webkit-linear-gradient(0deg,#2f1000 0%,#b37958 50%,#2f1000 100%);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 0;
	color: #fff;
	width: 140%;
	left: -30%;
}

.hh-s2#story .story-sliders.slider:first-of-type {
	-webkit-transform: rotate(-11deg);
	transform: rotate(-11deg);
	z-index: 10;
}

.hh-s2#story .story-sliders.slider:last-of-type {
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
	margin-top: -225px;
	z-index: 1;
}

.hh-s2#story .story-sliders.slider .swiper-slide span {
	position: relative;
}

.hh-s2#story .story-sliders.slider .swiper-slide span::after {
	position: absolute;
	font-family: "remixicon";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f53f";
	left: -100px;
	color: #dbcbb2;
}

.hh-s2#story .story-sliders.slider .swiper-slide span {
	font-size: 24px;
	font-weight: 400;
	color: #fff;
}

.h-section.header-alt {
	margin: 0 0 100px 0;
}

.mtp-owner {
	background: url(https://storage.perfectcdn.com/966zjr/ncry4wkx1jpnccfx.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 75px 0 0 0;
}

.mtp-owner .wm-left .wm-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	font-size: 13px;
	font-weight: 400;
	margin: 0 auto 5px auto;
	color: #fff;
	width: max-content;
	border-radius: 35px;
	padding: 5px 10px;
}

.mtp-owner .wm-left h2 {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 15px;
}

.mtp-owner .wm-left p {
	color: #0e0e0e;
}

.mtp-owner .wm-right-sign {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 25px auto 0 auto;
	text-align: center;
}

.mtp-owner .wm-right-sign h4 {
	font-size: 20px;
	font-weight: 700;
	color: #1e1e1e;
	margin-bottom: 3px;
}

.mtp-owner .wm-right-sign small {
	font-size: 14px;
	color: #1e1e1e;
}

.mtp-owner .wm-right-sign img {
	max-width: 150px;
	margin: 10px auto 0 auto;
}

.footer-flex {
	display: flex;
	margin-bottom: 50px;
}

.footer-flex .footer-left {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-right: 40px;
	width: 25%;
}

.footer-flex .footer-left p {
	margin-bottom: 0;
	font-size: 12px;
}

.footer-flex .footer-center {
	display: flex;
	gap: 25px;
	width: 80%;
}

.footer-flex .footer-right {
	max-width: 258px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.mtp-owner .wm-left {
	text-align: center;
}

.mtp-owner .wm-left .head-btn-alt {
	justify-content: center;
}

.mtp-owner .wm-left .head-btn-alt .btn {
	text-align: center;
	justify-content: center;
	max-width: 300px;
}

.home-smoke {
	position: absolute;
	left: -5px;
	top: -100px;
	max-width: 300px!important;
}

@media (min-width:991.98px) {
	.mtp-owner .wm-right {
		margin: auto;
	}

	.mtp-owner .wm-right .img-fluid {
		display: flex;
		justify-content: center;
		margin: auto;
		max-width: 350px;
	}

	#productSlide .slick-dots {
		display: none!important;
	}

	.prItem .prContent>h3 {
		min-height: 60px;
	}

	.home-title {
		line-height: 46px;
		width: 545px;
	}
}

@media (max-width:991.98px) {
	.home-sliders {
		padding-top: 25px;
	}

	.hh-s1 {
		padding: 25px 0;
	}

	.hh-s1#story .story-sliders.slider,.hh-s2#story .story-sliders.slider {
		padding: 10px 0;
	}

	.hh-s1#story .story-sliders.slider .swiper-slide span,.hh-s2#story .story-sliders.slider .swiper-slide span {
		font-size: 18px;
	}

	.hh-s1#story .story-sliders.slider:last-of-type {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	.hh-s2 {
		padding: 50px 0 0 0;
	}

	.hh-s2#story .story-sliders.slider:last-of-type {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		margin-top: -135px;
	}

	.mtp-owner {
		padding: 0 0 50px 0;
	}

	.mtp-owner .wm-left {
		margin-top: 25px;
		text-align: center;
	}

	#productSlide .slick-track {
		gap: 0;
	}

	#productSlide .fa-angle-left,#productSlide .fa-angle-right {
		display: none!important;
	}

	.footer-flex {
		flex-direction: column;
		padding-bottom: 30px;
		margin-bottom: 10px;
	}

	.footer-left {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-right: 0;
		margin-bottom: 26px;
		gap: 0;
		width: 100%!important;
	}

	.footer-center {
		display: grid!important;
		grid-template-columns: 1fr 1fr;
		align-items: flex-start;
		gap: 42px 60px!important;
		justify-content: center;
		width: 100%!important;
	}

	footer .footer-links a {
		font-size: 12px;
	}

	.footer-right {
		max-width: 100%!important;
		width: 100%;
		margin-top: 30px;
		align-items: center;
		justify-content: center;
	}

	.contact-icon {
		margin: 0;
	}

	.mtp-owner .wm-left .wm-top {
		margin: 0 auto 10px auto;
	}

	.home-title .ht-circle {
		display: none;
	}

	.mtp-owner .wm-left .head-btn-alt {
		flex-direction: column;
	}
}

.blog-box .bb-wrapper {
	overflow: visible;
	position: relative;
}

.blog-box .bb-img img {
	object-fit: cover;
	border-radius: 15px;
	width: 100%;
}

.blog-box .bb-title {
	text-align: center;
	margin-bottom: 35px;
}

.blog-box .bb-title .bb-date {
	background: var(--color-1);
	border: 1px solid var(--color-8);
	border-radius: 30px;
	padding: 2px 15px;
	color: #000;
	width: max-content;
	margin: auto;
	font-size: 12px;
}

.blog-box .bb-title h1 {
	font-size: 36px;
	font-weight: 700;
	line-height: 52px;
	color: #000;
}

.blog-box .bb-wrapper {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-top: 25px;
}

.blog-box .bb-wrapper .bb-social {
	max-width: 65px;
}

.blog-box .bb-wrapper .bb-social ul {
	background: var(--color-1);
	border: 1px solid var(--color-8);
	border-radius: 15px;
	padding: 12px 12px 5px;
	color: #000;
	display: flex;
	flex-direction: column;
	gap: 21px;
	margin-top: 0;
	list-style: none;
}

.blog-box .bb-wrapper .bb-social ul li {
	font-size: 14px;
	font-weight: 700;
	line-height: 16.03px;
	text-align: center;
}

.blog-box .bb-wrapper .bb-social ul li a {
	max-width: 24px;
	height: 24px;
	display: inline-block;
}

.blog-box .bb-wrapper .bb-social ul li svg {
	width: 24px;
	height: 24px;
}

.blog-box .bb-wrapper .bb-content {
	width: 900px;
	color: #000;
	font-size: 16px;
}

.blog-box .bb-wrapper .bb-content h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin: 35px 0 35px;
}

.blog-box .bb-wrapper .bb-content h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

.blog-box .bb-wrapper .bb-key {
	background: #f8faff;
	border: 1px solid rgb(150 230 193 / 15%);
	border-radius: 15px;
	position: sticky;
	top: 100px;
	z-index: 100;
	transition: .14s ease all;
	width: 400px;
	height: max-content;
}

.blog-box .bb-wrapper .bb-key small {
	color: var(--color-7);
	font-size: 20px;
	font-weight: 700;
	padding: 15px 15px 0 15px;
}

.blog-box .bb-wrapper .bb-key ul {
	padding: 0;
	margin-top: 10px;
	max-width: 400px;
	list-style: none;
}

.blog-box .bb-wrapper .bb-key ul li {
	padding-left: 15px;
}

.blog-box .bb-wrapper .bb-key>ul>li {
	counter-increment: item;
	position: relative;
}

.blog-box .bb-wrapper .bb-key ul li {
	margin-bottom: 5px;
}

.blog-box .bb-wrapper .bb-key ul li a {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-decoration: none!important;
	position: relative;
}

.blog-box .bb-wrapper .bb-key ul li.active>a {
	color: var(--color-5)!important;
}

.blog-box .bb-wrapper .bb-key ul li.active>a::after {
	display: block;
}

.blog-box .bb-wrapper .bb-key ul li ul a::after {
	left: -20px;
}

.blog-box .bb-wrapper .bb-key ul li a::after {
	content: '';
	position: absolute;
	left: -10px;
	top: 0;
	width: 2px;
	height: 100%;
	display: none;
	background-color: var(--color-5);
}

.bb-author {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
	background: var(--color-1);
	border: 1px solid var(--color-8);
	border-radius: 15px;
	padding: 10px;
	text-align: center;
	margin-top: 100px;
}

.bb-author img {
	max-width: 125px;
	margin-top: -50px;
}

.bb-author .bb-author-name {
	display: flex;
	flex-direction: column;
}

.bb-author strong {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 0;
}

.bb-author small {
	font-size: 14px;
	font-weight: 400;
	color: #8a9acd;
}

.ac-left,.ac-right {
	display: flex;
	width: 100%;
}

.ac-left .author-img img {
	border-radius: 15px 0 0 15px;
}

.ac-left .author-img img {
	max-width: 300px;
}

.ac-right {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	background: var(--color-1);
	border: 1px solid var(--color-8);
	height: auto;
	margin-top: 48px;
	padding: 35px 45px;
	width: 100%;
	border-radius: 0 15px 15px 15px;
}

.ac-right p {
	color: #000;
	margin-bottom: 0;
	margin-top: 25px;
}

.ac-right a {
	margin-top: 10px;
}

.ac-right small {
	font-size: 24px;
	font-weight: 700;
	color: #000;
}

.ac-right span {
	font-size: 14px;
	font-weight: 400;
	color: #8a9acd;
}

#author .blog-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 35px;
}

#author .blog-footer {
	display: none;
}

#author .ms-title h2 {
	font-style: normal;
	font-size: 28px;
	font-weight: 700;
	line-height: 128.5%;
	letter-spacing: -1px;
	margin-bottom: 15px;
	color: #202020;
}

#author .ms-title h2 span {
	position: relative;
	display: inline-block;
	color: #266849;
}

#author .ms-title h2 span::after {
	content: '';
	background-image: url(https://storage.perfectcdn.com/966zjr/1pr48x93jazq9a3y.png);
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	left: -5px;
	bottom: -18px;
	width: calc(100% + 10px);
	height: 20px;
}

.files-wrapper {
	display: flex;
	flex-direction: column;
	line-height: 29px;
	background: var(--color-2);
	padding: 5px;
	border-radius: 10px;
	width: max-content;
}

.files-wrapper a {
	color: var(--color-6);
}

.files-wrapper .files-label {
	color: var(--color-3);
}

.bf-10-1 .ww-content small {
	font-size: 18px;
	font-weight: 700;
	color: #246546;
}

.bf-10-1 .ww-content h2 {
	font-size: 36px;
	font-weight: 700;
	padding: 10px 0 15px 0;
	color: #0e0e0e;
}

.bf-10-1 .ww-content p {
	font-size: 14px;
	color: #0e0e0e;
}

.bf-10-2 {
	background: url(https://storage.perfectcdn.com/966zjr/ncry4wkx1jpnccfx.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 115px 0 125px 0;
}

.bf-10-2 .ww-boxes {
	background: url(https://storage.perfectcdn.com/966zjr/xfr4y83jol1ybf3e.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 35px 350px 109px 25px;
	border-radius: 23px;
	position: relative;
}

.bf-10-2 .ww-boxes .ww-boxes-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 200px;
}

.bf-10-2 .ww-boxes h3 {
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

.bf-10-2 .ww-boxes p {
	color: #7a86a1;
}

.bf-10-2 .ww-boxes img {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 275px;
}

.bf-10-2 .ww-boxes .btn {
	border-radius: 10px;
}

.bf-10-2 .ww-content small {
	font-size: 18px;
	font-weight: 700;
	color: #246546;
}

.bf-10-2 .ww-content h2 {
	font-size: 36px;
	font-weight: 700;
	padding: 10px 0 15px 0;
	color: #0e0e0e;
}

.bf-10-2 .ww-content p {
	font-size: 14px;
	color: #0e0e0e;
}

.bf-10-3 .ww-content small {
	font-size: 18px;
	font-weight: 700;
	color: #246546;
}

.bf-10-3 .ww-content h2 {
	font-size: 36px;
	font-weight: 700;
	padding: 10px 0 15px 0;
	color: #0e0e0e;
}

.bf-10-3 .ww-content p {
	font-size: 14px;
	color: #0e0e0e;
}

.bf-10-3 .ww-img {
	margin-left: auto;
}

.bf-10-3 .ww-img img {
	max-width: 400px;
}

.bf-10-4 {
	padding: 100px 0 50px 0;
}

.bf-10-4 .ww-boxes {
	background: url(https://storage.perfectcdn.com/966zjr/xfr4y83jol1ybf3e.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 15px;
	border-radius: 23px;
	position: relative;
	display: flex;
	align-items: center;
	gap: 30px;
}

.bf-10-4 .ww-boxes .ww-boxes-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 200px;
}

.bf-10-4 .ww-boxes h3 {
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

.bf-10-4 .ww-boxes p {
	color: #7a86a1;
}

.bf-10-4 .ww-boxes img {
	max-width: 250px;
}

.bf-10-4 .ww-boxes .btn {
	border-radius: 10px;
}

.bf-10-4 .ww-content small {
	font-size: 18px;
	font-weight: 700;
	color: #246546;
}

.bf-10-4 .ww-content h2 {
	font-size: 36px;
	font-weight: 700;
	padding: 10px 0 15px 0;
	color: #0e0e0e;
}

.bf-10-4 .ww-content p {
	font-size: 14px;
	color: #0e0e0e;
}

.why-more .ww-boxes {
	background: url(https://storage.perfectcdn.com/966zjr/xfr4y83jol1ybf3e.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 35px 300px 30px 25px;
	border-radius: 23px;
	position: relative;
}

.why-more .ww-boxes .ww-boxes-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 200px;
}

.why-more .ww-boxes h3 {
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

.why-more .ww-boxes p {
	color: #7a86a1;
}

.why-more .ww-boxes img {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 275px;
}

.why-more .ww-boxes .btn {
	border-radius: 10px;
}

.deg1 {
	background: rgb(36 154 98 / .6);
	padding: 0 4px;
}

.deg2 {
	background: #facd4d;
	padding: 0 4px;
}

.ms-title h3 {
	font-style: normal;
	font-size: 28px;
	font-weight: 700;
	line-height: 128.5%;
	letter-spacing: -1px;
	margin-bottom: 15px;
	color: #202020;
}

.bf-4-1 .bf-header,.bf-5 .bf-header {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin-bottom: 50px;
}

.bf-4-1 .bf-header h2,.bf-5 .bf-header h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 65px;
	letter-spacing: -1px;
	color: #101010;
}

.bf-4-1 .bf-header h2 span,.bf-5 .bf-header h2 span {
	position: relative;
	display: inline-block;
	color: #27684a;
	font-weight: 700;
}

@media (max-width:991.98px) {
	.ms-title h3 {
		font-size: 20px;
	}

	.blog-box .bb-wrapper .bb-social {
		width: 100%;
		max-width: 100%;
	}

	.blog-box .bb-wrapper .bb-social ul {
		flex-direction: row;
		justify-content: center;
		align-items: center;
		max-width: max-content;
		margin: 0 auto;
	}

	.blog-box .bb-wrapper {
		flex-direction: column;
	}

	.blog-box .bb-wrapper .bb-content {
		width: auto;
	}

	.blog-box .bb-title {
		margin-bottom: 15px;
	}

	.blog-box .bb-title h1 {
		font-size: 24px;
		line-height: 32px;
	}

	.blog-box .bb-wrapper .bb-key {
		position: relative;
		width: auto;
		order: 1;
		top: 0;
		z-index: 1;
	}

	.blog-box .bb-wrapper .bb-content {
		order: 2;
	}

	.blog-box .bb-wrapper .bb-content h2 {
		font-size: 18px;
		margin: 15px 0 15px;
	}

	.blog-box .bb-wrapper .bb-content h3 {
		font-size: 16px;
		margin: 10px 0 10px;
	}

	.blog-wrapper {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.ac-left {
		flex-direction: column;
	}

	.ac-left .author-img img {
		max-width: 100%;
		border-radius: 0;
	}

	.ac-right {
		margin-top: 0;
		border-radius: 0 0 15px 15px;
		text-align: center;
		align-items: center;
		padding: 15px;
		height: auto;
	}

	.bf-10-1 .ww-content,.bf-10-2 .ww-content,.bf-10-3 .ww-content,.bf-10-4 .ww-content {
		text-align: center;
		margin-top: 15px;
	}

	.bf-10-1 .ww-content h2,.bf-10-2 .ww-content h2,.bf-10-3 .ww-content h2,.bf-10-4 .ww-content h2 {
		font-size: 20px;
	}

	.bf-10-2 .ww-boxes {
		padding: 50px 15px;
		width: 100%;
	}

	.bf-10-2 .ww-boxes .ww-boxes-text {
		text-align: center;
		max-width: 250px;
		margin: auto;
	}

	.bf-10-2 .ww-boxes img {
		display: none;
	}

	.bf-10-3 .ww-img img {
		max-width: 100%;
	}

	.bf-10-4 .ww-boxes {
		gap: 15px;
		flex-direction: column;
		width: 100%;
	}

	.bf-10-4 .ww-boxes .ww-boxes-text {
		text-align: center;
	}

	.bf-10-1 .btn,.bf-10-2 .btn,.bf-10-3 .btn,.bf-10-4 .btn,.bf-11 .btn,.bf-12 .btn {
		width: 100%;
	}

	.bf-10-2 {
		padding: 115px 0 50px 0;
	}

	.bf-10-4 {
		padding: 60px 0 0 0;
	}

	.why-more .ww-boxes {
		padding: 50px 15px;
		width: 100%;
		margin-bottom: 25px;
	}

	.why-more .ww-boxes .ww-boxes-text {
		text-align: center;
		max-width: 250px;
		margin: auto;
	}

	.why-more .ww-boxes img {
		display: none;
	}

	.why-more .btn {
		width: 100%;
	}

	.bf-title .bf-header h2,.bf-4-1 .bf-header h2,.bf-5 .bf-header h2,.bf-6 .bf-header h2 {
		font-size: 20px;
		line-height: 32px;
		margin-bottom: 0;
	}
}

.h-section h3 {
	font-size: 16px;
}

.footer-top h3 {
	font-size: 24px;
}

.h-section .bf-box {
	background: url(https://storage.perfectcdn.com/966zjr/07d2xlwkruh0b0cb.png),#fff;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-radius: 15px;
	padding: 25px 25px 0 25px;
	box-shadow: 0 34px 35px rgb(160 171 191 / .21);
	border: 1px solid #ebebeb;
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin-bottom: 25px;
	min-height: 265px;
}

.h-section .bf-box h3 {
	font-size: 16px;
	font-weight: 700;
	color: #256848;
}

.h-section .bf-box p {
	line-height: 18px;
	color: #000;
	min-height: 75px;
}

.h-section .bf-box .bf-box-1 {
	margin-top: -20px;
}

.h-section .bf-box .bf-box-2 {
	margin-top: -10px;
}

.h-section .bf-box .bf-box-3 {
	margin-top: -10px;
}

.h-section .bf-box .bf-box-4 {
	margin-top: -20px;
}

.h-section .bf-box .bf-box-5 {
	margin-top: -20px;
}

.h-section .bf-box .bf-box-6 {
	position: absolute;
	bottom: -30px;
	right: -20px;
	max-width: 100px;
}

.h-section .bf-box .bf-box-7 {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 100px;
}

.h-section .bf-box .bf-box-8 {
	position: absolute;
	bottom: 15px;
	right: 15px;
	max-width: 100px;
}

.h-section .bf-box .bf-box-9 {
	position: absolute;
	bottom: 15px;
	right: 15px;
	max-width: 100px;
}

.services-faq {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 15px;
	margin-top: 25px;
}

.services-faq .faq-item {
	position: relative;
}

.services-faq .faq-item .faq-head {
	display: flex;
	align-items: center;
	gap: 15px;
	background-color: var(--color-8);
	color: #202020;
	border-radius: 5px;
	padding: 13px 15px;
	cursor: pointer;
}

.services-faq .faq-item.active .faq-head {
	border-radius: 5px 5px 0 0;
}

.services-faq .faq-item .faq-head h3 {
	margin-bottom: 0;
}

.services-faq .faq-item .faq-head .faq-icon {
	width: 32px;
	height: 32px;
	background: #266849;
	border-radius: 100px;
	text-align: center;
	line-height: 32px;
	color: #fff;
	flex-shrink: 0;
}

.services-faq .faq-item .faq-head .faq-icon.fi-instagram {
	background: #833ab4;
	background: linear-gradient(235deg,#833ab4,#fd1d1d,#fcb045);
}

.services-faq .faq-item .faq-head .faq-icon.fi-facebook {
	background: #1877F2;
}

.services-faq .faq-item .faq-head .faq-icon.fi-tiktok {
	background: #000;
}

.services-faq .faq-item .faq-head .faq-icon .fa-tiktok {
	text-shadow: 1px 1px #f72e4dfc,-1px -1px #09f3f3;
}

.services-faq .faq-item .faq-head .faq-icon.fi-youtube {
	background: red;
}

.services-faq .faq-item .faq-head .faq-icon.fi-twitter {
	background: #000;
}

.services-faq .faq-item .faq-head .faq-icon.fi-spotify {
	background: #1DB954;
}

.services-faq .faq-item .faq-head .faq-icon.fi-discord {
	background: #7289DA;
}

.services-faq .faq-item .faq-head .faq-icon.fi-kick {
	background: #00e701;
}

.services-faq .faq-item .faq-head .faq-icon.fi-twitch {
	background: #6441a5;
}

.services-faq .faq-item .faq-head .faq-icon.fi-linkedin {
	background: #0a66c2;
}

.services-faq .faq-item .faq-head .faq-icon.fi-quora {
	background: #B92B27;
}

.services-faq .faq-item .faq-head .faq-icon.fi-snapchat {
	background: #FFFC00;
}

.services-faq .faq-item .faq-head .faq-icon.fi-soundcloud {
	background: #f50;
}

.services-faq .faq-item .faq-head .faq-icon.fi-telegram {
	background: #24A1DE;
}

.services-faq .faq-item .faq-head .faq-icon.fi-vimeo {
	background: #19B7EA;
}

.services-faq .faq-item .faq-head .faq-icon.fi-onlyfans {
	background: #00AFF0;
}

.services-faq .faq-item .faq-head .faq-arrow {
	margin-left: auto;
	color: #266849;
}

.services-faq .faq-item .faq-drop {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	gap: 7px;
}

.services-faq .faq-item .faq-drop h4 {
	display: flex;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	width: 100%;
}

.services-faq .faq-item .faq-drop h4 a {
	background: #e4f1eb;
	color: #266849!important;
	width: 100%;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	width: 100%;
}

.services-faq .faq-item .faq-drop h4 a:hover {
	background: #c7e4d6;
}

.services-faq .faq-item .faq-content {
	background: #f1f6f2;
	padding: 10px;
	border-radius: 0 0 5px 5px;
}

.ww-content h3 {
	font-size: 18px;
}

.bf-16 {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 15px 30px 60px 30px;
	margin-top: 50px;
}

.bf-16.bf-insta {
	background: url(https://storage.perfectcdn.com/966zjr/t23c3bh6cenhi32d.jpg);
}

.bf-16.bf-youtube {
	background: url(https://storage.perfectcdn.com/966zjr/5ni08bq6io783dzn.jpg);
	margin: 0 0 100px 0;
}

.bf-16.bf-twitter {
	background: url(https://storage.perfectcdn.com/966zjr/7hpu132xifgrzzze.jpg);
	margin: 0 0 100px 0;
}

.bf-16.bf-tiktok {
	background: url(https://storage.perfectcdn.com/966zjr/4327kdat8iufm66x.jpg);
	margin: 0 0 100px 0;
}

.bf-16.bf-facebook {
	background: url(https://storage.perfectcdn.com/966zjr/60m5qxi4doo9f53p.jpg);
	margin: 0 0 100px 0;
}

.bf-16.bf-spotify {
	background: url(https://storage.perfectcdn.com/966zjr/iribdzib9pak6azw.jpg);
	margin: 0 0 100px 0;
}

.bf-16 .bf-header {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin-bottom: 35px;
}

.bf-16 .bf-header h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 65px;
	letter-spacing: -1px;
	color: #fff;
}

.bf-16 #ratesSlide .fa-chevron-left,.bf-16 #ratesSlide .fa-chevron-left:focus,.bf-16 #ratesSlide .fa-chevron-right,.bf-16 #ratesSlide .fa-chevron-right:focus {
	position: absolute;
	background: rgb(0 0 0 / .3);
	border: 1px solid #91e8b4!important;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 24px;
	z-index: 100;
}

.bf-16 #ratesSlide .fa-chevron-right {
	top: 35px;
	right: -75px;
}

.bf-16 #ratesSlide .fa-chevron-left {
	top: 35px;
	left: -75px;
}

.bf-16 #ratesSlide .slick-dots {
	display: none!important;
}

.bf-16 #ratesSlide .slick-slide {
	transform: scale(.85)!important;
	transition: 150ms all;
}

.bf-16 #ratesSlide .slick-slide.slick-current+.slick-active {
	transform: scale(.95)!important;
	transition: 150ms all;
}

.bf-16 #ratesSlide .rates-item {
	background: #fff0;
	border-radius: 15px;
	padding: 25px;
	position: relative;
	border: 1px solid #abb6b0;
	background-clip: padding-box;
}

.bf-16 #ratesSlide .rates-item::after {
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	background: linear-gradient(to bottom right,rgb(255 255 255 / .5),transparent);
	z-index: -1;
	border-radius: 15px;
}

.bf-16 .rates-wrapper {
	display: flex;
	align-items: center;
	gap: 25px;
	position: relative;
	z-index: 10;
	color: #fff;
}

.rates-services-alt {
	display: flex;
	align-items: center;
	gap: 5px;
}

.bf-16 #ratesSlide .rates-item .rates-stars {
	background: #91e8b4;
	color: #4b8271;
	width: max-content;
	height: 100%;
	border-radius: 25px;
	padding: 0 5px 5px 5px;
	line-height: 1;
}

.bf-16 #ratesSlide .rates-item .rates-stars i {
	font-size: 7px;
}

.bf-16 .rates-services strong {
	font-size: 18px;
}

.bf-16 .rates-services {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.bf-16 .rates-item .rates-icon {
	width: 44px;
	height: 44px;
	background: #266849;
	border-radius: 100px;
	text-align: center;
	line-height: 44px;
	color: #fff;
	flex-shrink: 0;
	font-size: 24px;
}

.bf-16 .rates-item .rates-icon.fi-instagram {
	background: #833ab4;
	background: linear-gradient(235deg,#833ab4,#fd1d1d,#fcb045);
}

.bf-16 .rates-item .rates-icon.fi-facebook {
	background: #1877F2;
}

.bf-16 .rates-item .rates-icon.fi-tiktok {
	background: #000;
}

.bf-16 .rates-item .rates-icon .fa-tiktok {
	text-shadow: 1px 1px #f72e4dfc,-1px -1px #09f3f3;
}

.bf-16 .rates-item .rates-icon.fi-youtube {
	background: red;
}

.bf-16 .rates-item .rates-icon.fi-twitter {
	background: #000;
}

.bf-16 .rates-item .rates-icon.fi-spotify {
	background: #1DB954;
}

.bf-16 .rates-item .rates-icon.fi-discord {
	background: #7289DA;
}

.bf-16 .rates-item .rates-icon.fi-kick {
	background: #00e701;
}

.bf-16 .rates-item .rates-icon.fi-twitch {
	background: #6441a5;
}

.bf-16 .rates-item .rates-icon.fi-linkedin {
	background: #0a66c2;
}

.bf-16 .rates-item .rates-icon.fi-quora {
	background: #B92B27;
}

.bf-16 .rates-item .rates-icon.fi-snapchat {
	background: #FFFC00;
}

.bf-16 .rates-item .rates-icon.fi-soundcloud {
	background: #f50;
}

.bf-16 .rates-item .rates-icon.fi-telegram {
	background: #24A1DE;
}

.bf-16 .rates-item .rates-icon.fi-vimeo {
	background: #19B7EA;
}

.bf-16 .rates-item .rates-icon.fi-onlyfans {
	background: #00AFF0;
}

.bf-16 .rates-button {
	display: flex;
	justify-content: center;
	margin-top: 35px;
}

.bf-16 .rates-button .btn-primary,.bf-16 .rates-button .btn-primary:focus {
	border: 1px solid #6ba68b!important;
	padding: 10px 30px;
	box-shadow: 0 0 15px 5px rgb(53 197 129 / .25);
}

.serv-navs {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 10px;
	padding: 0;
	list-style: none;
}

.serv-navs .serv-nav {
	padding: 5px;
}

.serv-navs .serv-nav .serv-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: var(--color-10);
	border: 1px solid #fff0;
	border-radius: 10px;
	padding: 6px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: .14s ease;
	transition: .14s ease;
	width: 100%;
}

#outside .serv-navs .serv-nav .serv-link {
	background: #eef2fe;
}

.serv-navs .serv-nav .serv-link:hover {
	border-color: #3be395;
}

.serv-navs .serv-nav .serv-link .serv-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	background: #10B981;
	height: 38px;
	width: 38px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 10px;
}

.serv-navs .serv-nav .serv-link .serv-text {
	font-weight: 700;
	font-size: 15px;
	line-height: 130%;
	text-align: center;
	letter-spacing: .02em;
	color: var(--color-3);
	padding: 4px 20px 4px 24px;
	white-space: nowrap;
}

.filter-area {
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	padding: 0;
	margin-bottom: 15px;
}

.dark .filter-area {
	border-color: #3b414f;
}

.filter-wrapper {
	display: none;
}

.filter-wrapper.show {
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(3,1fr);
	align-items: center;
	overflow-x: auto;
	padding: 0 15px 15px 15px;
}

.filter-wrapper button {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	background: var(--color-1);
	border: 1px solid var(--color-2);
	height: 45px;
	line-height: 45px;
	border-radius: 10px;
	padding: 0 7px;
	color: var(--color-3);
}

.filter-wrapper button:hover,.filter-wrapper button:focus,.filter-wrapper button.active {
	background: rgb(59 227 149 / .15);
	border: 1px solid #3be395!important;
	color: var(--color-3);
}

.filter-wrapper button .noc-text {
	font-weight: 700;
}

.filter-wrapper button .noc-icon {
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #3be395;
	border-radius: 10px;
	color: #fff;
}

.nwo-cat-btn[data-change-cat="Instagram"] .noc-icon {
	background: linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45);
}

.nwo-cat-btn[data-change-cat="Facebook"] .noc-icon {
	background: #1877f2;
}

.nwo-cat-btn[data-change-cat="Youtube"] .noc-icon {
	background: red;
}

.nwo-cat-btn[data-change-cat="Spotify"] .noc-icon {
	background: #1db954;
}

.nwo-cat-btn[data-change-cat="TikTok"] .noc-icon {
	background: #000;
	text-shadow: 1px 1px #f72e4dfc,-1px -1px #09f3f3;
}

.nwo-cat-btn[data-change-cat="Telegram"] .noc-icon {
	background: #229ED9;
}

.nwo-cat-btn[data-change-cat="X/Twitter"] .noc-icon {
	background: #000;
}

.nwo-cat-btn[data-change-cat="Reddit"] .noc-icon {
	background: #ff4500;
}

.filter-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.filter-hide,.filter-hide:hover,.filter-hide:focus {
	color: var(--color-3);
}

.country-boxes {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	background: #256848;
	background: linear-gradient(271deg,#256848 0%,#34c17e 100%);
	border-radius: 25px;
	padding: 25px;
	margin-top: 75px;
	position: relative;
}

.country-boxes::before {
	content: "";
	position: absolute;
	top: -15px;
	left: -15px;
	width: calc(100% + 30px);
	height: calc(100% + 30px);
	background: #64d19e;
	border-radius: 25px;
	z-index: -1;
}

.country-boxes::after {
	content: "";
	position: absolute;
	top: -30px;
	left: -30px;
	width: calc(100% + 60px);
	height: calc(100% + 60px);
	background: #98e1bf;
	border-radius: 25px;
	z-index: -2;
}

.country-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.country-flag {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 100%;
	text-align: center;
	line-height: 50px;
}

.country-flag img {
	width: 30px;
	height: 30px;
}

.country-item h3 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}

.country-item span {
	font-size: 15px;
	color: #fff;
	line-height: 15px;
}

.country-text {
	max-width: 325px;
}

.f-section {
	background: var(--color-5);
	padding: 15px 0;
	color: #fff;
	font-size: 13px;
	text-align: center;
}

.footer-list,.footer-drop {
	padding-left: 0;
}

.footer-list li {
	list-style-type: none;
}

.footer-list-item {
	position: relative;
	cursor: pointer;
	line-height: 1.5rem;
}

.footer-list-item span {
	text-decoration: none;
	display: block;
	font-size: 13px;
}

.footer-drop {
	border-radius: 15px;
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	color: #000;
	background-color: #91e8b4;
	min-width: max-content;
	max-height: 300px;
	overflow: auto;
	z-index: 9999;
}

@media (max-width:991px) {
	.footer-drop {
		top: 100%;
		left: 0;
		right: auto;
	}
}

.footer-list-item:hover .footer-drop {
	display: block;
}

.footer-drop-item {
	width: 100%;
}

.footer-drop-item a {
	color: var(--color-5)!important;
	border-bottom: 1px solid #5c9d7e!important;
	text-decoration: none!important;
	padding: 3px 7px;
	display: block;
}

.footer-drop-item:hover {
	background-color: var(--color-5);
}

.footer-drop-item:hover a {
	color: #fff!important;
}

.nwoNav .nwoNavLink {
	color: #fff;
}

.nwoNav .nwoNavLink:hover {
	color: #ffffff80!important;
}

.top-area {
	display: flex;
	gap: 15px;
	position: relative;
	overflow: hidden;
}

.top-area::after {
	content: "";
	position: absolute;
	right: -60px;
	top: -80px;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: linear-gradient(135deg,transparent 0 45%,rgb(16 185 129 / .10) 45% 55%,transparent 55%),linear-gradient(45deg,transparent 0 45%,rgb(59 130 246 / .08) 45% 55%,transparent 55%);
	transform: rotate(15deg);
	z-index: 0;
	pointer-events: none;
}

.top-area::before {
	content: "";
	position: absolute;
	right: 80px;
	bottom: -100px;
	width: 220px;
	height: 220px;
	border: 35px solid rgb(16 185 129 / .06);
	border-radius: 50%;
	z-index: 0;
	pointer-events: none;
}

.top-area .card .card-body {
	position: relative;
	z-index: 2;
}

.top-area .btn-primary {
	position: relative;
	z-index: 2;
	background: #10B981;
}

.last-login {
	background: var(--color-2);
	border: 1px solid var(--color-8);
	border-radius: 35px;
	line-height: 20px;
	padding: 3px 10px;
	outline: none;
	font-weight: 400;
	font-size: 14px;
	display: flex;
	align-items: center;
	width: max-content;
	margin-bottom: 10px;
}

.userloginDot {
	font-size: 8px;
	color: #35c581;
}

#company_address {
	height: 125px;
	resize: none;
}

.app-welcome {
	display: flex;
	align-items: stretch;
	gap: 15px;
	margin: 0 0 15px 0;
}

.app-welcome>div {
	flex: 1;
}

.appw-first,.appw-last {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	border-radius: 10px;
	transition: transform .35s ease,box-shadow .35s ease;
}

.appw-first {
	width: 100%;
	max-width: 60%;
	padding: 25px 35px;
	background: radial-gradient(circle at 85% 20%,rgb(255 255 255 / .18),transparent 30%),linear-gradient(135deg,#246b4d 0%,#35c581 55%,#27a96d 100%);
}

.appw-first::after {
	content: "";
	position: absolute;
	width: 380px;
	height: 380px;
	right: -150px;
	top: -190px;
	border-radius: 50%;
	background: radial-gradient(circle,rgb(255 255 255 / .18) 0%,rgb(255 255 255 / .07) 35%,transparent 70%);
	z-index: -1;
	pointer-events: none;
}

.appw-first::before {
	content: "";
	position: absolute;
	width: 190px;
	height: 190px;
	right: 35px;
	bottom: -115px;
	border: 1px solid rgb(255 255 255 / .15);
	border-radius: 40px;
	transform: rotate(28deg);
	box-shadow: 0 0 0 25px rgb(255 255 255 / .035),0 0 0 50px rgb(255 255 255 / .025);
	z-index: -1;
}

.appw-first.appw-dash img {
	position: absolute;
	right: 25px;
	bottom: 0;
	width: 150px;
}

.appw-last {
	width: 100%;
	max-width: 40%;
	padding: 22px 35px;
	background: radial-gradient(circle at 80% 25%,rgb(255 255 255 / .38),transparent 28%),linear-gradient(135deg,#f7c928 0%,#ffd84b 48%,#f4c21f 100%);
}

.appw-last::after {
	content: "";
	position: absolute;
	width: 230px;
	height: 230px;
	right: -65px;
	top: -105px;
	border-radius: 50%;
	border: 1px solid rgb(255 255 255 / .32);
	box-shadow: 0 0 0 18px rgb(255 255 255 / .06),0 0 0 38px rgb(255 255 255 / .045),0 0 0 60px rgb(255 255 255 / .025);
	z-index: -1;
}

.appw-last::before {
	content: "";
	position: absolute;
	width: 145px;
	height: 145px;
	left: 80px;
	bottom: -100px;
	border-radius: 32px;
	border: 1px solid rgb(255 255 255 / .2);
	transform: rotate(35deg);
	box-shadow: 0 0 0 20px rgb(255 255 255 / .025);
	z-index: -1;
}

.appw-first h3 {
	font-weight: 700!important;
}

.appw-first h3,.appw-last h3 {
	position: relative;
	z-index: 5;
	margin-top: 0;
	margin-bottom: 7px;
	font-size: 24px;
	font-weight: 750;
	letter-spacing: -.7px;
	color: #fff;
	text-shadow: 0 1px 2px rgb(0 0 0 / .08);
}

.appw-first h3 strong {
	color: #92ffcc;
	font-weight: 900;
}

.appw-last h3 {
	font-weight: 900;
	letter-spacing: -.8px;
	line-height: 1.35;
}

.appw-first p,.appw-last p {
	position: relative;
	z-index: 5;
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: rgb(255 255 255 / .94);
}

.appw-last p {
	max-width: 285px;
}

.appw-first>h3,.appw-first>p,.appw-last>h3,.appw-last>p {
	position: relative;
	z-index: 5;
}

.appw-first>h3::before,.appw-last>h3::before {
	content: "";
	position: absolute;
	left: -35px;
	top: 50%;
	width: 4px;
	height: 38px;
	border-radius: 0 5px 5px 0;
	background: rgb(255 255 255 / .95);
	transform: translateY(-50%);
	box-shadow: 0 0 14px rgb(255 255 255 / .25);
}

.appw-last.appw-last-main span {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: rgb(255 255 255 / .28);
	border: 1px solid rgb(255 255 255 / .42);
	color: #29230b;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: 0 5px 15px rgb(120 90 0 / .12);
	z-index: 10;
	transition: transform .3s ease,background .3s ease,box-shadow .3s ease;
}

.appw-last.appw-last-main span i {
	transform: rotate(-30deg);
	transition: transform .3s ease;
}

.appw-last:hover .appw-last-main span,.appw-last.appw-last-main:hover span {
	background: rgb(255 255 255 / .48);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgb(120 90 0 / .18);
}

.appw-last.appw-last-main:hover span i {
	transform: rotate(-30deg) translateX(2px);
}

.appw-last img {
	position: absolute;
	right: 40px;
	bottom: -5px;
	width: 100px;
	max-width: 85px;
	height: auto;
	object-fit: contain;
	z-index: 3;
	filter: drop-shadow(0 15px 18px rgb(102 75 0 / .20)) drop-shadow(0 3px 5px rgb(102 75 0 / .12));
	transform: rotate(2deg) translateY(0);
	transform-origin: bottom right;
	transition: transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease;
}

.appw-last img::after {
	content: "";
}

.appw-last:hover img {
	transform: rotate(0deg) translateY(-5px) scale(1.035);
	filter: drop-shadow(0 20px 25px rgb(102 75 0 / .25)) drop-shadow(0 5px 8px rgb(102 75 0 / .14));
}

.appw-last {
	background-image: radial-gradient(ellipse at 78% 75%,rgb(255 255 255 / .20),transparent 30%),linear-gradient(135deg,#f7c928 0%,#ffd84b 48%,#f4c21f 100%);
}

.appw-last:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 32px rgb(0 0 0 / .11),0 4px 10px rgb(0 0 0 / .05);
}

.appw-last.brown {
	background: linear-gradient(275deg,#89604a 0%,#b37958 100%);
}

.appw-last.brown ul {
	padding-left: 0;
	margin-bottom: 0;
	position: relative;
}

.appw-last.brown li {
	display: flex;
	align-items: center;
	gap: 7px;
	list-style: none;
	font-size: 16px;
	color: #fff;
}

.appw-last.brown li strong {
	min-width: 100px;
}

.appw-last.brown a {
	display: flex;
	align-items: center;
	gap: 7px;
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 2;
	background: rgb(255 255 255 / .25);
	color: #fff!important;
	padding: 5px 10px;
	border-radius: 5px;
}

.appw-last.brown a:hover {
	background: rgb(255 255 255 / .15);
}

@media (max-width:768px) {
	.app-welcome {
		flex-direction: column;
		gap: 12px;
		margin-bottom: 10px;
	}

	.appw-first,.appw-last {
		max-width: 100%;
		width: 100%;
	}

	.appw-first,.appw-last {
		padding: 15px 28px;
	}

	.appw-first h3 {
		font-size: 20px;
		text-align: center;
	}

	.appw-last h3 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.appw-first p,.appw-last p {
		font-size: 13px;
		max-width: 100%;
	}

	.appw-last img {
		display: none;
	}

	.appw-last.appw-last-main span {
		width: 32px;
		height: 32px;
		top: 12px;
		right: 10px;
	}
}

@media (max-width:480px) {
	.appw-first p,.appw-last p {
		max-width: 100%;
	}
}

.app-widgets {
	display: flex;
	align-items: stretch;
	gap: 14px;
	margin: 15px 0;
}

.app-widgets>div {
	flex: 1;
}

.app-widgets .appw-1 {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 0;
	width: 100%;
	max-width: 75%;
	padding: 8px;
	background: var(--color-2);
	border: 1px solid rgb(20 30 40 / .07);
	border-radius: 10px;
	background-image: none;
}

.app-widgets .appw-1 .item {
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
	min-height: 76px;
	padding: 10px;
	border-right: 1px solid rgb(20 30 40 / .07);
}

.app-widgets .appw-1 .item:last-child {
	border-right: 0;
}

.app-widgets .appw-1 .item .icon {
	width: 40px;
	height: 40px;
	min-width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f7f6;
	border-radius: 11px;
}

.app-widgets .appw-1 .item img {
	width: auto;
	max-width: 25px;
	max-height: 25px;
	display: block;
}

.app-widgets .appw-1 .item .text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1px;
	min-width: 0;
}

.app-widgets .appw-1 .item h3 {
	margin: 0;
	font-size: 11px;
	line-height: 1.3;
	font-weight: 700;
	color: #7b8490;
	letter-spacing: .01em;
}

.app-widgets .appw-1 .item>.text>span {
	display: flex;
	align-items: center;
	gap: 3px;
	min-height: 24px;
	font-size: 19px;
	line-height: 1.25;
	font-weight: 700;
	color: #171b21;
}

.app-widgets .appw-1 .item a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 7px;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 700;
	color: #10a96b;
	text-decoration: none;
	transition: color .18s ease,opacity .18s ease;
}

.app-widgets .appw-1 .item a:hover {
	color: #078653!important;
	opacity: 1;
	text-decoration: none;
}

.app-widgets .appw-1 .item a i {
	font-size: 10px;
	transition: transform .2s ease;
}

.app-widgets .appw-1 .item a:hover i {
	transform: translateX(3px);
}

.app-widgets .appw-1 .item #points {
	font-size: inherit;
	font-weight: inherit;
}

.app-widgets .appw-1 .item #point_balance {
	font-size: 12px;
	font-weight: 700;
	color: #8a929c;
}

.app-widgets .appw-2 {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 25%;
	min-height: 92px;
	padding: 15px 42px 15px 18px;
	overflow: hidden;
	background: #ecfdf5;
	border: 1px solid #d6f5e5;
	border-radius: 10px;
	gap: 12px;
	transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.app-widgets .appw-2:hover {
	transform: translateY(-2px);
	border-color: #bcebd4;
	box-shadow: 0 8px 24px rgb(20 30 40 / .07);
}

.app-widgets .appw-2::before {
	content: "";
	position: absolute;
	width: 230px;
	height: 230px;
	right: -115px;
	bottom: -145px;
	border-radius: 50%;
	background: radial-gradient(circle,rgb(16 185 129 / .16) 0%,rgb(16 185 129 / .06) 42%,transparent 72%);
	pointer-events: none;
	z-index: 0;
}

.app-widgets .appw-2::after {
	left: auto;
	right: -45px;
	bottom: -75px;
	width: 190px;
	height: 190px;
	background-size: contain;
	background-position: center;
	opacity: .07;
	transform: rotate(-12deg);
	z-index: 0;
}

.app-widgets .appw-2 .coins {
	position: relative;
	z-index: 2;
	width: 46px;
	max-width: 46px;
	flex-shrink: 0;
	transition: transform .2s ease;
}

.app-widgets .appw-2:hover .coins {
	transform: translateY(-2px) rotate(-3deg);
}

.app-widgets .appw-2 h3 {
	position: relative;
	z-index: 2;
	margin: 0;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 700;
	color: #126d4d;
	text-align: left;
}

.app-widgets .appw-2 span {
	position: absolute;
	z-index: 3;
	top: 50%;
	right: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	border-radius: 8px;
	background: #10b981;
	border: 1px solid #10b981;
	color: #fff;
	box-shadow: 0 3px 8px rgb(16 185 129 / .18);
	transition: background .18s ease,transform .18s ease;
}

.app-widgets .appw-2:hover span {
	background: #0da574;
	transform: translateX(2px);
}

.app-widgets .appw-2 span i {
	transform: rotate(-30deg);
	font-size: 11px;
}

.dark .app-widgets .appw-1 {
	border-color: rgb(255 255 255 / .07);
	box-shadow: none;
}

.dark .app-widgets .appw-1 .item {
	border-color: rgb(255 255 255 / .08);
}

.dark .app-widgets .appw-1 .item .icon {
	background: #202631;
}

.dark .app-widgets .appw-1 .item h3 {
	color: #8d96a3;
}

.dark .app-widgets .appw-1 .item>.text>span {
	color: #f3f5f7;
}

.dark .app-widgets .appw-1 .item #point_balance {
	color: #8d96a3;
}

.dark .app-widgets .appw-2 {
	background: #12251e;
	border-color: rgb(16 185 129 / .16);
	box-shadow: none;
}

.dark .app-widgets .appw-2 h3 {
	color: #7be0b4;
}

@media (max-width:1100px) {
	.app-widgets {
		gap: 10px;
	}

	.app-widgets .appw-1 {
		max-width: 70%;
	}

	.app-widgets .appw-2 {
		max-width: 30%;
	}

	.app-widgets .appw-1 .item {
		padding: 10px 10px;
		gap: 8px;
	}

	.app-widgets .appw-1 .item .icon {
		width: 36px;
		height: 36px;
		min-width: 36px;
	}

	.app-widgets .appw-1 .item img {
		max-width: 22px;
		max-height: 22px;
	}

	.app-widgets .appw-1 .item>.text>span {
		font-size: 17px;
	}

	.app-widgets .appw-2 h3 {
		font-size: 13px;
	}
}

@media (max-width:767px) {
	.app-widgets {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin: 12px 0;
	}

	.app-widgets .appw-1 {
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		width: 100%;
		max-width: 100%;
		padding: 7px;
	}

	.app-widgets .appw-1 .item {
		min-height: 72px;
		padding: 10px;
		border-right: 0;
	}

	.app-widgets .appw-1 .item:nth-child(1),.app-widgets .appw-1 .item:nth-child(2) {
		border-bottom: 1px solid rgb(20 30 40 / .07);
	}

	.dark .app-widgets .appw-1 .item:nth-child(1),.dark .app-widgets .appw-1 .item:nth-child(2) {
		border-bottom-color: rgb(255 255 255 / .08);
	}

	.app-widgets .appw-1 .item:nth-child(odd) {
		border-right: 1px solid rgb(20 30 40 / .07);
	}

	.dark .app-widgets .appw-1 .item:nth-child(odd) {
		border-right-color: rgb(255 255 255 / .08);
	}

	.app-widgets .appw-1 .item .icon {
		width: 36px;
		height: 36px;
		min-width: 36px;
		border-radius: 10px;
	}

	.app-widgets .appw-1 .item h3 {
		font-size: 10px;
	}

	.app-widgets .appw-1 .item>.text>span {
		font-size: 17px;
	}

	.app-widgets .appw-1 .item a {
		font-size: 10px;
	}

	.app-widgets .appw-2 {
		width: 100%;
		max-width: 100%;
		min-height: 72px;
		justify-content: flex-start;
		padding: 12px 48px 12px 16px;
	}

	.app-widgets .appw-2 .coins {
		width: 40px;
		max-width: 40px;
	}

	.app-widgets .appw-2 h3 {
		font-size: 13px;
	}
}

@media (max-width:420px) {
	.app-widgets .appw-1 .item {
		padding: 9px 8px;
		gap: 8px;
	}

	.app-widgets .appw-1 .item .icon {
		width: 33px;
		height: 33px;
		min-width: 33px;
	}

	.app-widgets .appw-1 .item img {
		max-width: 20px;
		max-height: 20px;
	}

	.app-widgets .appw-1 .item>.text>span {
		font-size: 15px;
	}

	.app-widgets .appw-1 .item a {
		font-size: 9px;
	}
}

.ui-dropdown {
	position: relative;
}

.ui-dropdown .dropdown-toggle::after {
	display: none;
}

.dd-menu {
	min-width: 150px;
	position: absolute;
	z-index: 1000;
	border: 1px solid var(--color-2);
	border-radius: 10px;
	background: var(--color-10);
	padding: 4px;
	display: none;
	max-height: 400px;
	overflow-y: hidden;
	overflow-x: hidden;
	left: 0!important;
	right: 0!important;
	top: 55px!important;
	float: left;
}

#outside .dd-menu {
	background: #eef2fe;
}

.dd-menu-scroll {
	overflow-y: auto;
}

.dd-menu.show {
	-webkit-animation: .3s cubic-bezier(.25,.1,.15,1.34) forwards dropdown-active;
	animation: .3s cubic-bezier(.25,.1,.15,1.34) forwards dropdown-active;
	-webkit-box-shadow: 0 5px 35px rgb(59 227 149 / .15);
	box-shadow: 0 5px 35px rgb(59 227 149 / .15);
}

.dropdown-list {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding-left: 0;
	margin-bottom: 0;
}

.dropdown-list li {
	list-style: none;
}

.dropdown-list .dropdown-link:hover,.dropdown-list .dropdown-link.active {
	background: rgb(59 227 149 / .15);
	color: #3be395!important;
}

.dropdown-list .dropdown-link .icon {
	all: unset;
	font-size: 14px;
	background-color: rgb(59 227 149 / .15);
	color: #3be395;
	width: 40px;
	height: 24px;
	flex: 0 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

@keyframes dropdown-active {
	0% {
		opacity: 0;
		transform: translateY(-50px);
		max-height: 0;
	}

	100% {
		opacity: 1;
		transform: translateY(0) skewY(0);
	}
}

@keyframes dropdownOpenMobile {
	from {
		opacity: 0;
		transform: translateY(30px) translateX(-50%);
	}

	to {
		opacity: 1;
		transform: translateY(0) translateX(-50%);
	}
}

.dropdown-toggle.payment-drop {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 15px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.dropdown-menu.payment-list {
	width: 100%;
}

.dropdown-toggle.payment-drop img {
	height: 30px;
	width: 30px;
	border-radius: 50px;
	margin-right: 10px;
	margin-left: -6px;
}

.payment-option a {
	display: flex;
	gap: 10px;
	background: var(--color-10);
	padding: 5px;
	padding-left: 10px;
	font-size: 14px;
	border-bottom: 1px solid var(--color-9);
	align-items: center;
}

.payment-option a:hover {
	background: rgb(59 227 149 / .15);
}

.payment-option a p {
	margin-bottom: 0;
	color: var(--color-3);
}

.payment-option img {
	width: 35px;
	height: 35px;
	background: var(--color-10);
	border-radius: 20px;
}

.dropdown-menu.dd-menu.payment-list {
	max-height: 250px;
	padding: 4px 0;
	overflow: auto;
}

.dropdown-menu.dd-menu.payment-list.show .header {
	z-index: 1;
}

.dropdown.funds-dropdown .fa-chevron-down {
	position: absolute;
	right: 10px;
	top: 20px;
}

.hljs {
	color: #96a0af!important;
}

.hljs-number {
	color: #e1b04a!important;
}

.hljs-string {
	color: #10b981!important;
}

.hljs-keyword {
	color: #ef4444!important;
}

.hljs-punctuation,.hljs-tag {
	color: var(--color-3)!important;
}

.page-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	border-radius: 10px;
	background: linear-gradient(275deg,#27684a 0%,#35c581 100%);
	margin-bottom: 10px;
	position: relative;
	padding: 24px;
	overflow: hidden;
	z-index: 10;
	width: 100%;
}

.page-box::before {
	content: '';
	width: 8px;
	height: 60%;
	background: #fff;
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.page-box::after {
	content: "";
	position: absolute;
	top: 95%;
	right: 20%;
	width: 60%;
	height: 50%;
	transform: translate(100%,60%) scale(1);
	transition: .14s ease;
	background: var(--main-color);
	background: linear-gradient(120deg,#3be395 0%,rgb(59 227 149 / .15) 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.page-box.page-box-bg {
	padding: 40px 24px;
}

.page-box.page-box-bg img {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	opacity: 1;
	max-height: 185px;
}

.page-box img {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 1;
	opacity: .1;
}

.page-box h4 {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 0;
	font-size: 24px;
	color: #fff;
}

.page-box p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	padding-top: 5px;
	color: #fff;
}

.page-box .page-text p {
	max-width: 725px;
}

.page-box .page-text p .dot {
	font-size: 20px;
	color: #3be395;
	vertical-align: middle;
	line-height: 18px;
}

.page-box .page-text,.page-box a {
	position: relative;
	z-index: 3;
}

.sfilter-wrapper {
	box-shadow: 0 0 35px rgb(160 171 191 / .21);
	margin: 15px 0 35px 0;
	border-radius: 10px;
	padding: 10px;
}

.services-filters {
	display: flex;
	gap: 10px;
	flex-flow: row;
}

.services-filters .sfc-item:nth-child(2) {
	width: 100%;
}

.services-filters .btn-primary,.services-filters .btn-primary:hover,.services-filters .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #10B981!important;
	border-radius: 10px!important;
	box-shadow: none!important;
	border: none!important;
	gap: 15px;
	padding: 10px 20px!important;
	font-size: 14px;
}

.services-filters .dd-menu {
	min-width: 300px;
}

.services-filters .dd-menu ul {
	padding-left: 0;
}

.services-filters .dd-menu ul li {
	list-style: none;
}

.services-filters .dd-menu a {
	font-size: 13px;
}

.services-filters .btn-line-icon,.services-filters .btn-line-icon:hover,.services-filters .btn-line-icon:focus {
	background: var(--color-10)!important;
}

.dropdown-list .dropdown-link {
	border-radius: 8px;
	padding: 5px 12px;
	display: flex;
	align-items: center;
	gap: 5px;
	text-decoration: none;
	color: var(--color-3);
	transition: .2s ease all;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 400;
}

.dropdown-list .dropdown-icon {
	width: 20px;
}

.table-order {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
}

.table-order thead tr th {
	padding: 11px 14px;
	border: 0!important;
	background: var(--color-1);
	color: var(--color-3);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	white-space: nowrap;
	vertical-align: middle;
}

.table-order thead tr th:first-child {
	padding-left: 16px;
	border-radius: 10px 0 0 0;
}

.table-order thead tr th:last-child {
	padding-right: 16px;
	border-radius: 0 10px 0 0;
}

.table-order tbody tr {
	transition: background-color .18s ease;
}

.table-order tbody tr:hover {
	background: rgb(125 82 244 / .025);
}

.table-order tbody tr td {
	padding: 15px 14px;
	border: 0;
	border-top: 1px solid var(--color-1);
	vertical-align: middle;
	font-size: 12px;
}

.table-order tbody tr:first-child td {
	border-top: 0;
}

.table-order tbody tr td:first-child {
	padding-left: 16px;
}

.table-order tbody tr td:last-child {
	padding-right: 16px;
}

.table-order .checkbox {
	margin: 0;
}

.table-order .checkbox label {
	margin: 0;
}

.table-order .order-id {
	font-size: 12px;
	font-weight: 650;
	white-space: nowrap;
}

.table-order .order-date {
	font-size: 11px;
	color: var(--color-3);
	white-space: nowrap;
}

.table-order .order-info-cell {
	min-width: 260px;
	width: 32%;
}

.table-order .order-service {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}

.table-order .order-service-name {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	line-height: 1.35;
}

.table-order .order-service-name strong {
	font-size: 13px;
	font-weight: 700;
	color: var(--color-2);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.table-order .order-link-row {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

.table-order .link {
	display: block;
	min-width: 0;
	max-width: 100%;
	color: #3aa7e6;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: .85;
	transition: color .18s ease,opacity .18s ease;
}

.table-order .link:hover {
	color: #248ecb!important;
	opacity: 1;
	text-decoration: underline!important;
}

.table-order .squantity {
	white-space: nowrap;
}

.table-order .sremains {
	font-size: 12px;
	font-weight: 700;
	color: var(--color-3);
	white-space: nowrap;
}

.table-order .order-status {
	white-space: nowrap;
}

.orders-filters {
	display: flex;
	gap: 10px;
	flex-flow: row;
}

.table-order .order-status .op-stats {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 25px;
	padding: 5px 9px;
	border-radius: 6px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	border: 0;
}

.table-order .order-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5px;
}

.table-order .order-actions>* {
	margin: 0!important;
}

.table-order .op-stats-btn,.table-order .danger-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 0 9px;
	border-radius: 6px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none!important;
	white-space: nowrap;
	transition: background-color .18s ease,border-color .18s ease,color .18s ease;
}

.table-order .op-stats-btn {
	background: #27c77d;
	border: 1px solid #27c77d;
	color: #fff!important;
	opacity: .7;
}

.table-order .op-stats-btn:hover {
	background: #27c77d;
	border: 1px solid #27c77d;
	opacity: .7!important;
}

.table-order .danger-btn {
	background: #ef4444;
	border: 1px solid #ef4444;
}

.table-order .danger-btn:hover {
	background: #ef4444;
	border: 1px solid #ef4444;
}

.table-order .op-stats-btn.disabled {
	opacity: .4;
	cursor: not-allowed;
}

.table-responsive {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

@media (max-width:1199px) {
	.table-order tbody tr td {
		padding: 13px 11px;
	}

	.table-order thead tr th {
		padding: 10px 11px;
	}

	.table-order .order-info-cell {
		min-width: 240px;
	}
}

@media (max-width:767px) {
	.table-order tbody tr td {
		padding: 12px 9px;
	}

	.table-order thead tr th {
		padding: 9px;
		font-size: 9px;
	}

	.table-order .order-info-cell {
		min-width: 230px;
	}

	.table-order .order-service-name strong {
		font-size: 12px;
	}
}

.orders-filters .btn-primary,.orders-filters .btn-primary:hover,.orders-filters .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #10B981!important;
	border-radius: 10px!important;
	box-shadow: none!important;
	border: none!important;
	gap: 15px;
	padding: 10px 20px!important;
	font-size: 14px;
}

.orders-filters .dd-menu ul {
	padding-left: 0;
	margin-bottom: 0;
}

.orders-filters .dd-menu ul li {
	list-style: none;
}

.orders-filters .sf-item:nth-child(2) {
	width: 100%;
}

.sidebarPassive .appSidebar {
	width: 80px;
	transition: all 0.3s ease;
}

.sidebarPassive .appAuth {
	padding-left: 80px;
	transition: all 0.3s ease;
}

.sidebarPassive .appHeader {
	left: 80px;
	transition: all 0.3s ease;
}

.sidebarPassive .panel-logo img {
	width: 70px;
	transition: all 0.3s ease;
}

.sidebarPassive .appPlayer {
	padding: 0;
	transition: all 0.3s ease;
}

.sidebarPassive .sidebar-player {
	padding: 5px;
	margin: auto;
	border-radius: 10px;
	transition: all 0.3s ease;
}

.sidebarPassive .player-content {
	gap: 5px;
	flex-direction: column;
	transition: all 0.3s ease;
}

.sidebarPassive .player-right .song-name {
	display: none;
	transition: all 0.3s ease;
}

.sidebarPassive .sidebar-player .control-wrapper {
	gap: 2px;
}

.sidebarPassive .sidebar-player .control-btn {
	width: 12px;
	height: 12px;
	font-size: 10px;
	background: #3be395;
	margin-top: 5px;
	transition: all 0.3s ease;
}

.sidebarPassive .control-btn i {
	font-size: 9px;
	transition: all 0.3s ease;
}

.sidebarPassive .pm-wrapper .panel-head {
	display: none;
}

.sidebarPassive .panel-menu .mLink {
	padding: 10px 30px;
}

.sidebarPassive .panel-menu .mLink .mText,.sidebarPassive .panel-menu .mLink .mArrow {
	display: none;
}

.menu-toggle {
	background: #3be395;
	width: max-content;
	color: #fff;
	width: 28px;
	height: 28px;
	position: absolute;
	right: -15px;
	top: 30px;
	border-radius: 100px;
}

.sidebarPassive .fa-chevron-left {
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}

.oc-checkbox .checkbox label {
	margin-bottom: 0;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.checkbox input {
	display: none;
}

.checkbox-icon {
	content: "";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 5px;
	border: 1.5px solid #cbd5e1;
	background-color: #fff;
	box-shadow: none;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.checkbox-icon:hover {
	border-color: #8956fb;
}

.checkbox-icon::before {
	content: "";
	position: absolute;
	width: 200%;
	height: 200%;
	border-radius: 50%;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,140%);
	background-color: #3be395;
	transition: all .2s ease-in-out;
}

.checkbox-icon::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M10.0007 15.1709L19.1931 5.97852L20.6073 7.39273L10.0007 17.9993L3.63672 11.6354L5.05093 10.2212L10.0007 15.1709Z%27 fill=%27rgba%28255,255,255,1%29%27%3E%3C/path%3E%3C/svg%3E");
	transform: scale(0);
	width: 18px;
	height: 18px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	transition: .3s ease;
	transition-delay: .1s;
}

.checkbox input:checked~.checkbox-icon {
	border-color: #3be395;
}

.checkbox input:checked~.checkbox-icon::before {
	transform: translate(-50%,50%);
}

.checkbox input:checked~.checkbox-icon::after {
	transform: scale(1);
}

.checkbox input {
	display: none;
}

.filter-dropdown {
	position: fixed;
	z-index: 1030;
	bottom: 0;
	padding: 30px 0;
	max-width: calc(100% - 280px);
	left: 280px;
	width: 100%;
	display: flex;
	justify-content: center;
	background: linear-gradient(180deg,#fff0 0%,rgb(59 227 149 / .55) 100%);
	transition: .2s ease all;
}

.sidebarPassive .filter-dropdown {
	max-width: calc(100% - 80px);
	left: 80px;
}

.filter-dropdown .dropdown-menu {
	top: -85px!important;
}

.filter-dropdown .dropdown-menu li a {
	white-space: nowrap;
}

.btn-copy {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #8956fb!important;
	border-radius: 10px!important;
	box-shadow: 0 5px 14px rgb(137 86 251 / .18)!important;
	border: none!important;
	gap: 15px;
	padding: 10px 20px!important;
	color: #fff!important;
}

#notify {
	visibility: hidden;
	width: 100%;
	background: #3be395;
	color: #3be395;
	text-align: center;
	padding: 10px 20px;
	position: fixed;
	top: 15px;
	left: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: max-content;
	border-radius: 10px;
}

#notify.show i {
	background: #fff;
	color: #3be395;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 5px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

#notify.show {
	visibility: visible;
	-webkit-animation: .5s fadein,.5s 2.5s fadeout;
	animation: .5s fadein,.5s 2.5s fadeout;
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
}

#notify.show i {
	color: #3be395;
	flex-direction: column;
}

#notify #notifyText {
	display: flex;
	align-items: center;
	gap: 7px;
}

#notify #notifyText .text {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

.dropdown-list .dropdown-icon {
	width: 20px;
}

.dash-widgets {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 15px;
	margin: 15px 0;
}

.dash-widgets>div {
	min-width: 0;
}

.dash-widgets .item {
	position: relative;
	width: 100%;
	min-height: 165px;
	overflow: hidden;
	border-radius: 10px;
	padding: 24px;
	background: #fff;
	border: 1px solid rgb(20 25 35 / .07);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	isolation: isolate;
	transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.dash-widgets .item:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgb(20 25 35 / .08);
	border-color: rgb(20 25 35 / .10);
}

.dash-widgets .item::before {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	right: -65px;
	bottom: -70px;
	border-radius: 50%;
	border: 1px solid rgb(125 82 244 / .10);
	box-shadow: 0 0 0 22px rgb(125 82 244 / .025),0 0 0 44px rgb(125 82 244 / .018),0 0 0 66px rgb(125 82 244 / .012);
	z-index: -1;
	pointer-events: none;
}

.dash-widgets .item::after {
	content: "";
	position: absolute;
	width: 260px;
	height: 260px;
	right: -145px;
	top: -145px;
	border-radius: 50%;
	background: radial-gradient(circle,rgb(125 82 244 / .07) 0%,rgb(125 82 244 / .025) 35%,transparent 70%);
	z-index: -1;
	pointer-events: none;
}

.dash-widgets .item {
	background-image: radial-gradient(rgb(125 82 244 / .07) 1px,transparent 1px);
	background-size: 18px 18px;
	background-position: calc(100% - 15px) calc(100% - 15px);
	background-repeat: no-repeat;
}

.dash-widgets .item h3 {
	position: relative;
	z-index: 2;
	margin: 0;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: .1px;
	color: #7b8491;
}

.dash-widgets .item p {
	position: relative;
	z-index: 2;
	margin: 0;
	font-size: 27px;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: -.5px;
	color: #1e2430;
}

.dash-widgets .item p span {
	position: relative;
	z-index: 2;
}

.dash-widgets .item a {
	position: relative;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: max-content;
	margin-top: 15px;
	padding: 7px 11px 7px 13px;
	border-radius: 7px;
	background: rgb(125 82 244 / .08);
	color: #7650e9!important;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none!important;
	transition: background .2s ease,color .2s ease,transform .2s ease;
}

.dash-widgets .item a i {
	font-size: 11px;
	transition: transform .2s ease;
}

.dash-widgets .item a:hover {
	background: #7d52f4;
	color: #fff!important;
	opacity: 1;
	transform: translateY(-1px);
}

.dash-widgets .item a:hover i {
	transform: translateX(3px);
}

.dash-widgets .item:nth-child(1)::before {
	border-color: rgb(125 82 244 / .14);
	box-shadow: 0 0 0 22px rgb(125 82 244 / .035),0 0 0 44px rgb(125 82 244 / .022),0 0 0 66px rgb(125 82 244 / .012);
}

.dash-widgets .item:nth-child(1)::after {
	background: radial-gradient(circle,rgb(125 82 244 / .11) 0%,rgb(125 82 244 / .035) 35%,transparent 70%);
}

.dash-widgets .item:nth-child(1) a {
	background: rgb(125 82 244 / .09);
	color: #7650e9!important;
}

.dash-widgets .item:nth-child(1) a:hover {
	background: #7650e9;
	color: #fff!important;
}

.dash-widgets .item:nth-child(2)::before {
	border-color: rgb(59 130 246 / .13);
	box-shadow: 0 0 0 22px rgb(59 130 246 / .035),0 0 0 44px rgb(59 130 246 / .022),0 0 0 66px rgb(59 130 246 / .012);
}

.dash-widgets .item:nth-child(2)::after {
	background: radial-gradient(circle,rgb(59 130 246 / .10) 0%,rgb(59 130 246 / .035) 35%,transparent 70%);
}

.dash-widgets .item:nth-child(2) a {
	background: rgb(59 130 246 / .08);
	color: #3479df!important;
}

.dash-widgets .item:nth-child(2) a:hover {
	background: #3b82f6;
	color: #fff!important;
}

.dash-widgets .item:nth-child(3) {
	background: linear-gradient(135deg,#1d6d4c 0%,#248d62 50%,#35c581 100%);
	border-color: #fff0;
	box-shadow: 0 8px 25px rgb(39 145 96 / .18);
}

.dash-widgets .item:nth-child(3)::before {
	width: 210px;
	height: 210px;
	right: -80px;
	bottom: -85px;
	border-color: rgb(255 255 255 / .16);
	box-shadow: 0 0 0 24px rgb(255 255 255 / .045),0 0 0 48px rgb(255 255 255 / .025),0 0 0 72px rgb(255 255 255 / .015);
}

.dash-widgets .item:nth-child(3)::after {
	width: 300px;
	height: 300px;
	right: -160px;
	top: -165px;
	background: radial-gradient(circle,rgb(255 255 255 / .12) 0%,rgb(255 255 255 / .035) 35%,transparent 70%);
}

.dash-widgets .item:nth-child(3) h3 {
	color: rgb(255 255 255 / .72);
}

.dash-widgets .item:nth-child(3) p {
	color: #fff;
}

.dash-widgets .item:nth-child(3) a {
	background: rgb(255 255 255 / .95)!important;
	color: #21845b!important;
}

.dash-widgets .item:nth-child(3) a:hover {
	background: #fff!important;
	color: #176b48!important;
}

.dash-widgets .item:nth-child(4)::before {
	border-color: rgb(245 158 11 / .14);
	box-shadow: 0 0 0 22px rgb(245 158 11 / .035),0 0 0 44px rgb(245 158 11 / .022),0 0 0 66px rgb(245 158 11 / .012);
}

.dash-widgets .item:nth-child(4)::after {
	background: radial-gradient(circle,rgb(245 158 11 / .10) 0%,rgb(245 158 11 / .03) 35%,transparent 70%);
}

.dash-widgets .item:nth-child(4) a {
	background: rgb(245 158 11 / .09);
	color: #d98a08!important;
}

.dash-widgets .item:nth-child(4) a:hover {
	background: #f59e0b;
	color: #fff!important;
}

.dark .dash-widgets .item {
	background-color: #171b24;
	border-color: rgb(255 255 255 / .06);
	box-shadow: 0 6px 25px rgb(0 0 0 / .16);
}

.dark .dash-widgets .item h3 {
	color: #929baa;
}

.dark .dash-widgets .item p {
	color: #fff;
}

.dark .dash-widgets .item:nth-child(1) a {
	background: rgb(125 82 244 / .14);
}

.dark .dash-widgets .item:nth-child(2) a {
	background: rgb(59 130 246 / .12);
}

.dark .dash-widgets .item:nth-child(4) a {
	background: rgb(245 158 11 / .12);
}

@media (max-width:1100px) {
	.dash-widgets {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.dash-widgets .item {
		max-width: none;
	}
}

@media (max-width:575px) {
	.dash-widgets {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.dash-widgets .item {
		min-height: 165px;
		padding: 21px;
	}

	.dash-widgets .item p {
		font-size: 25px;
	}
}

.dash-statics {
	display: grid;
	grid-template-columns: 1fr 1.55fr .95fr;
	gap: 15px;
	margin: 15px 0;
	align-items: stretch;
}

.dash-statics>div {
	min-width: 0;
}

.dash-statics .dash-orders,.dash-statics .dash-referral {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff;
	border: 1px solid rgb(20 25 35 / .07);
	border-radius: 10px;
	padding: 20px;
	isolation: isolate;
	transition: transform .25s ease,;
}

.dash-statics .dash-orders::before,.dash-statics .dash-referral::before {
	content: "";
	position: absolute;
	width: 190px;
	height: 190px;
	right: -95px;
	bottom: -100px;
	border-radius: 50%;
	border: 1px solid rgb(125 82 244 / .10);
	box-shadow: 0 0 0 22px rgb(125 82 244 / .025),0 0 0 44px rgb(125 82 244 / .018),0 0 0 66px rgb(125 82 244 / .012);
	z-index: -1;
	pointer-events: none;
}

.dash-statics .dash-orders::after,.dash-statics .dash-referral::after {
	content: "";
	position: absolute;
	width: 230px;
	height: 230px;
	right: -130px;
	top: -130px;
	border-radius: 50%;
	background: radial-gradient(circle,rgb(125 82 244 / .06) 0%,rgb(125 82 244 / .02) 38%,transparent 70%);
	z-index: -1;
	pointer-events: none;
}

.dash-statics .dash-orders h3,.dash-statics .dash-referral h3 {
	position: relative;
	z-index: 2;
	margin: 0;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: -.15px;
	color: #20242c;
}

.dark .dash-statics .dash-orders,.dark .dash-statics .dash-referral {
	background: #171b24;
	border-color: rgb(255 255 255 / .06);
	box-shadow: 0 6px 25px rgb(0 0 0 / .16);
}

.dark .dash-statics .dash-orders h3,.dark .dash-statics .dash-referral h3 {
	color: #fff;
}

.dash-statics .dash-orders {
	display: flex;
	flex-direction: column;
	min-height: 365px;
}

#order-list {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	height: auto;
	flex: 1;
	margin-top: 16px;
}

#order-list .table-order {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0 5px;
}

#order-list .table-order thead th {
	padding: 7px 7px 7px;
	border: 0;
	color: #929aa7;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
}

#order-list .table-order tbody tr {
	background: var(--color-1);
	transition: background .2s ease;
}

#order-list .table-order td {
	padding: 9px 7px;
	border: 0;
	font-size: 12px;
	color: #707987;
	white-space: nowrap;
}

#order-list .table-order td:first-child {
	border-radius: 7px 0 0 7px;
}

#order-list .table-order td:last-child {
	border-radius: 0 7px 7px 0;
	text-align: right;
}

#order-list .table-order a {
	font-weight: 700;
	color: #6f4ce6;
	text-decoration: none!important;
}

#order-list .table-order a:hover {
	color: #7d52f4;
}

#order-list .table-order .fa-check-circle {
	color: #24b878;
}

#order-list .table-order .fa-times-circle {
	color: #ed6262;
}

#order-list .table-order .fa-spinner {
	color: #7d52f4;
}

#order-list .table-order .fa-exclamation-circle {
	color: #e89b25;
}

#order-list .table-order .fa-clock {
	color: #d96fa9;
}

#order-list .all-orders {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding: 8px 9px 8px 13px;
	border-radius: 8px;
	background: rgb(125 82 244 / .15);
	color: #704be1!important;
	font-size: 12px;
	font-weight: 700;
	transition: all .2s ease;
}

#order-list .all-orders:hover {
	background: #7d52f4;
	color: #fff!important;
}

#order-list .all-orders i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: rgb(125 82 244 / .12);
	color: #704be1;
	transform: rotate(-30deg);
	transition: all .2s ease;
}

#order-list .all-orders:hover i {
	background: rgb(255 255 255 / .2);
	color: #fff;
	transform: rotate(-30deg) translateX(2px);
}

.dash-statics .dash-referral {
	display: flex;
	flex-direction: column;
	min-height: 365px;
}

.dash-statics .dash-referral::before {
	border-color: rgb(16 185 129 / .12);
	box-shadow: 0 0 0 22px rgb(16 185 129 / .025),0 0 0 44px rgb(16 185 129 / .018),0 0 0 66px rgb(16 185 129 / .012);
}

.dash-statics .dash-referral::after {
	background: radial-gradient(circle,rgb(16 185 129 / .07) 0%,rgb(16 185 129 / .02) 38%,transparent 70%);
}

.dash-statics .dash-referral ul {
	position: relative;
	z-index: 2;
	padding: 0;
	margin: 15px 0 12px;
}

.dash-statics .dash-referral ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	min-height: 25px;
	padding: 4px 7px;
	border-radius: 5px;
	font-size: 13px;
	color: #747d89;
}

.dash-statics .dash-referral ul li strong {
	font-weight: 700;
	color: #444b55;
}

.dark .dash-statics .dash-referral ul li strong {
	color: #e4e7eb;
}

.dash-statics .dash-referral ul li:nth-child(odd) {
	background: #f7f8fa;
}

.dark .dash-statics .dash-referral ul li:nth-child(odd) {
	background: rgb(255 255 255 / .035);
}

.dash-statics .dash-referral ul li:first-child {
	display: flex;
	align-items: center;
	gap: 8px;
	background: rgb(16 185 129 / .09)!important;
	color: #19875f!important;
	margin-bottom: 8px;
	padding: 7px 9px;
	font-size: 12px;
}

.dash-statics .dash-referral ul li:first-child span:first-child {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dash-statics .dash-referral ul li:first-child strong {
	color: #19875f;
}

.dash-statics .dash-referral ul li:first-child i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	border-radius: 6px;
	background: #fff;
	color: #19875f;
	cursor: pointer;
	transition: all .2s ease;
}

.dash-statics .dash-referral ul li:first-child i:hover {
	background: #19875f;
	color: #fff;
	opacity: 1;
}

.dash-statics .dash-referral p {
	position: relative;
	z-index: 2;
	margin: auto 0 7px;
	text-align: center;
	font-size: 12px;
	color: #7c8490;
}

.dash-statics .dash-referral p strong {
	color: #20252d;
}

.dark .dash-statics .dash-referral p {
	color: #9da5b1;
}

.dark .dash-statics .dash-referral p strong {
	color: #fff;
}

.dash-statics .dash-referral .ref-alt-text {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 11px;
	color: #9aa2ae;
}

.dash-statics .dash-referral .ref-alt-text i {
	color: #10b981;
}

.dash-statics .last-widgets {
	display: grid;
	grid-template-rows: 1fr 1fr;
	gap: 15px;
	width: 100%;
	max-width: none;
}

.dash-statics .last-widgets>div {
	min-height: 0;
}

.dash-statics .last-widgets .lw-1,.dash-statics .last-widgets .lw-2 {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 13px;
	width: 100%;
	min-height: 175px;
	padding: 20px;
	border-radius: 10px;
	cursor: pointer;
	transition: transform .25s ease,box-shadow .25s ease;
}

.dash-statics .last-widgets .lw-1:hover,.dash-statics .last-widgets .lw-2:hover {
	transform: translateY(-2px);
}

.dash-statics .last-widgets .lw-1 {
	background: linear-gradient(135deg,#137db4 0%,#239ed8 55%,#46b7e8 100%);
}

.dash-statics .last-widgets .lw-1::before {
	content: "";
	position: absolute;
	width: 150px;
	height: 150px;
	right: -65px;
	bottom: -75px;
	border-radius: 50%;
	border: 1px solid rgb(255 255 255 / .17);
	box-shadow: 0 0 0 20px rgb(255 255 255 / .04),0 0 0 40px rgb(255 255 255 / .025);
}

.dash-statics .last-widgets .lw-1::after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	right: -90px;
	top: -100px;
	border-radius: 50%;
	background: rgb(255 255 255 / .07);
}

.dash-statics .last-widgets .lw-2 {
	background: linear-gradient(135deg,#d79b16 0%,#efb928 55%,#f8cd48 100%);
}

.dash-statics .last-widgets .lw-2::before {
	content: "";
	position: absolute;
	width: 150px;
	height: 150px;
	right: -65px;
	bottom: -75px;
	border-radius: 50%;
	border: 1px solid rgb(255 255 255 / .20);
	box-shadow: 0 0 0 20px rgb(255 255 255 / .045),0 0 0 40px rgb(255 255 255 / .025);
}

.dash-statics .last-widgets .lw-2::after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	right: -90px;
	top: -100px;
	border-radius: 50%;
	background: rgb(255 255 255 / .07);
}

.dash-statics .last-widgets .lw-1 img,.dash-statics .last-widgets .lw-2 img {
	position: relative;
	z-index: 2;
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	object-fit: contain;
	max-width: 48px;
}

.dash-statics .last-widgets .lw-1 h3,.dash-statics .last-widgets .lw-2 h3 {
	position: relative;
	z-index: 2;
	margin: 0 0 5px;
	font-size: 18px;
	line-height: 1.25;
	font-weight: 900;
	color: #fff;
}

.dash-statics .last-widgets .lw-1 p,.dash-statics .last-widgets .lw-2 p {
	position: relative;
	z-index: 2;
	margin: 0;
	font-size: 13px;
	line-height: 1.55;
	color: rgb(255 255 255 / .84);
}

.dash-statics .last-widgets .lw-1 span,.dash-statics .last-widgets .lw-2 span {
	position: absolute;
	z-index: 3;
	top: 12px;
	right: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	border: 1px solid rgb(255 255 255 / .35);
	transition: transform .2s ease;
}

.dash-statics .last-widgets .lw-1 span {
	background: rgb(59 227 149 / .95);
	color: #fff;
	animation: pulse-green 2.5s infinite;
}

.dash-statics .last-widgets .lw-2 span {
	background: rgb(255 255 255 / .9);
	color: #555;
}

.dash-statics .last-widgets .lw-2 span i {
	transform: rotate(-30deg);
}

.dash-statics .last-widgets .lw-1:hover span,.dash-statics .last-widgets .lw-2:hover span {
	transform: scale(1.08);
}

@keyframes pulse-green {
	0% {
		box-shadow: 0 0 0 0 rgb(59 227 149 / .55);
	}

	70% {
		box-shadow: 0 0 0 9px #fff0;
	}

	100% {
		box-shadow: 0 0 0 0 #fff0;
	}
}

.dark .dash-statics .last-widgets .lw-1,.dark .dash-statics .last-widgets .lw-2 {
	box-shadow: 0 8px 25px rgb(0 0 0 / .18);
}

.dash-info {
	display: grid;
	grid-template-columns: 1.65fr .9fr;
	gap: 15px;
	margin: 15px 0;
	align-items: stretch;
}

.dash-info .dash-spends,.dash-info .dash-logins {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff;
	border: 1px solid rgb(20 25 35 / .07);
	border-radius: 10px;
	isolation: isolate;
	transition: transform .25s ease,;
}

.dash-info .dash-spends::before,.dash-info .dash-logins::before {
	content: "";
	position: absolute;
	width: 240px;
	height: 240px;
	right: -125px;
	bottom: -125px;
	border-radius: 50%;
	border: 1px solid rgb(125 82 244 / .09);
	box-shadow: 0 0 0 24px rgb(125 82 244 / .022),0 0 0 48px rgb(125 82 244 / .014),0 0 0 72px rgb(125 82 244 / .009);
	z-index: -1;
	pointer-events: none;
}

.dash-info .dash-spends::after,.dash-info .dash-logins::after {
	content: "";
	position: absolute;
	width: 300px;
	height: 300px;
	right: -170px;
	top: -175px;
	border-radius: 50%;
	background: radial-gradient(circle,rgb(125 82 244 / .055) 0%,rgb(125 82 244 / .018) 38%,transparent 70%);
	z-index: -1;
	pointer-events: none;
}

.dash-info .dash-spends {
	max-width: none;
	padding: 20px;
	min-height: 330px;
}

.dash-info .dash-spends h3,.dash-info .dash-logins h3 {
	position: relative;
	z-index: 3;
	margin: 0;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: -.15px;
	color: #20242c;
}

.dark .dash-info .dash-spends,.dark .dash-info .dash-logins {
	background: #171b24;
	border-color: rgb(255 255 255 / .06);
	box-shadow: 0 6px 25px rgb(0 0 0 / .16);
}

.dark .dash-info .dash-spends h3,.dark .dash-info .dash-logins h3 {
	color: #fff;
}

.static-date {
	position: absolute;
	z-index: 5;
	top: 17px;
	right: 18px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.static-date .form-group {
	margin: 0;
}

.static-date .form-control {
	height: 31px;
	min-width: 55px;
	padding: 3px 25px 3px 9px;
	border: 1px solid rgb(20 25 35 / .08);
	border-radius: 7px;
	background-color: #f7f8fa;
	color: #59616e;
	font-size: 11px;
	font-weight: 700;
	box-shadow: none;
	cursor: pointer;
	transition: border-color .2s ease,background .2s ease;
}

.static-date .form-control:hover {
	border-color: rgb(125 82 244 / .25);
	background-color: #fff;
}

.static-date .form-control:focus {
	border-color: rgb(125 82 244 / .35);
	box-shadow: 0 0 0 3px rgb(125 82 244 / .06);
}

.dark .static-date .form-control {
	background-color: #20252f;
	border-color: rgb(255 255 255 / .07);
	color: #d7dce3;
}

#spendingChart {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%!important;
	margin-top: 25px;
	min-height: 230px;
}

.dash-info .dash-logins {
	max-width: none;
	padding: 20px;
	min-height: 330px;
}

.dash-info .dash-logins p {
	position: relative;
	z-index: 2;
	margin: 8px 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 1.55;
	color: #9099a6;
}

#login-history {
	position: relative;
	z-index: 2;
	margin-top: 16px;
}

#login-history-body {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.ip-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-width: 0;
	padding: 8px 9px;
	border: 1px solid #fff0;
	border-radius: 8px;
	background: #f7f8fa;
	transition: background .2s ease,border-color .2s ease;
}

.ip-box:hover {
	background: #f1f3f7;
	border-color: rgb(125 82 244 / .07);
}

.ip-box:last-child {
	padding: 8px 9px;
	border-bottom: 1px solid #fff0;
}

.dash-info .dash-logins .ip-box-left {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
}

.dash-info .dash-logins .ip-box-flag {
	flex: 0 0 auto;
}

.dash-info .dash-logins .ip-box-flag .flag-icon {
	display: block;
	width: 29px;
	height: 29px;
	border-radius: 50%;
	font-size: 29px;
	box-shadow: 0 2px 5px rgb(20 25 35 / .08);
}

.dash-info .dash-logins .ip-box-log {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.dash-info .dash-logins .ip-box-log .ip {
	display: block;
	width: 17ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	font-weight: 700;
	color: #303640;
}

.dark .dash-info .dash-logins .ip-box-log .ip {
	color: #e9ecf0;
}

.dash-info .dash-logins .date {
	font-size: 10px;
	color: #24b77a;
}

.dash-info .dash-logins .ip-box-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
	flex: 0 0 auto;
}

.dash-info .dash-logins .ip-box-right .country {
	font-size: 10px;
	font-weight: 700;
	color: #68717e;
}

.dark .dash-info .dash-logins .ip-box-right .country {
	color: #cbd0d8;
}

.dash-info .dash-logins .ip-box-right .report {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 6px;
	border: 1px solid rgb(239 98 98 / .12);
	border-radius: 5px;
	background: rgb(239 98 98 / .08);
	color: #df5d5d;
	font-size: 9px;
	font-weight: 700;
	cursor: pointer;
	transition: background .2s ease,color .2s ease,border-color .2s ease;
}

.dash-info .dash-logins .ip-box-right .report:hover {
	background: #e96363;
	border-color: #e96363;
	color: #fff;
}

.dark .dash-info .dash-logins .ip-box {
	background: rgb(255 255 255 / .035);
}

.dark .dash-info .dash-logins .ip-box:hover {
	background: rgb(255 255 255 / .055);
	border-color: rgb(255 255 255 / .06);
}

@media (max-width:1000px) {
	.dash-info {
		grid-template-columns: 1fr;
	}

	.dash-info .dash-spends,.dash-info .dash-logins {
		max-width: none;
	}
}

@media (max-width:600px) {
	.dash-info .dash-spends,.dash-info .dash-logins {
		padding: 17px;
	}

	.static-date {
		top: 14px;
		right: 14px;
	}

	.static-date .form-control {
		height: 29px;
		font-size: 10px;
	}

	.dash-info .dash-logins .ip-box {
		padding: 7px;
	}

	.dash-info .dash-logins .ip-box-log .ip {
		width: 14ch;
	}
}

@media (max-width:1100px) {
	.dash-statics {
		grid-template-columns: 1fr 1fr;
	}

	.dash-statics .dash-orders,.dash-statics .dash-referral {
		max-width: none;
	}

	.dash-statics .last-widgets {
		grid-column: 1 / -1;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: none;
	}
}

@media (max-width:700px) {
	.dash-statics {
		grid-template-columns: 1fr;
	}

	.dash-statics .last-widgets {
		grid-column: auto;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}

	.dash-statics .dash-orders,.dash-statics .dash-referral {
		min-height: 350px;
	}
}

@media (max-width:450px) {
	.dash-statics .dash-orders,.dash-statics .dash-referral {
		padding: 17px;
	}

	.dash-statics .last-widgets .lw-1,.dash-statics .last-widgets .lw-2 {
		padding: 17px;
	}
}

.modal-xl {
	max-width: 1024px!important;
}

.modal-header {
	display: flex;
	padding: 15px 25px;
	align-items: center;
	justify-content: start;
	gap: 10px;
	position: relative;
	border-bottom: 1px solid var(--color-8);
}

.modal-header .btn-line-icon {
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 10px;
	background: var(--color-10);
	color: var(--color-3);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex: 0 0 auto;
	margin-left: auto;
	font-weight: 600;
}

.modal-content {
	background: var(--color-2);
}

.modal-body {
	overflow-y: auto;
	color: var(--color-3);
}

.modal-content {
	max-height: calc(100vh - 60px);
	border-radius: 15px;
}

.modal-footer {
	border-top: 1px solid var(--color-8);
}

.modal-title {
	margin: 0;
	color: #111827;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 600;
}

.dark .modal-title {
	color: #fff;
}

.modal-icon {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background-color: #10B981;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 18px;
}

@media (min-width:576px) {
	.modal-dialog {
		max-width: 700px;
	}
}

.sccs-top {
	background: var(--color-10);
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 15px;
}

.sccs-top p {
	margin-bottom: 0;
}

.sccs {
	background-color: var(--color-8);
	padding: 10px 20px;
	width: max-content;
	border-radius: 25px;
}

.sccs-wrapper {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 10px;
}

.sccs-item {
	display: flex;
	align-items: center;
	flex-direction: column;
	background-color: var(--color-10);
	border: 1px solid var(--color-8);
	border-radius: 10px;
	overflow: hidden;
	padding: 15px;
	position: relative;
	text-align: center;
}

.sccs-item span {
	padding: 5px 15px;
	border-radius: 10px;
	margin-bottom: 10px;
	color: #fff;
}

.sccs-item span.sccs-basic {
	background: #fff100;
}

.sccs-item span.sccs-medium {
	background: #16c60c;
}

.sccs-item span.sccs-elite {
	background: #0078d7;
}

.theme-switch input[type="checkbox"] {
	display: none;
}

#switch {
	margin: 0 auto;
	position: relative;
	display: block;
	width: 60px;
	height: 25px;
	background: linear-gradient(275deg,#fedc45 0%,#ffd02c 100%);
	border-radius: 7px;
	cursor: pointer;
}

#circle {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	background: #fff;
	right: calc(100% - 5px - 1em);
	top: -2px;
	left: 0;
	transition: 0.6s ease;
	transition: 0.6s cubic-bezier(.65,-.05,.29,1.2);
	background-clip: padding-box;
	z-index: 5;
	width: 30px;
	height: 30px;
	border-radius: 7px;
	text-align: center;
	line-height: 30px;
	color: #111;
}

#toggle:checked+#switch #circle {
	left: 30px;
}

#toggle:checked+#switch {
	background: #3be395;
}

#circle .fa-sun {
	color: #ffd02c;
}

.dark #circle .fa-sun {
	display: none;
}

#circle .fa-moon,.light #circle .fa-moon {
	display: none;
}

.dark #circle .fa-moon {
	display: block;
	line-height: 30px;
}

.wallet-auto {
	overflow: auto;
}

.topb-btn,.topb-btn:focus {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid var(--color-8)!important;
	background: var(--color-2);
	color: var(--color-3);
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	position: relative;
	box-shadow: none!important;
}

.topb-btn .btn-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 7px;
	background: #10B981;
	color: #fff;
}

.top-box .dd-menu {
	left: auto!important;
}

.topb-menu .dropdown-list .dropdown-link {
	white-space: nowrap;
}

.acc-section {
	border-bottom: 1px solid var(--color-2);
}

.topb-menu .topb-btn .avatar-dot {
	position: absolute;
	background: #10b981;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	left: 32px;
	top: 8px;
	z-index: 1;
	border: 2px solid var(--color-2);
}

.topb-date {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	font-weight: 700;
}

.topb-date i {
	font-size: 14px;
	color: #3be395;
}

.dash-earn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: url(https://storage.perfectcdn.com/966zjr/2wqm7ypy8zefkina.webp),var(--color-2);
	background-size: cover;
	width: 100%;
	position: relative;
	border-radius: 10px;
	padding: 25px 35px;
}

.dash-earn .de-first {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.dash-earn .de-first h3 {
	font-size: 24px;
	color: #1e1f22;
	font-weight: 700;
	line-height: 32px;
}

.dark .dash-earn .de-first h3 {
	color: #fff;
}

.dash-earn .de-first .all-earn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	background: #27684a;
	background: -moz-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	border-radius: 5px;
	padding: 7px 15px;
	color: #fff!important;
}

.dash-earn .de-first .all-earn i {
	background: rgb(255 255 255 / .3);
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	color: #fff;
	transform: rotate(-30deg);
}

.dash-earn .de-last {
	display: flex;
	align-items: stretch;
	gap: 15px;
}

.dash-earn .de-last>div {
	flex: 1;
}

.dash-earn .de-last .item {
	border-left: 1px solid #96a0af;
	padding: 0 15px 0 30px;
}

.dash-earn .de-last .item:nth-child(1) {
	border: none;
}

.dash-earn .de-last .item h4 {
	font-size: 16px;
	font-weight: 700;
	color: #96a0af;
}

.dash-earn .de-last .item ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.dash-earn .de-last .item ul li {
	font-size: 13px;
}

.updates-filters .btn-primary,.updates-filters .btn-primary:hover,.updates-filters .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #10B981!important;
	border-radius: 10px!important;
	box-shadow: none!important;
	border: none!important;
	gap: 15px;
	padding: 10px 20px!important;
	font-size: 14px;
}

.dropdown-list#currencies-list .dropdown-link.dl-funds {
	background: #3be395;
	color: #fff!important;
}

.get-touch {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 5px;
}

.get-touch span {
	font-weight: 700;
	color: #b6ffdd;
}

.dark .get-touch span {
	color: #fff;
}

.get-touch-btn {
	display: flex;
	align-items: center;
	gap: 5px;
	background: #3be395;
	border-radius: 35px;
	color: #fff;
	padding: 5px 10px 5px 5px;
	position: relative;
	font-size: 18px;
	font-weight: 700;
	z-index: 3;
	-webkit-animation: pulse-green 2s infinite;
	animation: pulse-green 2s infinite;
}

.get-touch-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 35px;
	color: #3be395;
	width: 32px;
	height: 32px;
	position: relative;
	font-size: 18px;
	z-index: 3;
}

.chat .ticket-message {
	max-width: 450px;
	width: 100%;
}

.chat .ticket-message.owner-message {
	margin-left: auto;
}

.chat .ticket-message-box {
	border-radius: 10px 10px 10px 0;
	border: 1px solid var(--color-8);
	background: var(--color-10);
	padding: 14px 22px;
	color: var(--color-3);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

.chat .ticket-message.owner-message .ticket-message-box {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 1px;
}

.chat .ticket-message.owner-message .ticket-message-box.nora {
	border-radius: 10px 0 10px 10px;
}

.chat .ticket-message.owner-message .ticket-message-box.nora small.ai {
	background: linear-gradient(135deg,#feda75 0%,#fa7e1e 22%,#d62976 50%,#962fbf 76%,#4f5bd5 100%);
	padding: 0 10px;
	border-radius: 5px;
	font-weight: 700;
	padding: 0 7px;
	border-radius: 5px;
	font-weight: 700;
	color: #fff;
	position: absolute;
	right: 5px;
	top: 5px;
}

.chat .ticket-message.owner-message .ticket-message-box:not(.nora) {
	padding: 14px 22px;
	background: #10B981;
	color: #fff;
	border-color: #10B981;
}

.chat .ticket-message.owner-message .ticket-message-box.nora::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: conic-gradient(#fff0 0deg,#34a852 40deg,#ffd314 70deg,#ff4641 110deg,#3186ff 160deg,rgb(49 134 255 / .5) 220deg,#fff0 300deg,#fff0 360deg);
	animation: spin 12s cubic-bezier(.4,0,.2,1) infinite;
	filter: blur(15px);
	z-index: 0;
}

.chat .ticket-message.owner-message .ticket-message-box .ticket-message-inner {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

.chat .ticket-message.owner-message .ticket-message-box.nora .ticket-message-inner {
	display: block;
	padding: 12px 18px;
	border-radius: inherit;
	background: var(--color-1);
	color: var(--color-3);
	font-weight: 700;
	position: relative;
	z-index: 1;
	width: 100%;
}

.chat .ticket-message.owner-message .ticket-message-box li {
	list-style-type: inherit;
}

.chat .ticket-message.owner-message .ticket-message-box blockquote {
	border-left: 3px solid var(--color-6);
	padding: 2px;
	margin: 7px 0 20px;
}

.chat .ticket-message-info {
	padding-top: 5px;
	display: flex;
	gap: 10px;
	align-items: center;
	color: var(--color-3);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -.443px;
}

.chat .ticket-message-info .ticket-time {
	font-size: 13px;
	color: #96a0af;
}

.chat .ticket-message-info .ticket-owner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.chat .ticket-message-info .ticket-owner span:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--color-6);
	position: relative;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
}

.chat .ticket-message-info .ticket-owner span {
	font-size: 16px;
	font-weight: 700;
}

.chat .ticket-message-info .ticket-owner.support span:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 5px;
	background: #10B981;
	position: relative;
	color: #fff;
	font-size: 14px;
}

.chat .ticket-message-box p {
	margin-bottom: 0;
}

.chat .ticket-message-info .ticket-owner.support {
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 700;
	color: #10B981;
}

.chat .ticket-message-info .ticket-owner.support .avatar img {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: 0 auto;
}

.chat .ticket-message-info .ticket-owner.customer {
	display: flex;
	align-items: center;
	gap: 5px;
}

.chat .ticket-message-info .ticket-owner.customer .avatar {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: 0 auto;
	background: var(--color-10);
	font-weight: 700;
}

.ticket-footer textarea {
	height: 75px;
}

.ticket-footer .files-btn .files-wrapper {
	background: linear-gradient(275deg,#89604a 0%,#b37958 100%);
	font-size: 16px;
	color: #fff!important;
	position: relative;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	border-radius: 15px;
	padding: 10px;
	border: none;
}

.ticket-footer .files-btn .files-wrapper a {
	color: #fff!important;
}

.ticket-footer .files-btn .files-label {
	display: none;
}

.ticket-footer-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}

.sidebar-menu-wrapper .sidebar-category {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	position: relative;
	background: var(--color-1);
	border-left: none;
	border-right: none;
	padding: 6px 6px 6px 16px;
	cursor: pointer;
	margin-bottom: 3px;
}

.sidebar-menu-wrapper .sidebar-category p {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-3);
	letter-spacing: .6px;
	margin: 0;
}

.sidebar-menu-wrapper .sidebar-category .btn-chevron {
	background: #e4eaf2;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	transition: transform 0.3s ease;
	color: var(--color-3);
}

.dark .sidebar-menu-wrapper .sidebar-category .btn-chevron {
	background: #111010;
}

.dark .sidebar-menu-wrapper .sidebar-category {
	background: var(--color-10);
}

.sidebar-menu-wrapper .sidebar-category .btn-chevron.rotate {
	transform: rotate(180deg);
}

.sidebar-menu-wrapper li {
	transition: max-height 0.3s ease,opacity 0.3s ease;
}

.nav.new-order-tabs {
	display: grid;
	margin: 0;
	padding: 0;
	grid-template-columns: repeat(3,1fr);
	gap: 10px;
}

.nav.new-order-tabs .nav-item {
	width: 100%;
}

.nav.new-order-tabs .nav-link {
	background: var(--color-2);
	border-radius: 10px;
	color: var(--color-3);
	padding: 15px 10px;
	font-size: 12px;
	font-weight: 400;
	gap: 5px;
	width: 100%;
	white-space: nowrap;
}

.nav.new-order-tabs .nav-link.active {
	background: #27684a;
	background: -moz-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	border-radius: 10px;
	color: #fff;
}

.loading-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 40px;
	font-size: 16px;
	color: #555;
	opacity: 1;
	transition: opacity 0.5s ease;
}

.loading-placeholder.fade-out {
	opacity: 0;
}

.spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #ccc;
	border-top: 4px solid #3be395;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-bottom: 10px;
}

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

.updates-wrapper .service-item .s-col-btn,.updates-wrapper .service-item .s-row .s-col:nth-child(3) {
	display: none;
}

.info-text {
	font-size: 13px;
	line-height: 1.55;
	color: #5f6673;
}

.dark .info-text {
	color: #d5d9df;
}

.info-text h3 {
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 700;
	color: #1d2433;
	letter-spacing: -.2px;
}

.info-text h4 {
	margin: 0 0 7px;
	font-size: 13px;
	font-weight: 700;
	color: #252c3a;
}

.info-text p {
	margin: 0 0 9px;
}

.info-text strong {
	color: #252c3a;
	font-weight: 700;
}

.dark .info-text h3,.dark .info-text h4,.dark .info-text strong {
	color: #fff;
}

.info-text ul {
	margin: 0 0 11px;
	padding-left: 18px;
}

.info-text ul li {
	margin-bottom: 5px;
	padding-left: 2px;
}

.info-text ul.no-dot {
	list-style: none;
	padding: 0;
	margin: 0 0 11px;
}

.info-text ul.no-dot li {
	position: relative;
	padding-left: 19px;
	margin-bottom: 6px;
}

.info-text ul.no-dot li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #8956fb;
}

.info-text hr {
	border: 0;
	border-top: 1px solid #e5e5e5;
	margin: 13px 0;
}

.dark .info-text hr {
	border-color: #3b414f;
}

.info-text .status-list {
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
}

.info-text .status-list li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 7px;
}

.info-text .status-dot {
	flex: 0 0 7px;
	width: 7px;
	height: 7px;
	margin-top: 6px;
	border-radius: 50%;
}

.info-text .status-dot.pending {
	background: #f5b82e;
}

.info-text .status-dot.progress {
	background: #3b82f6;
}

.info-text .status-dot.completed {
	background: #20b26b;
}

.info-text .status-dot.partial {
	background: #8956fb;
}

.info-text .status-dot.canceled {
	background: #ef5b68;
}

.info-text .service-level {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 10px;
}

.info-text .service-level span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 8px;
	background: var(--color-1);
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.2;
}

.dark .info-text .service-level span {
	border-color: #3b414f;
}

.info-text .service-level i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

.info-text .service-level .basic i {
	background: #f5c542;
}

.info-text .service-level .medium i {
	background: #22b573;
}

.info-text .service-level .elite i {
	background: #3b82f6;
}

.info-text .tips-list {
	list-style: none;
	padding: 0;
	margin: 0 0 9px;
}

.info-text .tips-list li {
	position: relative;
	padding: 7px 9px 7px 29px;
	margin-bottom: 5px;
	border-radius: 7px;
	background: var(--color-1);
	border: 1px solid #e5e5e5;
}

.dark .info-text .tips-list li {
	border-color: #3b414f;
}

.info-text .tips-list li::before {
	content: "✓";
	position: absolute;
	left: 9px;
	top: 7px;
	font-size: 12px;
	font-weight: 700;
	color: #8956fb;
}

.info-text .more-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.info-text .more-links li {
	margin: 0;
}

.info-text .more-links a {
	display: block;
	padding: 5px 0;
	color: #8956fb;
	font-size: 12px;
	line-height: 1.4;
	text-decoration: none;
	transition: color .15s ease;
}

.info-text .more-links a:hover {
	color: #6840d8;
	text-decoration: none;
}

.info-text .more-links a::before {
	content: "→";
	margin-right: 6px;
	font-weight: 700;
}

.info-text .info-note {
	padding: 8px 10px;
	margin-top: 4px;
	border-left: 3px solid #8956fb;
	border-radius: 5px;
	background: var(--color-1);
	color: #606775;
	font-size: 12px;
}

.dark .info-text .info-note {
	color: #d5d9df;
}

.faq-menu .nav {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 5px;
	max-width: 100%;
	overflow-x: auto;
	align-items: center;
	list-style: none;
	padding: 9px;
	margin: 0 auto 15px auto;
	width: 100%;
	background: var(--color-2);
	border-radius: 10px;
	z-index: 1;
}

.faq-menu .nav .nav-item {
	width: 100%;
}

.faq-menu .nav .nav-link {
	background: var(--color-10);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 10px;
	padding: 15px 25px;
	font-size: 14px;
	font-weight: 700;
	line-height: 160%;
	letter-spacing: -.3px;
	white-space: nowrap;
	color: #aaa;
}

.faq-menu .nav .nav-link:hover {
	background: var(--color-8);
}

.faq-menu .nav .nav-link.active {
	background: #ffd02c;
	color: #fff!important;
}

.faq-tabs-content .faq-wrapper {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 15px;
	margin-top: 25px;
	border-radius: 10px;
}

.faq-tabs-content .faq-wrapper .faq-item {
	position: relative;
	cursor: pointer;
	background: #fff0;
	-webkit-transition: .2s ease;
	transition: .2s ease;
	background: var(--color-2);
	border: 1px solid rgb(255 255 255 / .1);
	color: var(--color-3);
	border-radius: 10px;
	height: max-content;
	margin-bottom: 0;
}

.faq-tabs-content .faq-wrapper .faq-item .faq-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-3);
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.faq-tabs-content .faq-wrapper .faq-item .faq-head h3 {
	font-size: 16px;
	font-weight: 400;
	color: var(--color-3);
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.faq-tabs-content .faq-wrapper .faq-item.active .faq-head h3 {
	color: #3be395;
}

.faq-tabs-content .faq-wrapper .faq-item .faq-arrow {
	color: var(--color-3);
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

.faq-tabs-content .faq-wrapper .faq-item.active .fa-angle-down {
	transform: rotate(180deg);
}

.faq-tabs-content .faq-wrapper .faq-item .faq-content {
	display: none;
	padding-top: 12px;
	background: var(--color-2);
	border-radius: 0 0 10px 10px;
	padding: 0 15px 10px 15px;
	color: var(--color-3);
	font-size: 13px;
}

.giveaway-wrapper {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 20px;
}

.giveaway-wrapper .giveaway-box {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	min-height: 310px;
	padding: 22px 20px 18px;
	overflow: hidden;
	background: radial-gradient(circle at 50% -15%,rgb(59 227 149 / .12),transparent 42%),#ffffff;
	border: 1px solid #e8ecef;
	border-radius: 10px;
	text-align: center;
	transition: transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;
}

.giveaway-wrapper .giveaway-box::before {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	top: -110px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	background: #3be395;
	filter: blur(65px);
	opacity: .13;
	z-index: -1;
	transition: transform .4s ease,opacity .3s ease;
}

.giveaway-wrapper .giveaway-box::after {
	content: "";
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: 0;
	height: 3px;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(90deg,transparent,#3be395,transparent);
	opacity: .55;
	transition: left .3s ease,right .3s ease,opacity .3s ease;
}

.giveaway-wrapper .giveaway-box:hover {
	transform: translateY(-7px);
	border-color: rgb(59 227 149 / .32);
	box-shadow: 0 18px 40px rgb(16 24 40 / .08),0 4px 12px rgb(59 227 149 / .06);
}

.giveaway-wrapper .giveaway-box:hover::before {
	transform: translateX(-50%) scale(1.35);
	opacity: .2;
}

.giveaway-wrapper .giveaway-box:hover::after {
	left: 8%;
	right: 8%;
	opacity: 1;
}

.giveaway-wrapper .giveaway-box img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 124px;
	height: 78px;
	max-width: 124px;
	max-height: 78px;
	object-fit: contain;
	padding: 15px;
	background: #f8faf9;
	border: 1px solid #edf1ef;
	border-radius: 18px;
	box-shadow: 0 6px 18px rgb(15 23 42 / .045);
	margin: 0 auto 8px;
	transition: transform .3s ease,box-shadow .3s ease,background .3s ease;
}

.giveaway-wrapper .giveaway-box img.dark-hidden,.dark .giveaway-wrapper .giveaway-box img.light-hidden {
	display: none;
}

.dark .giveaway-wrapper .giveaway-box img.dark-hidden {
	display: flex;
}

.giveaway-wrapper .giveaway-box:hover img {
	transform: translateY(-3px) scale(1.04);
	background: #fff;
	box-shadow: 0 10px 24px rgb(15 23 42 / .08);
}

.giveaway-wrapper .giveaway-box .giveaway-text {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 2px;
}

.giveaway-wrapper .giveaway-box small {
	margin-bottom: 7px;
	font-size: 10px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: #8b949e;
}

.giveaway-wrapper .giveaway-box h3 {
	position: relative;
	margin: 0 0 7px;
	font-size: 26px;
	line-height: 1.15;
	font-weight: 900;
	letter-spacing: -.035em;
	color: #3be395;
}

.giveaway-wrapper .giveaway-box span {
	display: block;
	max-width: 210px;
	font-size: 13px;
	line-height: 1.5;
	font-weight: 700;
	color: #78828c;
}

.giveaway-wrapper .giveaway-box .btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 43px;
	margin-top: 14px;
	padding: 10px 16px;
	border: 1px solid #e4e9e7;
	border-radius: 11px;
	background: #f7f9f8;
	color: #28332e!important;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .01em;
	box-shadow: none;
	transition: background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;
}

.giveaway-wrapper .giveaway-box .btn::after {
	content: "→";
	margin-left: 7px;
	font-size: 15px;
	line-height: 1;
	transition: transform .2s ease;
}

.giveaway-wrapper .giveaway-box .btn:hover::after {
	transform: translateX(3px);
}

.giveaway-wrapper .giveaway-box .btn:hover,.giveaway-wrapper .giveaway-box .btn:focus {
	background: #3be395!important;
	border-color: #3be395!important;
	color: #08251a!important;
	opacity: 1;
	box-shadow: 0 6px 16px rgb(59 227 149 / .2);
	transform: translateY(-1px);
}

.dark .giveaway-wrapper .giveaway-box {
	background: radial-gradient(circle at 50% -15%,rgb(59 227 149 / .09),transparent 42%),#151a20;
	border-color: #252d35;
}

.dark .giveaway-wrapper .giveaway-box:hover {
	border-color: rgb(59 227 149 / .28);
	box-shadow: 0 18px 40px rgb(0 0 0 / .25);
}

.dark .giveaway-wrapper .giveaway-box img {
	background: #1b2229;
	border-color: #29323a;
	box-shadow: 0 8px 20px rgb(0 0 0 / .16);
}

.dark .giveaway-wrapper .giveaway-box:hover img {
	background: #20282f;
}

.dark .giveaway-wrapper .giveaway-box small {
	color: #7f8993;
}

.dark .giveaway-wrapper .giveaway-box span {
	color: #919ba5;
}

.dark .giveaway-wrapper .giveaway-box .btn {
	background: #1b2229;
	border-color: #2b343c;
	color: #dbe3df!important;
}

.giveaway-banner {
	position: relative;
	margin-top: 28px;
	padding: 38px 30px;
	overflow: hidden;
	background: radial-gradient(circle at 15% 20%,rgb(59 227 149 / .16),transparent 30%),radial-gradient(circle at 85% 80%,rgb(59 227 149 / .08),transparent 30%),#0e1914;
	border: 1px solid rgb(59 227 149 / .14);
	border-radius: 10px;
	box-shadow: 0 12px 35px rgb(15 23 42 / .08);
}

.giveaway-banner::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg,transparent 20%,rgb(255 255 255 / .025) 50%,transparent 80%);
	opacity: 1;
	z-index: 1;
}

.giveaway-banner h3 {
	position: relative;
	z-index: 2;
	margin: 0 0 8px;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.035em;
	color: #fff;
	text-align: center;
}

.giveaway-banner p {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	max-width: 650px;
	font-size: 15px;
	line-height: 1.6;
	color: #9eaca5;
	text-align: center;
}

.giveaway-content {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 12px;
	margin-top: 28px;
}

.giveaway-content .item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 105px;
	padding: 16px;
	background: rgb(255 255 255 / .035);
	border: 1px solid rgb(255 255 255 / .075);
	border-radius: 13px;
	transition: background .2s ease,border-color .2s ease,transform .2s ease;
}

.giveaway-content .item:hover {
	background: rgb(59 227 149 / .055);
	border-color: rgb(59 227 149 / .18);
	transform: translateY(-2px);
}

.giveaway-content .item h4 {
	margin: 10px 0 6px;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 750;
	color: #fff;
	text-align: center;
}

.giveaway-content .item p {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: #3be395;
	text-align: center;
}

.giveaway-card .card-body {
	display: flex;
	align-items: center;
	gap: 45px;
	padding: 28px;
}

.giveaway-card .card-body img {
	width: 230px;
	max-width: 230px;
	max-height: 150px;
	object-fit: contain;
}

.giveaway-card .card-body h3 {
	margin: 0;
	font-size: 28px;
	font-weight: 750;
	color: #256848;
}

.giveaway-card .card-body span {
	display: block;
	margin-top: 5px;
	font-size: 15px;
	font-weight: 700;
	color: #8a949d;
}

.giveaway-card .card-body p {
	max-width: 600px;
	margin-bottom: .5rem;
	font-size: 14px;
	line-height: 1.7;
}

.giveaway-card .card-body p:first-child {
	padding-top: 12px;
}

@media (max-width:1100px) {
	.giveaway-wrapper {
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
}

@media (max-width:820px) {
	.giveaway-wrapper {
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 15px;
	}

	.giveaway-wrapper .giveaway-box {
		min-height: 295px;
	}

	.giveaway-content {
		grid-template-columns: 1fr;
	}
}

@media (max-width:560px) {
	.giveaway-wrapper {
		grid-template-columns: 1fr;
		gap: 13px;
	}

	.giveaway-wrapper .giveaway-box {
		min-height: 280px;
		padding: 21px 18px 17px;
		border-radius: 10px;
	}

	.giveaway-wrapper .giveaway-box img {
		width: 124px;
		height: 72px;
		max-width: 124px;
		max-height: 72px;
		padding: 14px;
	}

	.giveaway-wrapper .giveaway-box h3 {
		font-size: 24px;
	}

	.giveaway-banner {
		padding: 30px 18px;
		border-radius: 10px;
	}

	.giveaway-banner h3 {
		font-size: 24px;
	}

	.giveaway-banner p {
		font-size: 14px;
	}

	.giveaway-card .card-body {
		flex-direction: column;
		gap: 20px;
		padding: 22px;
		text-align: center;
	}

	.giveaway-card .card-body img {
		max-width: 180px;
		max-height: 120px;
	}
}

.recommended .nav-recomm {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	margin-bottom: 0;
	padding-left: 0;
}

.recommended .nav-recomm li {
	list-style: none;
	width: 100%;
}

.recommended .nav-recomm li .recomm-link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: var(--color-10);
	border-radius: 8px;
	color: var(--color-4);
	border: 1px solid #fff0;
	padding: 10px;
	font-size: 13px;
	font-weight: 700;
	gap: 5px;
	width: 100%;
	white-space: nowrap;
}

.recommended .nav-recomm li .recomm-link:hover {
	background: rgb(59 227 149 / .10);
	color: #3be395;
	border: 1px solid #3be395;
}

.recommended .nav-recomm li .recomm-link:focus {
	border: 1px solid #3be395!important;
}

.recommended .nav-recomm li .recomm-link.active {
	background: #10B981;
	border-radius: 8px;
	color: #fff;
}

.recommended .nav-recomm li .recomm-link .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	background: rgb(0 0 0 / .15);
	font-size: 12px;
	width: 24px;
	height: 24px;
	color: #fff;
}

.recommended .nav-recomm li #instagram .icon {
	background: linear-gradient(180deg,#8000ff 0,#ffb800 100%);
}

.recommended .nav-recomm li #facebook .icon {
	background: #12a1f4;
}

.recommended .nav-recomm li #tiktok .icon {
	background: #000;
}

.recommended .nav-recomm li #tiktok .icon .fa-tiktok {
	text-shadow: 1px 1px #f72e4dfc,-1px -1px #09f3f3;
}

.recommended .nav-recomm li #twitter .icon {
	background: #000;
}

.recommended .nav-recomm li #discord .icon {
	background: #5865f6;
}

.recommended .nav-recomm li #youtube .icon {
	background: #e60606;
}

.recommended .nav-recomm li #twitch .icon {
	background: #6842ac;
}

.recommended .nav-recomm li #telegram .icon {
	background: #1b95cf;
}

.recommended .nav-recomm li #kick .icon {
	background: #00e701;
}

.recommended .nav-recomm li #vimeo .icon {
	background: #80c5ec;
}

.recommended .nav-recomm li #whatsapp .icon {
	background: #25D366;
}

.recommended .nav-recomm li #reddit .icon {
	background: #f44707;
}

.recommended .nav-recomm li #linkedin .icon {
	background: #0475b4;
}

.recommended .nav-recomm li #soundcloud .icon {
	background: #ef7509;
}

.recommended .nav-recomm li #spotify .icon {
	background: #1fc158;
}

.recommended .nav-recomm li #pinterest .icon {
	background: #ee0226;
}

.recommended .nav-recomm li #snapchat .icon {
	background: #f9f606;
}

.recommended .nav-recomm li #tumblr .icon {
	background: #33435a;
}

.recommended .nav-recomm li #dailymotion .icon {
	background: #03a8fb;
}

.recommended .btn.btn-recomm {
	padding: 3px 15px!important;
	font-size: 13px;
	white-space: nowrap;
}

.recommended .table-order .rate {
	font-weight: 700;
	color: #3be395;
	text-align: center;
}

.recommended .table-order thead tr th {
	white-space: nowrap;
}

.recommended .table-order .links:hover {
	color: #3be395!important;
}

.recommended .table-order tbody tr td {
	vertical-align: middle;
}

.recommended .table-most p {
	margin-bottom: 0;
	font-size: 13px;
	color: #13a9ff;
}

.updates-wrapper .service-item {
	padding: 20px 10px 10px 10px;
}

.btn-light,.btn-light:hover,.btn-light:focus {
	color: #1e1f22!important;
}

@media (min-width:991.98px) {
	.desktop-hidden {
		display: none;
	}
}

@media (max-width:991.98px) {
	.topb-total {
		display: none;
	}

	.updates-filters .btn-primary {
		margin-bottom: 10px;
	}

	.sccs-wrapper {
		grid-template-columns: repeat(1,1fr);
		gap: 5px;
	}

	.filter-dropdown {
		max-width: 100%;
		left: 0;
	}

	.menu-toggle {
		display: none;
	}

	.services-filters {
		flex-direction: column;
	}

	.services-filters .btn-primary {
		width: 100%;
	}

	.orders-filters {
		flex-direction: column;
	}

	.orders-filters .btn-primary {
		width: 100%;
	}

	.si-header .si-title {
		font-weight: 700;
		font-size: 14px;
	}

	.page-box {
		flex-direction: column;
		text-align: center;
		padding: 10px 20px;
	}

	.page-box h4 {
		justify-content: center;
	}

	.dropdown.show .dd-menu {
		min-width: auto;
		float: none!important;
		position: fixed!important;
		top: initial!important;
		bottom: 10px!important;
		left: 50%!important;
		transform: translateX(-50%)!important;
		width: calc(100% - 20px)!important;
		max-width: 400px;
		max-height: calc(var(667px, 100dvh) - calc(74px + 0px) - 20px);
		z-index: 5005;
		display: block;
		animation: dropdownOpenMobile .2s ease;
		border-color: var(--color-2);
	}

	.dropdown-overlay {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgb(0 0 0 / .5);
		z-index: 5000;
		display: none;
		opacity: 1;
	}

	.dropdown.show .dropdown-overlay {
		display: block;
	}

	.dropdown-list .dropdown-link {
		padding: 7px 16px;
		font-size: 16px;
		font-weight: 700;
		background: var(--color-2);
		border: 1px solid var(--color-8);
	}

	.top-area {
		flex-direction: column;
		gap: 0;
	}

	#new-order-cats {
		gap: 5px;
		grid-template-columns: repeat(3,1fr);
	}

	#new-order-cats button {
		flex-direction: column;
		height: auto;
		line-height: unset;
		gap: 5px;
		padding: 5px;
	}

	#new-order-cats button .noc-text {
		font-weight: 400;
		font-size: 10px;
	}

	.serv-navs {
		display: flex;
		overflow: auto;
		gap: 0;
	}

	.serv-navs .serv-nav .serv-link .serv-text {
		font-weight: 700;
		font-size: 14px;
		line-height: 130%;
		text-align: center;
		padding: 6px;
	}

	.header-menu .hm-item {
		flex-wrap: wrap;
		flex-direction: column;
	}

	.services-faq {
		grid-template-columns: 1fr;
		gap: 5px;
	}

	.bf-16 {
		padding: 15px 30px 30px 30px;
	}

	.bf-16 #ratesSlide .fa-chevron-left,.bf-16 #ratesSlide .fa-chevron-right {
		display: none!important;
	}

	.bf-16 .bf-header h2 {
		font-size: 20px;
		line-height: 32px;
	}

	.bf-16 #ratesSlide .slick-dots {
		display: block!important;
		margin-bottom: 0;
	}

	.bf-16 #ratesSlide .slick-slide {
		transform: scale(1)!important;
	}

	.bf-16 #ratesSlide .slick-slide {
		margin: 0;
	}

	.bf-16 #ratesSlide .rates-item {
		padding: 15px 10px;
	}

	.bf-16 .rates-wrapper {
		gap: 10px;
	}

	.bf-16 .rates-services strong {
		font-size: 14px;
	}

	.bf-16 .rates-item .rates-icon {
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 18px;
	}

	.bf-16 .rates-services {
		gap: 3px;
	}

	.bf-16 .bf-header {
		margin-bottom: 15px;
	}

	.bf-16 .rates-button {
		margin-top: 60px;
	}

	.header-images {
		margin: 25px;
	}

	.header-images .hi-badge {
		right: -20px;
	}

	.header-images img {
		max-width: 100%;
	}

	.home-smoke {
		left: -75px;
		top: -50px;
		max-width: 200px!important;
	}

	.country-boxes {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin: 35px 15px;
		padding: 15px;
	}

	.country-boxes::before {
		top: -5px;
		left: -5px;
		width: calc(100% + 10px);
		height: calc(100% + 10px);
	}

	.country-boxes::after {
		top: -15px;
		left: -15px;
		width: calc(100% + 30px);
		height: calc(100% + 30px);
	}

	.country-item h3 {
		font-size: 16px;
	}

	.country-item span {
		font-size: 14px;
	}

	.dashboard_text h6 {
		font-size: 14px;
	}

	.dahsboard_icon {
		font-size: 18px;
	}

	.panel-logo img {
		width: 100px;
	}

	.app-widgets .appw-3 {
		max-width: 100%;
	}

	.appw-3 .card-tg {
		width: 100%;
	}

	.appw-3 .card-tg .card-body {
		padding: 10px 15px;
		flex-direction: row;
		justify-content: center;
	}

	.card-header .row {
		justify-content: center;
		text-align: center;
	}

	.appw-first img {
		max-width: 100px;
		opacity: .5;
	}

	.appw-last.brown a {
		font-size: 10px;
	}

	.appw-first p {
		max-width: 100%;
		text-align: center;
		position: relative;
		z-index: 3;
	}

	.appw-last.brown li {
		font-size: 14px;
	}

	.dash-statics .last-widgets {
		gap: 5px;
		max-width: 100%;
	}

	.dash-info {
		flex-direction: column;
	}

	.static-date {
		position: relative;
		right: auto;
		top: 10px;
	}

	.modal-title {
		font-size: 14px;
	}

	.modal-icon {
		display: none;
	}

	.appHeader .topb-last {
		gap: 5px;
		margin-left: auto;
	}

	.appHeader .topb-first {
		display: none;
	}

	.topb-currency .topb-btn {
		border-radius: 10px;
		padding: 4px 7px 4px 4px;
	}

	.topb-currency .topb-btn {
		gap: 5px;
	}

	.topb-currency .topb-btn .btn-icon {
		width: 26px;
		height: 26px;
		font-size: 13px;
	}

	.topb-currency .topb-btn .btn-chevron {
		display: none;
	}

	.topb-btn .btn-icon {
		width: 26px;
		height: 26px;
	}

	.topb-menu .topb-btn .avatar-dot {
		left: 25px;
		top: 5px;
	}

	.topb-date {
		display: none;
	}

	.dash-earn {
		flex-direction: column;
	}

	.dash-earn .de-first {
		gap: 5px;
	}

	.dash-earn .de-first h3 {
		text-align: center;
	}

	.dash-earn .de-last {
		gap: 15px;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		margin-top: 25px;
	}

	.dash-earn .de-last .item {
		border-top: 1px solid #96a0af;
		border-left: none;
		padding: 20px 0 10px 0;
	}

	.pagination .page-item .page-link {
		height: 30px;
		min-width: 30px;
	}

	.pagination .page-item:first-child .page-link {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.pagination .page-item:last-child .page-link {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.updates-filters .btn-primary {
		width: 100%;
	}

	.page-box img {
		opacity: .08;
	}

	.chat .ticket-message {
		max-width: 100%;
		width: 100%;
		margin-bottom: 25px;
	}

	.g-chat .g-chat-area ul.chat {
		padding-right: 0;
	}

	.chat .ticket-message.owner-message .ticket-message-box {
		border-radius: 10px;
	}

	.chat .ticket-message-box {
		border-radius: 10px;
	}

	.faq-tabs-content .faq-wrapper {
		display: grid;
		grid-template-columns: repeat(1,1fr);
		gap: 10px;
		border-radius: 10px;
	}

	.faq-tabs-content .faq-wrapper .faq-item .faq-head h3 {
		font-size: 14px;
	}

	.dash-earn {
		background: var(--color-2);
	}

	.recommended .nav-recomm {
		overflow-x: auto;
	}

	.mobile-hidden {
		display: none;
	}
}

.aff-widgets {
	display: flex;
	align-items: stretch;
	gap: 15px;
	margin: 15px 0;
}

.aff-widgets .item {
	background: var(--color-2);
	background-size: cover;
	width: 100%;
	position: relative;
	border-radius: 10px;
	padding: 25px 0 10px 0;
	max-width: 25%;
}

.aff-widgets .item .item-top {
	border-bottom: 1px solid var(--color-8);
	padding: 0 25px 10px 25px;
}

.aff-widgets .item .item-bottom {
	padding: 10px 25px 0 25px;
	color: #232323;
}

.aff-widgets .item strong {
	color: #3be395;
}

.dark .aff-widgets .item .item-bottom {
	color: #fff;
}

.aff-widgets .item small {
	padding-top: 10px;
}

.aff-widgets .item h3 {
	font-size: 18px;
	font-weight: 400;
	color: #7f8997;
}

.aff-widgets .item p {
	font-size: 24px;
	font-weight: 700;
	color: #232323;
	margin-bottom: 0;
}

.dark .aff-widgets .item h3 {
	color: #fff;
}

.dark .aff-widgets .item p {
	color: #fff;
}

.aff-widgets .item span {
	background: #fff0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	color: #232323;
	border: 1px solid var(--color-8);
	position: absolute;
	top: 10px;
	right: 10px;
}

.aff-statics {
	display: flex;
	align-items: stretch;
	gap: 15px;
	margin: 25px 0 15px 0;
}

.aff-statics>div {
	flex: 1;
}

.aff-statics .afs-first,.aff-statics .afs-last {
	background: var(--color-2);
	width: 100%;
	position: relative;
	border-radius: 10px;
	padding: 25px;
}

.aff-statics .afs-link {
	background: #3be395!important;
	color: #fff!important;
	margin: 25px 0 15px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	padding: 5px 15px;
	border-radius: 5px;
	font-size: 16px;
}

.aff-statics .afs-first p {
	font-size: 18px;
	color: #1e1f22;
	margin-bottom: 15px;
	text-align: center;
}

.dark .aff-statics .afs-first p {
	color: #fff;
}

.aff-statics .afs-first .ref-alt-text {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	color: #96a0af;
}

.aff-statics .afs-first .ref-alt-text i {
	color: #3be395;
}

.aff-statics .afs-last {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 60px;
}

.aff-statics .afs-last img {
	max-width: 150px;
	margin-top: -40px;
}

.aff-statics .afs-last .afs-last-text {
	text-align: center;
}

.aff-statics .afs-last .afs-last-text h4 {
	font-size: 20px;
	font-weight: 700;
	color: #232323;
	margin-bottom: 0;
}

.aff-statics .afs-last .afs-last-text small {
	font-size: 14px;
	font-weight: 700;
	color: #96a0af;
}

.dark .aff-statics .afs-last .afs-last-text h4 {
	color: #fff;
}

.aff-statics .all-afs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
	background: #3be395;
	border-radius: 5px;
	padding: 3px 10px;
	color: #fff!important;
}

.aff-statics .all-afs i {
	background: rgb(255 255 255 / .3);
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	color: #fff;
	transform: rotate(-30deg);
}

.aff-statics .afs-last .leaderboard {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 75px;
}

.aff-statics .afs-last .bar {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	position: relative;
}

.aff-statics .afs-last .bar::before {
	content: "";
	width: 40px;
	border-radius: 35px 35px 0 0;
	background: #3be395;
	display: block;
}

.aff-statics .afs-last .bar.first::before {
	height: 125px;
}

.aff-statics .afs-last .bar.second::before {
	height: 75px;
}

.aff-statics .afs-last .bar.third::before {
	height: 35px;
}

.aff-statics .afs-last .info {
	position: absolute;
	top: -60px;
	background: #fff;
	color: #333;
	padding: 5px 15px;
	border-radius: 25px;
	box-shadow: 0 5px 15px rgb(0 0 0 / .1);
	text-align: center;
}

.aff-statics .afs-last .info .name {
	display: block;
	font-size: 13px;
	color: #666;
}

.aff-statics .afs-last .info .amount {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: #00c281;
}

.aff-statics .afs-last .rank {
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	background: #3be395;
	padding: 5px 7px;
	border-radius: 0 0 35px 35px;
	width: 40px;
}

.aff-paid {
	background: linear-gradient(275deg,#012917 0%,#35c581 100%);
	border-radius: 10px;
	margin-top: 15px;
	padding: 15px 15px 0 15px;
	position: relative;
}

.aff-paid::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	background: url(https://storage.perfectcdn.com/966zjr/98en6z9omauu9cn2.png);
	background-size: cover;
	opacity: .7;
	z-index: 1;
}

.aff-paid-content {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 25px;
	margin-top: 35px;
}

.aff-paid .aff-paid-content .item {
	position: relative;
	text-align: center;
	padding: 5px 0 45px 0;
	width: 60%;
	margin: auto;
}

.aff-paid .aff-paid-content .item::before {
	content: "";
	position: absolute;
	left: 0;
	top: -25px;
	right: auto;
	bottom: 0;
	background: url(https://storage.perfectcdn.com/966zjr/apw9jb0112r1i5zu.png);
	background-repeat: no-repeat;
	z-index: 1;
	height: 100%;
	width: 70px;
}

.aff-paid .aff-paid-content .item::after {
	content: "";
	position: absolute;
	left: auto;
	top: -25px;
	right: 0;
	bottom: 0;
	background: url(https://storage.perfectcdn.com/966zjr/y7slan66h1zbgmgj.png);
	background-repeat: no-repeat;
	z-index: 1;
	height: 100%;
	width: 70px;
}

.aff-paid .aff-paid-content h4,.aff-paid .aff-paid-content p {
	position: relative;
	z-index: 2;
	color: #fff;
}

.aff-paid .aff-paid-content h4 {
	font-weight: 700;
}

.aff-step {
	background: var(--color-2);
	width: 100%;
	position: relative;
	border-radius: 10px;
	padding: 25px;
	margin-top: 15px;
}

.aff-step h2 {
	position: relative;
	margin: 0 0 15px 0;
	text-align: center;
	color: #1e1f22;
}

.dark .aff-step h2 {
	color: #fff;
}

.aff-step-content {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 25px;
}

.aff-step-content .item {
	border: 1px solid var(--color-8);
	border-radius: 10px;
}

.aff-step-content .item img {
	max-width: 100%;
}

.aff-step-content .item h3 {
	font-size: 18px;
	font-weight: 700;
	color: #3be395;
	padding: 10px 15px 0 15px;
}

.aff-step-content .item p {
	padding: 0 15px;
}

.aff-faq .faq-tabs-content .faq-wrapper {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	gap: 10px;
	margin-top: 0;
}

.aff-faq .faq-tabs-content .faq-wrapper .faq-item {
	background: var(--color-10);
	color: var(--color-3);
}

@media (max-width:991.98px) {
	.aff-widgets {
		display: grid;
		gap: 5px;
		margin: 0;
		grid-template-columns: repeat(2,1fr);
	}

	.aff-widgets .item {
		padding: 10px 0;
		max-width: 100%;
	}

	.aff-widgets .item span {
		display: none;
	}

	.aff-widgets .item .item-top {
		padding: 0 15px;
	}

	.aff-widgets .item .item-bottom {
		padding: 0 15px;
		text-align: center;
	}

	.aff-widgets .item h3 {
		font-size: 14px;
	}

	.aff-statics {
		margin: 15px 0;
		flex-direction: column;
	}

	.aff-statics .afs-first,.aff-statics .afs-last {
		text-align: center;
	}

	.aff-statics .afs-last {
		flex-direction: column;
		align-items: center;
		margin-top: 15px;
	}

	.aff-paid-content {
		grid-template-columns: repeat(1,1fr);
	}

	.aff-paid .aff-paid-content .item {
		width: 80%;
	}

	.aff-step {
		padding: 15px;
		margin-top: 15px;
	}

	.aff-step-content {
		grid-template-columns: repeat(1,1fr);
		gap: 15px;
	}
}

.child-features {
	display: grid;
	grid-template-columns: repeat(1,minmax(0,1fr));
	gap: 9px 12px;
	padding: 0;
	list-style: none;
	margin: 0;
}

.child-features li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 42px;
	padding: 9px 12px;
	border: 1px solid rgb(0 0 0 / .055);
	border-radius: 10px;
	background: linear-gradient(135deg,rgb(255 255 255 / .8),rgb(248 248 251 / .7));
	color: var(--color-5);
	font-size: 12px;
	font-weight: 550;
	line-height: 1.4;
	transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.child-features li i {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: rgb(16 185 129 / .09);
	color: #10b981;
	font-size: 13px;
	box-shadow: inset 0 0 0 1px rgb(16 185 129 / .06);
	transition: transform .2s ease,background .2s ease;
}

.child-features li:hover {
	transform: translateY(-2px);
	border-color: rgb(16 185 129 / .16);
	background: linear-gradient(135deg,rgb(16 185 129 / .045),rgb(255 255 255 / .9));
	box-shadow: 0 7px 18px rgb(0 0 0 / .045);
}

.child-features li:hover i {
	transform: scale(1.08);
	background: rgb(16 185 129 / .13);
}

.child-features li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	bottom: 10px;
	width: 2px;
	border-radius: 3px;
	background: #10b981;
	opacity: 0;
	transition: opacity .2s ease;
}

.child-features li:hover::before {
	opacity: 1;
}

.dark .child-features li {
	background: rgb(255 255 255 / .025);
	border-color: rgb(255 255 255 / .065);
}

.dark .child-features li:hover {
	background: rgb(16 185 129 / .035);
	border-color: rgb(16 185 129 / .14);
	box-shadow: 0 7px 18px rgb(0 0 0 / .15);
}

@media (max-width:767px) {
	.child-features {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	.child-features li {
		min-height: 40px;
		padding: 8px 10px;
		font-size: 11px;
	}
}

.SidebarHelp svg {
	display: none;
}

.sidebarPassive .quick-links {
	display: none;
}

.sidebarPassive .SidebarHelp .SidebarMascot,.sidebarPassive .SidebarHelp p,.sidebarPassive .SidebarHelp img,.sidebarPassive .SidebarHelp span {
	display: none;
}

.sidebarPassive .SidebarHelp,.sidebarPassive .SidebarHelp:hover {
	width: 90%;
	padding: 5px;
	text-align: center;
}

.sidebarPassive .SidebarHelp h3 {
	font-size: 14px;
}

.sidebarPassive .SidebarHelp svg {
	display: flex;
	justify-content: center;
	margin: auto;
}

@media (max-width:991.98px) {
	.page-box.page-box-bg img {
		max-height: 100%;
		opacity: .3;
	}

	.page-box.page-box-bg {
		padding: 20px;
	}

	.child-title h3 {
		font-size: 1.5rem;
	}
}

.timer-wrapper {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 10px auto;
}

.timer-wrapper svg {
	transform: rotate(-90deg);
}

.timer-wrapper circle {
	fill: none;
	stroke-width: 8;
	stroke-linecap: round;
}

.timer-wrapper .bg {
	stroke: rgb(5 62 41 / .15);
}

.timer-wrapper .progress {
	stroke: #246546;
	transition: stroke-dashoffset 1s linear;
}

.timer-wrapper .time-text {
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: 700;
	color: #246546;
}

#paymentPopup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / .7);
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.shopify-container {
	display: flex;
	flex-direction: column;
	gap: 5px;
	background: #fff;
	padding: 20px;
	border-radius: 15px;
	width: 350px;
}

.shopify-container .shopify-title {
	background: #27684a;
	background: -moz-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	border-radius: 10px;
	font-size: 18px;
	padding: 10px;
	color: #fff;
	text-align: center;
}

.shopify-container .shopify-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f0f0f0;
	padding: 10px;
	border-radius: 10px;
}

.shopify-container .shopify-item em {
	font-style: normal;
}

.shopify-btn {
	display: flex;
	align-items: center;
	gap: 10px;
}

.shopify-btn .btn {
	font-size: 14px;
	white-space: nowrap;
	margin-top: 10px;
}

.shopify-btn .btn-success {
	background: #3be395;
}

.mark,mark {
	padding: .2em;
	background-color: #3be395;
}

[data-hint] {
	position: relative;
}

[data-hint]:hover {
	position: relative;
	z-index: 1;
}

[data-hint]:before {
	content: attr(data-hint);
	font-size: 13px!important;
	font-weight: 400!important;
	text-align: center;
	position: absolute;
	width: max-content;
	max-width: 239px;
	bottom: calc(90% + 5px);
	left: 50%;
	transform: translateX(-50%);
	color: #171717;
	background-color: #fff;
	border: 1px solid #cdd6f2;
	padding: 4px 15px;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	transition: .2s;
	z-index: 99;
}

[data-hint]:hover:before {
	opacity: 1;
	visibility: visible;
	bottom: calc(100% + 5px);
}

#product-start {
	position: relative;
	padding-top: 150px;
}

.mtp-margin {
	position: relative;
	margin: 75px 0;
}

.mtp-margin .glow {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	width: 50%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%,#6cef59 0%,#4dd672 5%,#40cb7d 45%,#0fa352 60%,#3ac782 90%);
	border-radius: 100px;
	filter: blur(100px);
	opacity: .3;
	z-index: -1;
}

.mtp-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.mtp-header h2 {
	font-size: 36px;
	font-weight: 900;
	letter-spacing: -1.2px;
	color: #171717;
	margin-bottom: 0;
}

.mtp-header h2 span {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 900;
	position: relative;
}

.mtp-header h2 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #34d399;
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: .15;
	z-index: -1;
}

.mtp-header h3 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -1.25px;
	color: #171717;
	margin-bottom: 0;
}

.mtp-header h3 span {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.mtp-header h3 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #34d399;
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: .15;
	z-index: -1;
}

.insta-pages .mtp-header h3 span {
	background: linear-gradient(180deg,#8000ff 0,#ffb800 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.insta-pages .mtp-header h3 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #ffb800;
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: .15;
	z-index: -1;
}

.mtp-header p {
	font-size: 15px;
	margin-bottom: 0;
	color: #7b7b7b;
	max-width: 850px;
}

.mtp-header img {
	max-height: 52px;
}

.mtp-top {
	position: relative;
	overflow: hidden;
}

@media (max-width:768px) {
	.mtp-top {
		min-height: 700px;
	}
}

.mtp-top img.hero-img {
	width: 100%;
	height: auto;
}

.mtp-top-header {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 25px;
	position: relative;
	z-index: 2;
}

.mtp-top-header h1 {
	color: #171717;
	font-size: 54px;
	font-weight: 900;
	line-height: 64px;
	position: relative;
	margin-bottom: 0;
	text-align: center;
	max-width: 900px;
	letter-spacing: -1.2px;
}

.mtp-top-header h1 span {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 900;
	position: relative;
}

.mtp-top-header h1 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #34d399;
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: .15;
	z-index: -1;
}

.mtp-top-header p {
	font-size: 14px;
	color: #171717;
	max-width: 950px;
	margin-bottom: 0;
	text-align: center;
	white-space: pre-line;
}

.mtp-top .container {
	position: relative;
}

.mtp-top-images {
	gap: 30px;
	position: absolute;
	top: 0;
	right: -50px;
	opacity: .15;
	max-width: 500px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.mtp-top-images img {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.mtp-top-images .img-fluid {
	width: 350px;
}

.mtp-top-images .home-smoke {
	position: absolute;
	left: -70px;
	top: -20px;
	max-width: 200px!important;
}

.message-card {
	border-radius: 8px;
	outline: 1px solid #cdd6f2;
	outline-offset: 5px;
	padding: 6px;
	background-color: #fff;
	box-shadow: 0 21.377px 42.754px 0 rgb(10 39 83 / .03);
	pointer-events: none;
	user-select: none;
	opacity: .4;
}

.message-card {
	position: absolute;
	top: 100px;
	left: 40%;
	z-index: 15;
	transform: translateX(-570px);
	display: flex;
	align-items: center;
	gap: 10px;
}

.message-card .avatar {
	width: 38px;
	height: 38px;
	border-radius: 8px;
}

.message-card .avatar img {
	width: 38px;
	height: 38px;
	object-fit: cover;
	border-radius: 8px;
}

.message-card .text {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -.325px;
	padding-right: 10px;
	color: #171717;
}

.mtp-top-features {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 100px;
	row-gap: 10px;
	padding-left: 0;
}

.mtp-top-features li {
	list-style: none;
}

.mtp-top-features .mtp-top-features-item .title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-weight: 700;
	position: relative;
	width: max-content;
	margin: auto;
}

.mtp-top-features .mtp-top-features-item .title span {
	position: absolute;
	right: -15px;
	top: 0;
	font-size: 10px;
	cursor: pointer;
}

.mtp-top-features .mtp-top-features-item .title span svg {
	color: #858585;
}

.mtp-top #home-login {
	position: relative;
	padding: 30px 0;
	z-index: 25;
}

.mtp-top .login-box {
	background: #eef2fe;
	border-radius: 20px;
	border: 1px solid #cdd6f2;
	padding: 35px 20px;
	min-height: 122px;
}

.mtp-top .login-box-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mtp-top .login-box-wrapper .form-group {
	position: relative;
	margin-bottom: 0;
	width: 100%;
}

.mtp-top .login-box-wrapper .form-control,.mtp-top .login-box-wrapper .form-control:hover,.mtp-top .login-box-wrapper .form-control:focus {
	border-radius: 10px;
	border: 1px solid #cdd6f2!important;
	background: #fff;
	color: #171717;
	height: 50px;
	width: 100%;
}

.mtp-top .login-box-wrapper .fg-pass {
	border-left: 1px solid #cdd6f2;
	background: #fff0;
	display: flex;
	align-items: center;
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
	padding: 0 7px;
	border-radius: 0 10px 10px 0;
	font-size: 11px;
	height: 48px;
}

.mtp-top .login-box-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 50px;
}

.mtp-top .login-box-google {
	min-width: 50px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #cdd6f2;
	cursor: pointer;
}

.mtp-top .g_id_signin {
	width: 40px;
	height: 40px;
}

.mtp-top .login-box-google svg {
	width: 24px;
}

.mtp-top .login-box-remember {
	min-width: 50px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #cdd6f2;
	margin-bottom: 0;
	cursor: pointer;
}

.mtp-top .login-box-remember input {
	display: none;
}

.mtp-top .login-box-remember .lgn-btn {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	font-size: 18px;
	color: #d0d9f3;
	transition: 0.2s ease;
}

.mtp-top .login-box-remember .lgn-btn:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: no-repeat center / contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4.75A1.75 1.75 0 0 1 7.75 3h8.5A1.75 1.75 0 0 1 18 4.75V21l-6-4-6 4z'/%3E%3C/svg%3E");
}

.mtp-top .login-box-remember input:checked+.lgn-btn {
	background: #249a62;
	color: #fff;
}

.mtp-top .login-box-signin .btn {
	height: 50px;
	border-radius: 10px;
	min-width: 200px;
}

.mtp-top .home-seperator {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -100px;
	height: 220px;
	background: radial-gradient(circle at 30% 107%,#6cef59 0%,#4dd672 5%,#40cb7d 45%,#0fa352 60%,#3ac782 90%);
	filter: blur(60px);
	opacity: .45;
	contain: layout paint;
	pointer-events: none;
	z-index: -1;
}

.mtp-now {
	display: flex;
	align-items: center;
	gap: 35px;
	border-radius: 10px;
	outline: 1px solid #cdd6f2;
	outline-offset: 5px;
	padding: 8px;
	background-color: #fff;
	box-shadow: 0 21.377px 42.754px 0 rgb(10 39 83 / .03);
}

.mtp-now .mtp-now-left {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mtp-now .mtp-now-img {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.mtp-now .mtp-now-img .panel {
	position: relative;
}

.mtp-now .mtp-now-img img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 3px solid #fff;
}

.mtp-now .mtp-now-img img:not(:first-child) {
	margin-left: -30px;
}

.mtp-now .mtp-now-text {
	font-size: 16px;
	font-weight: 700;
	color: #171717;
}

.mtp-now .mtp-now-btn button {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.mtp-now .mtp-now-btn button:before {
	content: '';
	position: absolute;
	left: -20%;
	top: -10%;
	width: 0;
	height: 100%;
	transform: rotate(15deg) scale(1,2);
	box-shadow: 0 0 30px 15px rgb(255 255 255 / .5);
	animation: button-glow 2000ms ease-in-out infinite;
}

.mtp-team .mtp-now {
	width: max-content;
	margin: 50px auto 0 auto;
	background-color: #f6f9ff;
}

.mtp-team .mtp-now .panel .support-dot {
	position: absolute;
	background: #10b981;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	right: 5px;
	top: 5px;
	z-index: 1;
	-webkit-animation: pulse-green 2s infinite;
	animation: pulse-green 2s infinite;
	display: inline-block;
}

@-webkit-keyframes pulse-green {
	0% {
		transform: scale(.65);
		box-shadow: 0 0 0 0 rgb(16 185 129 / .7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px #fff0;
	}

	100% {
		transform: scale(.65);
		box-shadow: 0 0 0 0 #fff0;
	}
}

.mtp-tabs-menu {
	display: flex;
	align-items: center;
	gap: 15px;
	border-radius: 20px;
	border: 1px solid #cdd6f2;
	padding: 10px;
	background-color: #f6f9ff;
	position: relative;
	z-index: 6;
}

.mtp-tabs-menu .nav {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 10px;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: #cdd6f2 #fff0;
	cursor: grab;
}

.mtp-tabs-menu .nav:active {
	cursor: grabbing;
}

.mtp-tabs-menu .nav::-webkit-scrollbar {
	height: 5px;
}

.mtp-tabs-menu .nav::-webkit-scrollbar-track {
	background: #fff0;
	border-radius: 10px;
}

.mtp-tabs-menu .nav::-webkit-scrollbar-thumb {
	background: #bbb;
	border-radius: 10px;
}

.mtp-tabs-menu .nav .nav-item {
	width: 100%;
}

.mtp-tabs-menu .nav .nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 15px;
	padding: 10px 25px;
	font-size: 16px;
	font-weight: 700;
	line-height: 160%;
	letter-spacing: -.3px;
	white-space: nowrap;
	width: 100%;
}

.mtp-tabs-menu .nav .nav-link.active {
	background: #171717;
	color: #fff!important;
}

.mtp-tabs-menu .nav .nav-link:not(.active):hover {
	background: rgb(0 0 0 / .03);
}

.mtp-tabs-menu.platform-menu {
	display: flex;
	align-items: center;
	gap: 15px;
	border: none;
	padding: 10px 10px 0 0;
	background-color: #fff0;
	border-radius: 0;
	position: relative;
	z-index: 6;
}

.mtp-tabs-menu.platform-menu .nav .nav-link {
	position: relative;
	border-bottom: 3px solid #cdd6f2;
	border-radius: 0;
	font-size: 15px;
}

.mtp-tabs-menu.platform-menu .nav {
	padding-bottom: 5px;
	gap: 0;
}

.mtp-tabs-menu.platform-menu .nav .nav-link.active {
	background: #fff0;
	border-radius: 0;
	color: #FF492C!important;
}

.mtp-tabs-menu.platform-menu .nav .nav-link.active:after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #FF492C;
}

.mtp-tabs-menu.platform-menu .nav .nav-link:not(.active):hover {
	background: #fff0;
	border-radius: 0;
	color: #FF492C!important;
}

.mtp-tabs-menu.platform-menu .nav .nav-link:not(.active):hover:after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #FF492C;
}

.review-container {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 15px;
}

.review-container .review-score {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	background: #f5f8ff;
	border-radius: 20px;
	border: 1px solid #cdd6f2;
	padding: 10px;
	width: 100%;
	position: relative;
	z-index: 6;
	margin-bottom: 15px;
}

.review-container .review-score .rs-stars {
	display: flex;
	align-items: center;
	gap: 5px;
}

.review-container .review-score strong {
	font-size: 20px;
	font-weight: 700;
	color: #171717;
}

.review-container .review-score small {
	font-size: 14px;
	font-weight: 400;
	color: #898989;
}

.review-container .review-score .btn {
	font-size: 15px;
	font-weight: 400;
	border-radius: 20px;
	background: #FF492C;
}

.review-container .review-score .btn:hover,.review-container .review-score .btn:focus {
	background: #ff6d56!important;
}

.review-container .mtp-review-item {
	display: flex;
	flex-direction: column;
	flex: 0 0 calc(50% - 10px);
	background: #fff;
	border-radius: 20px;
	border: 1px solid #cdd6f2;
	padding: 15px 20px;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.review-container .mtp-review-item:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%,#cdd6f2 0%,#cdd6f2 5%,#cdd6f2 45%,#cdd6f2 60%,#cdd6f2 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.review-container .mtp-review-item .content {
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-bottom: 25px;
}

.review-container .mtp-review-item .user {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 7px;
	margin-top: auto;
}

.review-container .mtp-review-item .user .user-sign {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	background: #f5f8ff;
	color: #6c91e6;
	font-size: 18px;
	font-weight: 700;
	border-radius: 100%;
}

.review-container .mtp-review-item .user .user-name {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.review-container .mtp-review-item .user span {
	font-size: 16px;
	font-weight: 700;
	color: #171717;
}

.review-container .mtp-review-item .user span img {
	height: 15px;
	margin-top: -3px;
}

.review-container .mtp-review-item .user date {
	font-size: 12px;
	font-weight: 400;
	color: #7b7b7b;
}

.review-container .mtp-review-item strong {
	font-size: 18px;
	font-weight: 700;
	color: #171717;
}

.review-container .mtp-review-item p {
	font-size: 14px;
	font-weight: 400;
	color: #171717!important;
}

.videos-swiper {
	margin-top: 25px;
}

.mtp-videos-item {
	background: var(--color-5);
	background-size: 32px 32px;
	border-radius: 24px;
	color: #fff;
	cursor: default;
	display: flex;
	flex-shrink: 0;
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 28px;
	min-height: 450px;
	overflow: hidden;
	padding: 74px 16px 16px;
	position: relative;
}

.mtp-videos-item.brown {
	background: var(--color-7);
}

.mtp-videos-item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	background: url(https://storage.perfectcdn.com/966zjr/zbrjjumpu4dm1xk7.webp);
	background-size: contain;
	opacity: .1;
	z-index: 1;
}

.mtp-videos-space {
	display: flex;
	flex-direction: column;
	min-height: 350px;
	padding: 14px 16px 0;
	box-sizing: border-box;
}

.mtp-videos-rating {
	background: #fff;
	display: flex;
	align-items: center;
	gap: 5px;
	height: 24px;
	position: absolute;
	left: 15px;
	top: 12px;
	vertical-align: top;
	color: #171717;
	font-weight: 700;
	padding: 5px 10px 5px 0;
	border-radius: 5px;
	z-index: 11;
}

.mtp-videos-content {
	flex: 1 1 auto;
}

.mtp-videos-date {
	display: flex;
	align-items: center;
	gap: 5px;
	height: 24px;
	position: absolute;
	right: 15px;
	top: 8px;
	vertical-align: top;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	padding: 5px 10px 5px 0;
	border-radius: 5px;
	z-index: 11;
}

.mtp-videos-item .title {
	color: inherit;
	font-size: 26px;
	letter-spacing: -.04em;
	line-height: 32px;
	margin-bottom: 16px;
	font-weight: 700;
}

.mtp-videos-item p {
	font-size: 15px;
	padding-top: 10px;
}

.mtp-videos-item p:last-of-type {
	margin-bottom: 0;
}

.mtp-videos-item div span {
	font-size: 16px;
}

.mtp-videos-item div span .lnk {
	margin-left: 5px;
	color: #0A66C2;
	text-decoration: none;
	background: #fff;
	width: 24px;
	height: 24px;
	border-radius: 100px;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.mtp-videos-item div span .lnk i {
	padding: 5px;
}

.mtp-videos-user {
	display: flex;
	flex-direction: row;
	line-height: 24px;
	position: relative;
	z-index: 12;
	margin-top: auto;
	font-weight: 700;
}

.mtp-videos-user img {
	border-radius: 50%;
	display: block;
	flex-shrink: 0;
	height: 48px;
	margin-right: 13px;
	outline: 3px solid #f6f5fa;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 48px;
}

.mtp-videos-user cite {
	display: block;
	font-style: normal;
	font-weight: 700;
	opacity: .8;
}

.mtp-videos-video {
	bottom: 0;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

.mtp-videos-play {
	background: rgb(0 0 0 / .05) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuNjIzIDQyQzEuNjUxIDQyIC4zMzYgNDAuNTc0LjMzNiAzOC4zNDRWMy42NTZDLjMzNiAxLjQyNiAxLjY1IDAgMy42MjMgMGMxLjA2OSAwIDEuOTQ1LjM2MyAzLjA2OC45NmwzMC4zMjYgMTYuNjE4YzIuMTkxIDEuMTkyIDIuOTg2IDIuMDQ4IDIuOTg2IDMuNDIycy0uNzk1IDIuMjMtMi45ODYgMy40MjJMNi42OSA0MS4wNDFjLTEuMTIzLjU5Ni0yIC45NTktMy4wNjguOTU5WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat 50%;
	background-size: 39px auto;
	bottom: 0;
	cursor: pointer;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-color .3s ease;
	z-index: 3;
}

.mtp-videos-video img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
	z-index: 1;
}

.slider-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-align: center;
}

.slider-controls {
	position: relative;
	z-index: 12;
}

.slider-controls .slide-pagination {
	text-align: center;
	margin-top: 25px;
}

.slider-controls .slide-pagination .swiper-pagination-bullet {
	width: 13px;
	height: 10px;
	display: inline-block;
	background: #3be395!important;
	opacity: .2;
	margin: 0 5px;
	border-radius: 20px;
	transition: opacity 0.5s,background-color 0.5s,width 0.5s;
	transition-delay: 0.5s,0.5s,0s;
}

.slider-controls .swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.slider-controls .slide-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
	width: 100px;
	transition-delay: 0s;
}

.readmoreBtn {
	cursor: pointer;
}

.mtp-case {
	background-color: #f3f8f2;
	position: relative;
	overflow: hidden;
}

.mtp-case .mtp-case-bg svg:nth-child(1) {
	position: absolute;
	left: 5%;
}

.mtp-case .mtp-case-bg svg:nth-child(2) {
	position: absolute;
	right: 5%;
}

.case-box-container {
	position: relative;
	overflow: hidden;
}

.case-box-container .timeline-swiper {
	padding: 50px 0 25px 0;
	overflow: unset!important;
}

.case-box-container .case-box {
	display: flex;
	justify-content: center;
	text-align: center;
	position: relative;
	padding: 25px;
	transition: 250ms ease-in-out;
	opacity: .5;
}

.case-box-container .swiper-slide.case-box:first-child:before {
	left: 50%!important;
}

.case-box-container .swiper-slide.case-box:last-child:before {
	right: 50%!important;
}

.case-box-container .case-box:after,.case-box-container .case-box:before {
	content: "";
	position: absolute;
	display: block;
	transition: 250ms ease-in-out;
	background: #266849;
}

.case-box-container .case-box:before {
	top: 0;
	right: 0;
	left: 0;
	width: auto;
	height: 1px;
	opacity: .15;
}

.case-box-container .case-box:after {
	top: -10px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	transform: scale(.5);
	transition: transform .25s;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.case-box-container .swiper-slide.swiper-slide-active.case-box {
	opacity: 1;
}

.case-box-container .swiper-slide.swiper-slide-active.case-box:after {
	transform: scale(1);
	background: #3be395;
}

.case-box-container .swiper-slide.swiper-slide-active.case-box .text strong {
	color: #3be395;
}

.case-box-container .case-box .text strong {
	font-size: 42px;
	font-weight: 700;
	color: #171717;
}

.case-box-container .case-box .text p {
	font-size: 16px;
	color: #171717;
	margin-bottom: 0;
}

.casebox-controls {
	display: flex;
	align-items: center;
	gap: 5px;
	position: absolute;
	right: 20%;
	top: -10%;
}

.casebox-controls .btn-case {
	display: inline-block;
	color: #fff;
	background: #34d399;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid #34d399;
}

.casebox-controls .btn-case:disabled {
	opacity: .4;
	cursor: not-allowed;
}

.casetip {
	position: absolute;
	cursor: pointer;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 20px;
	color: #3be395;
	margin-left: auto;
	margin-right: auto;
}

.casetip-text {
	visibility: hidden;
	width: 250px;
	background: #fff;
	border: 1px solid #cdd6f2;
	color: #000;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	padding: 10px 15px;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
}

.casetip:hover+.casetip-text {
	visibility: visible;
	opacity: 1;
}

.cost-factors-component {
	max-width: 1400px;
	width: 100%;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #e4f6ed;
	padding: 35px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.cost-factors-component:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: radial-gradient(circle at 30% 107%,#6cef59 0%,#4dd672 5%,#40cb7d 45%,#0fa352 60%,#3ac782 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.cost-factors-component .main-content {
	display: flex;
	gap: 30px;
}

.cost-factors-component .image-placeholder {
	flex: 1;
	position: sticky;
	top: 60px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	border-radius: 18px;
	max-width: 480px;
	max-height: 480px;
	margin: 0 auto;
}

.cost-factors-component .feature-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.4s ease-in-out,transform 0.4s ease-in-out;
}

.cost-factors-component .feature-accordion {
	flex: 1.2;
	display: flex;
	flex-direction: column;
	gap: 5px;
	overflow: auto;
	max-height: 450px;
	padding: 0 10px 0 0;
}

.cost-factors-component .accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out,margin-top 0.5s ease-out;
}

.cost-factors-component .accordion-item.active .accordion-content {
	max-height: max-content;
	margin-top: 8px;
}

.cost-factors-component .accordion-item .accordion-header {
	display: flex;
	flex-direction: column;
	gap: 5px;
	background: #f5f8ff;
	border: 1px solid #d7def4;
	padding: 15px 10px;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
}

.cost-factors-component .accordion-item .accordion-header:before {
	content: '';
	width: 4px;
	height: 60%;
	background: #3be395;
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.cost-factors-component .accordion-item .accordion-header span {
	width: 24px;
	height: 24px;
	display: inline-block;
	background: #fff;
	text-align: center;
	border-radius: 100%;
	color: #000;
	line-height: 24px;
	font-size: 16px;
	font-weight: 700;
}

.cost-factors-component .accordion-item .accordion-header h3,.cost-factors-component .accordion-item .accordion-header h4,.cost-factors-component .accordion-item .accordion-header small {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
	color: #171717;
}

.cost-factors-component .accordion-item .accordion-content p {
	font-size: 14px;
	margin-bottom: 0;
	color: #171717;
	padding: 0 10px 5px 10px;
	margin-bottom: .7rem;
	white-space: pre-line;
}

.details-area {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 25px 0 0 0;
}

.details-area details {
	display: flex;
	flex-direction: column;
	border-radius: 15px;
	border: 1px solid #cdd6f2;
	padding: 5px 0;
	background-color: #f6f9ff;
}

.details-area details summary {
	cursor: pointer;
	list-style: none;
	position: relative;
}

.details-area details summary h2,.details-area details summary h3 {
	font-size: 18px;
	color: #171717;
	margin-bottom: 0;
}

.details-area details summary h3 {
	font-size: 15px;
}

.details-area details p {
	padding: 15px;
	margin-bottom: 0;
	border: none;
}

.details-area details[open] summary h2,.details-area details[open] summary h3 {
	color: #3be395;
}

.details-area details summary:before {
	content: '';
	width: 5px;
	height: 60%;
	background: #3be395;
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.details-area details>div {
	font-size: 14px;
	color: #171717;
	padding: 0 10px 10px 10px;
}

.details-area details summary {
	position: relative;
	padding-right: 28px;
}

.details-area details summary:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	background: no-repeat center / contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	transition: transform .2s ease;
}

.details-area details[open] summary:after {
	transform: translateY(-50%) rotate(180deg);
}

.mtp-best .best-packages {
	margin-top: 35px;
}

.mtp-best .best-packages>div {
	flex: 1;
}

.mtp-best .best-packages .item {
	display: flex;
	flex-direction: column;
	background-color: #171717;
	text-align: left;
	background-image: url("data:image/svg+xml;utf8,<svg width='454' height='391' viewBox='0 0 454 391' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.11' d='M0 297L257.5 0H429.5L454 52V390.5H0V297Z' fill='url(%23paint0_linear_4195_76)'/><defs><linearGradient id='paint0_linear_4195_76' x1='64.9999' y1='61.5001' x2='201.5' y2='208.5' gradientUnits='userSpaceOnUse'><stop stop-color='white'/><stop offset='1' stop-color='white' stop-opacity='0'/></linearGradient></defs></svg>");
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: auto;
	border-radius: 15px;
	height: 100%;
	line-height: 24px;
	padding: 25px;
	position: relative;
	width: 100%;
	transition: .5s all;
	cursor: pointer;
}

.mtp-best .best-packages .item .item-top {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 16px;
	font-weight: 700;
	line-height: 32px;
	color: #3be395;
	padding-bottom: 15px;
	position: relative;
}

.mtp-best .best-packages .item .item-top .icon {
	position: absolute;
	top: 0;
	right: -15px;
	font-size: 100px;
	color: rgb(255 255 255 / .15);
	transform: rotate(-25deg);
}

.mtp-best .best-packages .item .item-time {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	background: #232323;
	border: 1px solid #414141;
	border-radius: 12px;
	padding: 5px 10px;
}

.mtp-best .best-packages .item .item-time .times {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
}

.mtp-best .best-packages .item .item-time .tm-1,.mtp-best .best-packages .item .item-time .tm-2 {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
}

.mtp-best .best-packages .item .item-time .tm-1 i,.mtp-best .best-packages .item .item-time .tm-2 {
	color: #3be395;
}

.mtp-best .best-packages .item .item-update {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	background: #232323;
	border: 1px solid #414141;
	border-radius: 10px;
	padding: 5px 10px;
	color: #fff;
	margin-top: 10px;
}

.mtp-best .best-packages .item .item-update span {
	color: #b8b8b8;
}

.mtp-best .best-packages .item .item-top small {
	font-size: 14px;
	color: #b8b8b8;
}

.mtp-best .best-packages .item .item-top em {
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	color: #fff;
}

.mtp-best .best-packages .item .btn-primary,.mtp-best .best-packages .item .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff!important;
	font-weight: 700;
	color: #266849!important;
	padding: 10px;
	text-transform: uppercase;
	border-radius: 12px;
}

.mtp-best .best-packages .item .btn-primary:hover {
	opacity: .8;
}

.mtp-best .best-packages .item .btn-primary .svg {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(38 104 73 / .2);
	border-radius: 100%;
}

.mtp-best .best-packages .item .item-center {
	font-size: 15px;
	line-height: 32px;
	padding: 15px 0;
	color: #fff;
}

.mtp-best .best-packages .item .item-center ul {
	margin-bottom: 0;
	padding-left: 0;
}

.mtp-best .best-packages .item .item-center ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	list-style: none;
	gap: 10px;
}

.mtp-best .best-packages .item .item-center ul li .detail {
	color: #55beff;
	font-weight: 700;
}

.mtp-best .best-packages .item .item-center ul li i {
	color: #9dffd2;
}

.mtp-best .best-packages .item .item-bottom .m-rating {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 10px;
}

.mtp-best .best-packages .item .item-bottom .m-rating p {
	margin-bottom: 0;
	color: #fff;
	font-size: 13px;
}

.mtp-tiktok .mtp-header h2 span {
	text-shadow: 1px 1px #f72e4dfc,-1px -1px #09f3f3;
	color: #000;
}

.mtp-tiktok .mtp-header h2 span:before {
	background-color: #f72e4dfc;
}

.mtp-youtube .mtp-header h2 span {
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
	background: #fff0;
	color: #F03;
}

.mtp-youtube .mtp-header h2 span:before {
	background-color: #F03;
}

.mtp-facebook .mtp-header h2 span {
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
	background: #fff0;
	color: #0866ff;
}

.mtp-facebook .mtp-header h2 span:before {
	background-color: #0866ff;
}

.mtp-instagram .mtp-header h3 span {
	background: linear-gradient(180deg,#8000ff 0,#ffb800 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
}

.mtp-instagram .mtp-header h3 span:before {
	background-color: #ffb800;
}

.mtp-instagram .mtp-header h2 span {
	background: linear-gradient(180deg,#8000ff 0,#ffb800 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
}

.mtp-instagram .mtp-header h2 span:before {
	background-color: #ffb800;
}

.mtp-services-wrapper {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 25px;
	margin-top: 35px;
}

.mtp-srv-content {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.mtp-srv-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	border-radius: 15px;
	border: 1px solid #cdd6f2;
	padding: 10px;
	background-color: #f6f9ff;
	margin: auto;
	max-width: 100%;
}

.mtp-srv-menu .nav {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
}

.mtp-srv-menu .nav:active {
	cursor: grabbing;
}

.mtp-srv-menu .nav::-webkit-scrollbar {
	height: 5px;
}

.mtp-srv-menu .nav::-webkit-scrollbar-track {
	background: #fff0;
	border-radius: 10px;
}

.mtp-srv-menu .nav::-webkit-scrollbar-thumb {
	background: #bbb;
	border-radius: 10px;
}

.mtp-srv-menu .nav .nav-item {
	width: 100%;
}

.mtp-srv-menu .nav .nav-link {
	display: flex;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 12px;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 700;
	line-height: 160%;
	letter-spacing: -.3px;
	white-space: nowrap;
	width: 100%;
}

.mtp-srv-menu .nav .nav-link.active {
	background: #171717;
	color: #fff!important;
}

.mtp-srv-menu .nav .nav-link:not(.active):hover {
	background: rgb(0 0 0 / .03);
}

.mtp-instagram .mtp-srv-menu .nav {
	flex-direction: column;
	overflow-x: unset;
}

.mtp-instagram .mtp-services-wrapper {
	flex-direction: row;
}

.mtp-instagram .mtp-srv-menu .nav .nav-link {
	justify-content: flex-start;
	padding: 10px 25px;
}

.mtp-srv-content .tab-pane h3 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	color: #171717;
	padding-left: 10px;
	text-align: center;
}

.mtp-srv-content .tab-pane h3:before {
	content: "";
	position: absolute;
	bottom: -5px;
	height: 3px;
	width: 100px;
	border-radius: 30px;
	background: #3be395;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.mtp-srv-content .tab-pane p {
	font-size: 14px;
	color: #7b7b7b;
	text-align: center;
	max-width: 750px;
	margin: 5px auto 25px auto;
}

.mtp-customer .mtp-srv-content .tab-pane p {
	text-align: left;
	color: #fff;
}

.mtp-srv-content .package-item {
	position: relative;
	padding: 15px;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #cdd6f2;
	transition: all .3s ease;
	cursor: pointer;
	min-width: 200px;
	overflow: hidden;
}

.mtp-srv-content .package-item:hover {
	border: 1px solid #3be395;
	transition: all .3s ease;
}

.mtp-srv-content .package-item:hover .btn-primary {
	background: #3be395!important;
	transition: all .3s ease;
}

.mtp-instagram .mtp-srv-content .package-item.package-best {
	border: 1px solid #8a0eeb;
}

.mtp-tiktok .mtp-srv-content .package-item.package-best {
	border: 1px solid #f72e4dfc;
}

.mtp-youtube .mtp-srv-content .package-item.package-best {
	border: 1px solid #F03;
}

.mtp-facebook .mtp-srv-content .package-item.package-best {
	border: 1px solid #0866ff;
}

.mtp-srv-content .package-item:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%,#cdd6f2 0%,#cdd6f2 5%,#cdd6f2 45%,#cdd6f2 60%,#cdd6f2 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.mtp-instagram .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.mtp-tiktok .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#f72e4dfc 0%,#f72e4dfc 5%,#f72e4dfc 45%,#f72e4dfc 60%,#f72e4dfc 90%);
}

.mtp-youtube .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#FF0033 0%,#FF0033 5%,#FF0033 45%,#FF0033 60%,#FF0033 90%);
}

.mtp-facebook .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#0866ff 0%,#0866ff 5%,#0866ff 45%,#0866ff 60%,#0866ff 90%);
}

.mtp-srv-content .package-item .btn-primary,.mtp-srv-content .package-item .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #171717!important;
	border-color: #171717!important;
	padding: 10px;
	z-index: 2;
	line-height: 32px;
	text-transform: uppercase;
	z-index: 2;
}

.mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary,.mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #8a0eeb!important;
	border-color: #8a0eeb!important;
	font-weight: 700;
	position: relative;
	z-index: 2;
	text-transform: uppercase;
}

.mtp-instagram .mtp-srv-content .package-item .btn-primary .svg,.mtp-tiktok .mtp-srv-content .package-item .btn-primary .svg,.mtp-youtube .mtp-srv-content .package-item .btn-primary .svg,.mtp-facebook .mtp-srv-content .package-item .btn-primary .svg {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(255 255 255 / .2);
	border-radius: 100%;
}

.mtp-tiktok .mtp-srv-content .package-item.package-best .btn-primary,.mtp-tiktok .mtp-srv-content .package-item.package-best .btn-primary:focus {
	background: #f72e4dfc!important;
	border-color: #f72e4dfc!important;
	position: relative;
	z-index: 2;
}

.mtp-youtube .mtp-srv-content .package-item.package-best .btn-primary,.mtp-youtube .mtp-srv-content .package-item.package-best .btn-primary:focus {
	background: #FF0033!important;
	border-color: #FF0033!important;
	position: relative;
	z-index: 2;
}

.mtp-facebook .mtp-srv-content .package-item.package-best .btn-primary,.mtp-facebook .mtp-srv-content .package-item.package-best .btn-primary:focus {
	background: #0866ff!important;
	border-color: #0866ff!important;
	position: relative;
	z-index: 2;
}

.mtp-srv-content .package-item.package-best .btn-primary:hover {
	opacity: .8;
}

.mtp-srv-content .package-item .pi-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 5px;
}

.mtp-srv-content .package-item .pi-top .best-opt {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: max-content;
	top: 10px;
	background: #34d399;
	font-size: 12px;
	padding: 2px 10px;
	border-radius: 10px;
	color: #fff;
}

.mtp-srv-content .package-item .pi-center {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 15px 0;
}

.mtp-srv-content .package-item .pi-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #e4f6ed;
	padding-top: 5px;
}

.mtp-srv-content .package-item .pi-top .pi-icon span svg {
	color: #171717;
}

.mtp-srv-content .package-item .pi-top i {
	font-size: 32px;
}

.mtp-srv-content .package-item .pi-top .instagram {
	color: #e1306c;
}

.mtp-srv-content .package-item .pi-top .tiktok {
	color: #000;
}

.mtp-srv-content .package-item .pi-top .youtube {
	color: #F03;
}

.mtp-srv-content .package-item .pi-top .facebook {
	color: #0866ff;
}

.mtp-srv-content .package-item .pi-center .pi-count {
	font-size: 38px;
	font-weight: 700;
	line-height: 42px;
	color: #171717;
}

.mtp-srv-content .package-item .pi-center .pi-service {
	font-size: 16px;
	color: #7b7b7b;
}

.mtp-srv-content .package-item .pi-save {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	font-size: 13px;
	color: #171717;
	width: 100%;
	text-align: center;
	margin-top: 5px;
	white-space: nowrap;
	position: relative;
	z-index: 2;
}

.mtp-srv-content .package-item .pi-save span {
	font-weight: 700;
	color: #dc3545;
}

.mtp-srv-content .package-item .pi-bottom .pi-new {
	font-size: 24px;
	font-weight: 700;
	color: #34d399;
}

.mtp-srv-content .package-item .pi-bottom .pi-old {
	text-decoration-line: line-through;
	line-height: 12px;
	color: #464646;
}

.mtp-srv-content .package-item .btn-primary {
	white-space: nowrap;
	margin-top: 15px;
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	padding: 10px;
}

.mtp-tiktok,.mtp-youtube,.mtp-facebook,.mtp-instagram {
	position: relative;
}

.mtp-tiktok .mtp-srv-bg img,.mtp-youtube .mtp-srv-bg img,.mtp-facebook .mtp-srv-bg img,.mtp-instagram .mtp-srv-bg img {
	position: absolute;
}

.mtp-tiktok .mtp-srv-bg img:nth-child(1),.mtp-youtube .mtp-srv-bg img:nth-child(1),.mtp-facebook .mtp-srv-bg img:nth-child(1),.mtp-instagram .mtp-srv-bg img:nth-child(1) {
	max-width: 175px;
	top: 75px;
	left: 0;
}

.mtp-tiktok .mtp-srv-bg img:nth-child(2),.mtp-youtube .mtp-srv-bg img:nth-child(2),.mtp-facebook .mtp-srv-bg img:nth-child(2),.mtp-instagram .mtp-srv-bg img:nth-child(2) {
	max-width: 150px;
	bottom: 75px;
	right: 0;
}

.mtp-instagram:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	max-height: 900px;
}

.mtp-tiktok:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	max-height: 900px;
	transform: rotate(180deg);
}

.mtp-youtube:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	max-height: 900px;
}

.mtp-facebook:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	max-height: 900px;
	transform: rotate(180deg);
}

.mtp-instagram .best-swiper {
	margin-top: 35px;
}

.mtp-instagram .best-swiper .item {
	display: flex;
	flex-direction: column;
	background: #f5f8ff;
	border: 1px solid #cdd6f2;
	text-align: left;
	border-radius: 15px;
	height: 100%;
	line-height: 24px;
	padding: 10px 15px 5px 15px;
	position: relative;
	width: 100%;
	transition: .5s all;
	cursor: pointer;
	overflow: hidden;
}

.mtp-instagram .best-swiper .item:before {
	background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
	content: "";
	position: absolute;
	width: 100%;
	height: 100px;
	content: '';
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	-webkit-filter: blur(37px);
	filter: blur(37px);
	z-index: 1;
}

.mtp-instagram .best-swiper .item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#ff5500a6 0,#bf00cb 100%);
	font-size: 24px;
	color: #fff;
	border-radius: 10px;
	margin: 0 auto 10px auto;
}

.mtp-instagram .best-swiper .item-wrapper {
	position: relative;
	z-index: 1;
}

.mtp-instagram .best-swiper .item-wrapper .btn-primary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#ff5500a6 0,#bf00cb 100%)!important;
	font-weight: 700;
	padding: 10px;
	text-transform: uppercase;
}

.mtp-instagram .best-swiper .item-wrapper .btn-primary:hover {
	opacity: .8;
}

.mtp-instagram .best-swiper .item-wrapper .btn-primary .svg {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(255 255 255 / .2);
	border-radius: 100%;
}

.mtp-instagram .best-swiper .item-wrapper .time {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 12px;
	font-weight: 700;
	margin-top: 5px;
	color: #171717;
}

.mtp-instagram .best-swiper .item-wrapper .title {
	color: #171717;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	max-width: 80%;
	margin: auto;
}

.mtp-instagram .best-swiper .item-wrapper .title h3 {
	color: #171717;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

.mtp-instagram .best-swiper .item-wrapper .price {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	color: #171717;
	margin: 25px 0;
}

.mtp-instagram .best-swiper .item-wrapper .m-rating {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.mtp-instagram .best-swiper .item-wrapper .m-rating p {
	margin-bottom: 0;
	font-size: 11px;
	color: #171717;
}

.mtp-instagram .best-swiper .item-wrapper .time em {
	font-style: normal;
	font-weight: 700;
}

.mtp-instagram .best-swiper .item-wrapper ul {
	padding-left: 0;
	background: rgb(255 255 255 / .7);
	font-size: 13px;
	padding: 10px;
	border-radius: 15px;
	margin: 15px 0;
	text-align: center;
	color: #171717;
}

.mtp-instagram .best-swiper .item-wrapper ul li {
	list-style: none;
}

.mtp-works {
	background-color: #f3f8f2;
	padding: 50px 0;
	position: relative;
	overflow: hidden;
}

.mtp-works .mtp-works-bg svg:nth-child(1) {
	position: absolute;
	left: 5%;
}

.mtp-works .mtp-works-bg svg:nth-child(2) {
	position: absolute;
	right: 5%;
}

.works-box-container {
	position: relative;
	overflow: hidden;
	padding: 35px 0;
	z-index: 1;
}

.works-box-container .works-box .text {
	position: relative;
}

.works-box-container .works-box-wrapper {
	display: flex;
	gap: 15px;
	padding-left: 0;
	transition: transform 0.4s ease;
}

.works-box-container .works-box .btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 5px 15px;
	font-size: 13px;
	margin-top: 15px;
}

.works-box-container .works-box .btn em {
	font-style: normal;
}

.works-box-container .works-box {
	display: flex;
	gap: 15px;
	flex-direction: row;
	flex: 0 0 calc((100% - 30px) / 3);
	background: #fff;
	padding: 20px 20px 0 20px;
	border-radius: 15px;
	border: 1px solid #e4f6ed;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.works-box-container .works-box .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	background: #34d399;
	color: #fff;
	border-radius: 10px;
}

.works-box-container .works-box .text span {
	font-size: 16px;
	font-weight: 700;
	color: #171717;
}

.works-box-container .works-box .text p {
	font-size: 14px;
	color: #7b7b7b;
	margin-bottom: 0;
	margin-top: 10px;
}

.works-box-container .worksbox-controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
	gap: 5px;
}

.works-box-container .btn-step {
	display: inline-block;
	color: #fff;
	background: #34d399;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid #34d399;
}

.works-box-container .btn-step:disabled {
	opacity: .4;
	cursor: not-allowed;
}

.works-box-container .progress-bar {
	flex: 1;
	height: 4px;
	background: #1c563b30;
	margin: 0 10px;
	position: relative;
	border-radius: 4px;
}

.works-box-container .progress-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #34d399;
	width: 0%;
	border-radius: 4px;
	transition: width 0.3s ease;
}

#worksboxContainer1 .works-box {
	flex-direction: column;
	padding: 20px;
}

#worksboxContainer1 .works-box:before,#worksboxContainer2 .works-box:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 1px solid #34d399;
	border-left: 1px solid #34d399;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
	border-radius: 15px;
	z-index: -1;
}

#worksboxContainer1 .works-box:after,#worksboxContainer2 .works-box:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 1px solid #34d399;
	border-right: 1px solid #34d399;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
	border-radius: 15px;
	z-index: -1;
}

#worksboxContainer1 .works-box:hover:before,#worksboxContainer2 .works-box:hover:before {
	width: 100%;
	height: 100%;
	visibility: visible;
	opacity: 1;
	z-index: 1;
}

#worksboxContainer1 .works-box:hover:after,#worksboxContainer2 .works-box:hover:after {
	width: 100%;
	height: 100%;
	visibility: visible;
	opacity: 1;
	z-index: 1;
}

#worksboxContainer1 .works-box .icon,#worksboxContainer2 .works-box .icon {
	transition: transform 0.5s ease,-webkit-transform 0.5s ease;
}

#worksboxContainer1 .works-box:hover .icon,#worksboxContainer2 .works-box:hover .icon {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	transition: transform 0.5s ease,-webkit-transform 0.5s ease;
}

#worksboxContainer2 .works-box {
	padding: 30px 20px 20px 20px;
	overflow: visible;
}

#worksboxContainer1 .works-box .text {
	display: flex;
	flex-direction: column;
	text-align: center;
}

#worksboxContainer1 .works-box .icon {
	font-size: 24px;
	font-weight: 700;
	margin: auto;
}

#worksboxContainer2 .works-box .icon {
	position: absolute;
	top: -20px;
	z-index: 1;
}

.mtp-advantages .thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	cursor: pointer;
	border-radius: 8px;
	overflow: hidden;
	margin: 15px auto;
}

.mtp-advantages .thumb img {
	display: block;
	width: 140px;
	max-width: 80vw;
	height: auto;
}

.mtp-advantages .thumb .play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: rgb(52 211 153 / .5);
	backdrop-filter: blur(2px);
	transition: 200ms all;
}

.mtp-advantages .thumb:hover .play-btn {
	background: #34d399;
	transition: 200ms all;
}

.mtp-advantages .play-btn svg {
	width: 36px;
	height: 36px;
	fill: #fff;
}

.mtp-advantages .video-wrap {
	position: relative;
	padding-top: 56.25%;
	border-radius: 0 0 15px 15px;
}

.mtp-advantages .video-wrap video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0 0 15px 15px;
}

.mtp-sliders {
	position: relative;
	padding-top: 50px;
}

.mtp-sliders .swiper-wrapper {
	-webkit-transition-timing-function: linear!important;
	transition-timing-function: linear!important;
	position: relative;
	pointer-events: none;
}

.mtp-sliders .swiper-wrapper .swiper-slide {
	width: -webkit-max-content!important;
	width: -moz-max-content!important;
	width: max-content!important;
}

.mtp-sliders .mtp-story.slider {
	position: relative;
	padding: 20px 0;
	color: #fff;
	width: 140%;
	left: -30%;
	z-index: 0;
}

.mtp-sliders .mtp-story.slider:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #27684a;
	background-image: url(https://storage.perfectcdn.com/966zjr/udni2wt86lc01t93.webp),-webkit-linear-gradient(0deg,#083b23 0%,#35c581 50%,#083b23 100%);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}

.mtp-sliders .mtp-story.slider:before {
	content: "";
	position: absolute;
	width: 110%;
	height: 100%;
	top: 0;
	left: -10px;
	background: rgb(52 211 153 / .25);
	transform: rotate(2deg);
	z-index: -2;
}

.mtp-sliders .mtp-story.slider:last-of-type {
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.mtp-sliders .mtp-story.slider .swiper-slide span {
	position: relative;
}

.mtp-sliders .mtp-story.slider .swiper-slide span:after {
	content: "";
	position: absolute;
	left: -100px;
	width: 45px;
	height: 45px;
	background-color: #e3ff04;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2l2.2 6.8L21 11l-6.8 2.2L12 20l-2.2-6.8L3 11l6.8-2.2z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2l2.2 6.8L21 11l-6.8 2.2L12 20l-2.2-6.8L3 11l6.8-2.2z'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-animation: rotation 6s infinite linear;
	animation: rotation 6s infinite linear;
}

.mtp-sliders .mtp-story.slider .swiper-slide span {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}

.mtp-api .nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	border-radius: 20px;
	border: 1px solid #cdd6f2;
	padding: 10px;
	background-color: rgb(255 255 255 / .3);
	margin: auto;
	position: relative;
	width: max-content;
}

.mtp-api .nav .nav-link {
	display: flex;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 15px;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 700;
	line-height: 160%;
	letter-spacing: -.3px;
	white-space: nowrap;
	width: 100%;
}

.mtp-api .nav .nav-link.active {
	background: #27684a;
	background: -moz-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
}

.mtp-api .nav .nav-link h3 {
	font-size: 18px;
	margin-bottom: 0;
	color: #171717;
}

.mtp-api .nav .nav-link.active h3 {
	color: #fff!important;
}

.mtp-api .mtp-header p {
	color: #9dffd2;
}

.mtp-api-wrapper {
	background: linear-gradient(180deg,#35c581 50%,transparent 100%);
	border-radius: 25px 25px 0 0;
	padding: 50px 25px;
	position: relative;
	overflow: hidden;
}

.mtp-api-wrapper:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	background: url(https://storage.perfectcdn.com/966zjr/zbrjjumpu4dm1xk7.webp);
	background-size: contain;
	opacity: .15;
}

.mtp-api-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-top: 50px;
}

.mtp-api-list .mtp-paragraph {
	color: #dcffeb;
}

.mtp-api-container {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 15px;
	padding-left: 0;
	margin-bottom: 0;
}

.mtp-api-container li {
	list-style: none;
}

.mtp-api-container .item {
	background: #fff;
	border-radius: 15px;
	padding: 15px;
}

.mtp-api-container .item .title {
	font-size: 18px;
	font-weight: 700;
	color: #171717;
}

.mtp-api-container .item p {
	font-size: 14px;
	font-weight: 400;
	color: #656565;
	margin-bottom: 0;
	padding-top: 7px;
}

.mtp-api .mtp-api-content {
	background: #fff;
	border-radius: 15px;
	padding: 25px;
	max-width: 1000px;
	margin: 35px auto 0 auto;
	color: #171717;
	text-align: center;
}

.mtp-opinion .opinion-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='552' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%238d6651' d='M0 0h600v552H0z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m-33.09 201.72-62.903 150.81-98.287-40.947L-2.263-148.772l102.218 24.723-32.644 405.725 172.996-565.449 104.009 19.578-39.302 515.671 99.377-338.893 104.107 9.957 30.241 321.585 33.336-158.813 104.926 4.134 45.749 357.169-105.63 13.563-5.657-44.163-40.717 193.976-105.123-5.913-37.162-395.174-163.989 559.233-104.188-18.984 41.353-542.571L25.884 781.045l-103.992-19.803 45.019-559.522Z' clip-rule='evenodd' opacity='.1'/%3E%3C/g%3E%3Cpath stroke='%238d6651' d='M.5.5h599v551H.5z'/%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h600v552H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 15px;
	padding: 35px 0 35px 50px;
	position: relative;
	margin-top: 125px;
}

.mtp-opinion .opinion-wrapper .opinion-img-wrapper {
	position: absolute;
	right: 0;
	top: 0;
}

.mtp-opinion .opinion-wrapper .opinion-img {
	position: relative;
	margin-top: -43px;
}

.mtp-opinion .opinion-wrapper .opinion-img:before {
	content: "";
	position: absolute;
	top: 0;
	right: 60%;
	width: 50%;
	height: 50%;
	transform: translate(100%,60%) scale(1);
	transition: .14s ease;
	background: #ff6e1f;
	background: linear-gradient(120deg,#ff6e1f 0%,#7f5c49 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.mtp-opinion .opinion-img-wrapper .opinion-img img {
	max-width: 250px;
	position: relative;
	z-index: 1;
}

.mtp-opinion .opinion-img-wrapper .home-smoke {
	position: absolute;
	left: 180px;
	top: -55px;
	max-width: 200px!important;
}

.mtp-opinion .title {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 25px;
	color: #fff;
	max-width: 600px;
	line-height: 46px;
	position: relative;
}

.mtp-opinion p {
	font-size: 16px;
	max-width: 650px;
	color: #ffd5be;
	position: relative;
}

.mtp-opinion .mtp-btn {
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
	background: #fff;
	color: #7f5c49!important;
	padding: .08em 1.2em;
	font-size: 17px;
	font-weight: 700;
	border-radius: 9999px;
	border: none;
	height: 2.8em;
	padding-right: 3.3em;
	cursor: pointer;
	text-decoration: none;
	width: max-content;
	margin-top: 25px;
}

.mtp-opinion .mtp-btn-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f72e4d;
	margin-left: 1em;
	position: absolute;
	height: 2.2em;
	width: 2.2em;
	border-radius: 9999px;
	right: .3em;
	transition: all 0.3s;
}

.mtp-opinion .mtp-btn:hover .mtp-btn-icon {
	width: calc(100% - 0.6em);
}

.mtp-opinion .mtp-btn-icon svg {
	width: 1.1em;
	transition: transform 0.3s;
	color: #fff;
}

.mtp-opinion .mtp-btn:hover .mtp-btn-icon svg {
	transform: translateX(.1em);
}

.mtp-opinion .mtp-btn:active .mtp-btn-icon {
	transform: scale(.95);
}

.mtp-faq .mtp-faq-area {
	margin-top: 35px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	gap: 10px;
	margin-top: 25px;
	background: #f6f9ff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 15px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item {
	position: relative;
	cursor: pointer;
	background: #fff0;
	-webkit-transition: .2s ease;
	transition: .2s ease;
	background: #fff;
	border: 1px solid #e4f6ed;
	color: #171717;
	border-radius: 15px;
	height: max-content;
	margin-bottom: 0;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .mtp-faq-head h2,.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .mtp-faq-head h3 {
	color: #34d399;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 400;
	color: #171717;
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head .fh-left {
	display: flex;
	align-items: center;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head .fh-left .icon {
	min-width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #34d399;
	border-radius: 100%;
	font-size: 12px;
	color: #fff;
	position: relative;
	z-index: 1;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head .fh-left .icon:before {
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	right: -3px;
	bottom: -3px;
	border-radius: 100%;
	background: #34d399;
	opacity: .2;
	z-index: -1;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h2 {
	font-size: 18px;
	font-weight: 400;
	color: #171717;
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h3,.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h4,.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h5 {
	font-size: 14px;
	font-weight: 400;
	color: #171717;
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-arrow {
	color: #171717;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .mtp-faq-arrow {
	color: #34d399;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .angle-up {
	display: block;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .angle-up {
	display: none;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .angle-down {
	display: none;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-content {
	display: none;
	padding-top: 12px;
	background: #fff;
	border-radius: 0 0 10px 10px;
	padding: 0 15px 10px 15px;
	color: #171717;
	font-size: 13px;
}

.team-wrapper {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 15px;
	margin-top: 50px;
	padding-left: 0;
	margin-bottom: 0;
}

.team-wrapper .team-item {
	position: relative;
	border-radius: 15px;
	list-style: none;
	cursor: pointer;
}

.team-wrapper .team-item:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	border-radius: 15px;
	box-shadow: inset 0 0 25px rgb(0 0 0 / .3);
	transition: all 0.3s ease;
	background: #34d399;
	z-index: 1;
}

.team-wrapper .team-item:hover:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: rgb(0 0 0 / .5);
	transition: all 0.3s ease;
	z-index: 1;
}

.team-wrapper .team-item .team-img:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg,#fff0 35%,rgb(14 14 14 / .89) 78%);
	z-index: 0;
	transition: all 0.5s linear;
	border-radius: 0 0 15px 15px;
}

.team-wrapper .team-item .info {
	transition: all 0.5s linear;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	color: #fff;
	font-size: 12px;
	opacity: 0;
}

.team-wrapper .team-item:hover .info {
	transition: all 0.5s linear;
	opacity: 1;
}

.team-wrapper .team-item .team-img img {
	width: 100%;
	border-radius: 15px;
	max-width: 100%;
}

.team-wrapper .team-item .team-content {
	position: absolute;
	left: 50px;
	bottom: 15px;
	z-index: 5;
	transition: all 0.3s linear;
}

.team-wrapper .team-item .team-content .name {
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	position: relative;
	z-index: 1;
	color: #fff;
}

.team-wrapper .team-item .team-content .name:before {
	content: "";
	position: absolute;
	height: 40px;
	width: 20px;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
	background: #34d399;
	z-index: -1;
	transition: all 0.3s linear;
	border-radius: 5px;
}

.team-wrapper .team-item .team-content .designation {
	font-size: 12px;
	line-height: 24px;
	position: relative;
	z-index: 1;
	color: #fff;
}

.team-wrapper .team-item .team-content .team-social {
	opacity: 0;
	visibility: hidden;
	margin-bottom: -25px;
	margin-left: -25px;
	position: relative;
	z-index: 1;
	transition: all 0.3s linear;
}

.team-wrapper .team-item .team-content .team-social .social li {
	display: inline-block;
}

.team-wrapper .team-item .team-content .team-social .social li+li {
	margin-left: 10px;
}

.team-wrapper .team-item .team-content .team-social .social li a {
	font-size: 14px;
	transform: translate3d(0,0,0);
	color: #fff;
	transition: all 0.3s linear;
}

.team-wrapper .team-item .team-content .team-social .social li a:hover {
	color: #fff!important;
	opacity: .7;
}

.team-wrapper .team-item:hover .team-content {
	bottom: 50px;
}

.team-wrapper .team-item:hover .team-content .team-social {
	opacity: 1;
	visibility: visible;
	margin-top: 10px;
}

.mtp-subscription .opinion-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='552' fill='none'><g clip-path='url(%23a)'><path fill='%23266849' d='M0 0h600v552H0z'/><path fill='%23000' fill-rule='evenodd' d='m-33.09 201.72-62.903 150.81-98.287-40.947L-2.263-148.772l102.218 24.723-32.644 405.725 172.996-565.449 104.009 19.578-39.302 515.671 99.377-338.893 104.107 9.957 30.241 321.585 33.336-158.813 104.926 4.134 45.749 357.169-105.63 13.563-5.657-44.163-40.717 193.976-105.123-5.913-37.162-395.174-163.989 559.233-104.188-18.984 41.353-542.571L25.884 781.045l-103.992-19.803 45.019-559.522Z' clip-rule='evenodd' opacity='.1'/></g><path stroke='%23266849' d='M.5.5h599v551H.5z'/><defs><clipPath id='a'><path fill='%23fff' d='M0 0h600v552H0z'/></clipPath></defs></svg>");
	background-size: cover;
	background-position: center;
	border-radius: 15px;
	padding: 35px 0 35px 50px;
	position: relative;
	margin: 100px 0;
}

.mtp-subscription .opinion-wrapper .opinion-text {
	position: relative;
}

.mtp-subscription .opinion-wrapper .opinion-text:before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: 50%;
	height: 50%;
	transform: translate(100%,60%) scale(1);
	transition: .14s ease;
	background: #28cb69;
	background: linear-gradient(120deg,#00ff66 0%,#00ff6626 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.mtp-subscription .title {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 25px;
	color: #fff;
	max-width: 600px;
	line-height: 46px;
	position: relative;
}

.mtp-subscription p {
	font-size: 16px;
	max-width: 650px;
	color: #dcffeb;
	position: relative;
}

.mtp-subscription .opinion-wrapper .opinion-img-wrapper {
	position: absolute;
	right: 0;
	top: 0;
}

.mtp-subscription .opinion-wrapper .opinion-img {
	position: relative;
	margin-top: -43px;
}

.mtp-subscription .opinion-img-wrapper .opinion-img img {
	max-width: 350px;
}

.mtp-subscription .subscribe-card {
	margin-top: 35px;
}

.mtp-subscription .subscribe-card .form-row {
	position: relative;
	width: max-content;
	min-width: 350px;
}

.mtp-subscription .subscribe-card .form-control {
	background: rgb(0 0 0 / .35);
	color: #fff!important;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #34d399!important;
	width: 100%;
	height: 50px;
	border-radius: 35px;
}

.mtp-subscription .subscribe-card .field {
	width: 100%;
}

.mtp-subscription .subscribe-card .subscribe-btn {
	display: flex;
	align-items: center;
	gap: 5px;
	position: absolute;
	width: max-content;
	height: 40px;
	border-radius: 35px;
	top: 5px;
	right: 5px;
	background: #34d399;
	border: none;
	box-shadow: none;
	color: #fff;
	padding: 0 10px;
}

.mtp-subscription .subscribe-card .subscribe-btn:hover {
	background: #8d6651;
}

.mtp-subscription .subscribe-card .alert.alert-warning {
	max-width: 345px;
	border-radius: 35px!important;
	background: #34d399!important;
	color: #fff!important;
	margin-bottom: 5px;
	text-align: center;
}

.mtp-factors {
	background: url(https://storage.perfectcdn.com/966zjr/8p10dafy52kcjjpe.webp);
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
	padding: 50px 0;
	position: relative;
	overflow: hidden;
}

.mtp-factors .mtp-header h3 {
	color: #fff;
}

.mtp-factors .mtp-header p {
	color: #9dffd2;
}

.mtp-factors .cost-wrapper {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 15px;
	margin-top: 35px;
	padding-left: 0;
	margin-bottom: 0;
}

.mtp-factors .cost-wrapper .item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	gap: 10px;
	border-radius: 15px;
	text-align: center;
	background: rgb(255 255 255 / .15);
	border: 1px solid #5c9d7e;
	padding: 15px;
	position: relative;
	overflow: hidden;
}

.mtp-factors .cost-wrapper .item:before {
	content: "";
	position: absolute;
	top: 0%;
	right: 30%;
	width: 60%;
	height: 80%;
	transform: translate(100%,60%) scale(1);
	transition: .14s ease;
	background: #28cb69;
	background: linear-gradient(120deg,#a3e1a8 0%,#a3e1a8 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
	opacity: .5;
}

.mtp-factors .cost-wrapper .item span {
	font-size: 16px;
	font-weight: 700;
	color: #99f9cd;
}

.mtp-factors .cost-wrapper .item p {
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 0;
	position: relative;
}

footer {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='552' fill='none'><g clip-path='url(%23a)'><path fill='%23266849' d='M0 0h600v552H0z'/><path fill='%23000' fill-rule='evenodd' d='m-33.09 201.72-62.903 150.81-98.287-40.947L-2.263-148.772l102.218 24.723-32.644 405.725 172.996-565.449 104.009 19.578-39.302 515.671 99.377-338.893 104.107 9.957 30.241 321.585 33.336-158.813 104.926 4.134 45.749 357.169-105.63 13.563-5.657-44.163-40.717 193.976-105.123-5.913-37.162-395.174-163.989 559.233-104.188-18.984 41.353-542.571L25.884 781.045l-103.992-19.803 45.019-559.522Z' clip-rule='evenodd' opacity='.1'/></g><path stroke='%23266849' d='M.5.5h599v551H.5z'/><defs><clipPath id='a'><path fill='%23fff' d='M0 0h600v552H0z'/></clipPath></defs></svg>");
	background-size: cover;
	background-position: center;
	border-radius: 25px 25px 0 0;
	position: relative;
	padding: 50px 0 15px 0;
	overflow: hidden;
}

footer:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 100%;
	width: 100%;
	height: 50%;
	transform: translate(100%,60%) scale(1);
	transition: .14s ease;
	background: #28cb69;
	background: linear-gradient(120deg,#00ff66 0%,#00ff6626 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
	opacity: .7;
}

footer .footer-address {
	display: flex;
	gap: 10px;
	margin-top: 5px;
	flex-direction: column;
}

footer .footer-address span {
	font-size: 12px;
}

footer .footer-address span svg {
	width: 24px;
}

.footer-flex .footer-left {
	width: 30%;
	padding-left: 25px;
}

.footer-flex .footer-left p {
	max-width: 350px;
	font-size: 11px;
	color: #9dffd2;
}

.footer-flex .footer-center {
	display: flex;
	gap: 35px;
	width: 80%;
}

.footer-social ul {
	padding-top: 0;
}

.footer-flex .footer-left,.footer-flex .footer-center {
	position: relative;
}

footer .footer-social ul li {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 10px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #e4f6ed!important;
	cursor: pointer;
	transition: 250ms all;
}

footer .footer-social ul li a {
	font-size: 15px;
	color: #185338!important;
}

footer .footer-social ul li:hover {
	background: #34d399;
	border: 1px solid #287250!important;
	transition: 250ms all;
}

footer .footer-social ul li:hover a {
	color: #fff!important;
}

footer .footer-links a,.footer-list-item span {
	font-size: 12px;
}

footer .footer-payments {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
	position: relative;
	z-index: 1;
	margin: 25px 0 0 0;
	width: max-content;
	background: rgb(17 17 17 / .10);
	padding: 15px;
	border-radius: 15px;
}

footer .footer-payments .item img {
	opacity: .5;
	transition: 250ms all;
	cursor: pointer;
	max-height: 50px;
}

footer .footer-payments .item img:hover {
	opacity: 1;
	transition: 250ms all;
}

footer .footer-alt-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	border: 1px solid rgb(255 255 255 / .1);
	padding: 20px;
	border-radius: 15px;
	font-size: 12px;
	position: relative;
	z-index: 2;
}

footer .footer-alt-content .footer-alt-left {
	color: #171717;
}

footer .footer-alt-content .footer-alt-right {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mtp-marquee {
	position: relative;
	width: 100%;
	padding: 30px 0;
	margin-top: 0;
}

.mtp-marquee:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	height: 1px;
	max-width: 1000px;
	width: 100%;
	background: linear-gradient(90deg,#fff 0%,#cdd6f2 53%,#fff 100%);
}

.mtp-marquee .logo-marquee {
	position: relative;
	width: 100%;
}

.mtp-marquee .logo-marquee .marquee-track {
	width: 100%;
	overflow: hidden;
}

@media (min-width:1920px) {
	.mtp-marquee .logo-marquee .marquee-track {
		width: 100%;
		max-width: 1920px;
		overflow: hidden;
		margin: 0 auto;
	}
}

.mtp-marquee .logo-marquee .marquee-content {
	display: flex;
	gap: clamp(2rem, 1.6rem + 2vw, 3rem);
	will-change: transform;
	transform: translateZ(0);
	backface-visibility: hidden;
}

.mtp-marquee .logo-marquee .logo-item {
	flex: 0 0 auto;
	min-width: 217px;
}

.mtp-marquee .logo-marquee .logo-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease;
	border-radius: .5rem;
	position: relative;
	overflow: visible;
	cursor: pointer;
}

.mtp-marquee .logo-marquee .logo-slide svg {
	width: 150px;
	height: auto;
	transition: all .3s ease;
	filter: grayscale(100%) opacity(.7);
}

.mtp-marquee .logo-marquee .logo-slide:hover {
	transform: translateY(-1px);
}

.mtp-marquee .logo-marquee .logo-slide:hover svg {
	filter: grayscale(0%) opacity(1);
	transform: scale(1.05);
}

.mtp-marquee .logo-tooltip {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-100%);
	margin-top: -10px;
	max-width: 225px;
	padding: 10px 12px;
	box-sizing: border-box;
	box-shadow: 0 22px 9px #00000003,0 12px 7px #0000000a,0 5px 5px #00000012,0 1px 3px #00000014;
	background: #fff;
	border-radius: 8px;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;
	line-height: 1.4;
	text-align: center;
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
	z-index: 1000;
}

.mtp-marquee .logo-tooltip * {
	max-width: 100%;
	overflow: hidden;
}

.mtp-marquee .logo-tooltip:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid #fff0;
	border-right: 6px solid #fff0;
	border-top: 6px solid #fff;
}

.mtp-marquee .logo-tooltip:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border-left: 7px solid #fff0;
	border-right: 7px solid #fff0;
	border-top: 7px solid rgb(0 0 0 / .1);
	z-index: -1;
}

.mtp-marquee .logo-tooltip.visible {
	opacity: 1;
}

.mtp-marquee .logo-tooltip.flipped:after {
	top: -6px;
	border-top: none;
	border-bottom: 6px solid #fff;
}

.mtp-marquee .logo-tooltip.flipped:before {
	top: -7px;
	border-top: none;
	border-bottom: 7px solid rgb(0 0 0 / .1);
}

.mtp-top-header .thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	cursor: pointer;
	border-radius: 15px;
	overflow: hidden;
	margin: 0 auto;
}

.mtp-top-header .thumb img {
	display: block;
	width: 128px;
	max-width: 80vw;
	height: auto;
}

.mtp-top-header .thumb .play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: rgb(52 211 153 / .5);
	backdrop-filter: blur(2px);
	transition: 200ms all;
}

.mtp-top-header .thumb:hover .play-btn {
	background: #34d399;
	transition: 200ms all;
}

.mtp-top-header .play-btn svg {
	width: 36px;
	height: 36px;
	fill: #fff;
}

.mtp-top .home-rates {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.mtp-top-footer {
	display: flex;
	align-items: center;
	gap: 15px;
}

.mtp-top .home-rates {
	margin-bottom: 10px;
}

.mtp-top .home-rates svg {
	margin-top: -7px;
	border-right: 1px solid #171717;
	padding-right: 10px;
}

.mtp-top .home-rates .trust {
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 0;
	gap: 0;
	font-size: 12px;
}

@media (max-width:768px) {
	.mtp-top-images {
		display: none;
	}

	.mtp-top-footer {
		flex-direction: column;
	}

	.mtp-marquee .logo-marquee .marquee-track {
		margin-top: -50px;
		margin-bottom: -50px;
		padding-top: 50px;
		padding-bottom: 1.5rem;
	}

	.mtp-marquee .logo-marquee .marquee-content {
		gap: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
	}

	.mtp-marquee .logo-marquee .logo-item {
		min-width: 120px;
		height: 100px;
	}

	.mtp-marquee .logo-marquee .logo-slide {
		padding: clamp(.5rem, .4rem + .5vw, .75rem);
	}

	.mtp-marquee .logo-marquee .logo-slide svg {
		width: 120px;
		max-height: 80px;
	}

	.mtp-marquee .logo-tooltip {
		font-size: 12px!important;
		padding: 6px 10px!important;
	}
}

.mtp-marquee .logo-marquee .marquee-content {
	transform: translateZ(0);
	backface-visibility: hidden;
	perspective: 1000px;
}

.mtp-marquee .logo-marquee .logo-slide {
	transform: translateZ(0);
	backface-visibility: hidden;
}

@media (prefers-reduced-motion:reduce) {
	.mtp-marquee .logo-marquee .logo-slide {
		transition: none;
	}

	.mtp-marquee .logo-marquee .logo-slide svg {
		transition: none;
	}

	.mtp-marquee .logo-marquee .logo-slide:hover {
		transform: none;
	}

	.mtp-marquee .logo-marquee .logo-slide:hover svg {
		transform: none;
	}
}

@media (max-width:991.98px) {
	.mtp-margin {
		margin: 25px 0;
	}

	#product-start {
		padding-top: 100px;
	}

	.mtp-top-header h1 {
		font-size: 32px;
		max-width: 100%;
		line-height: 42px;
	}

	.mtp-top-header {
		gap: 15px;
	}

	.mtp-top-features {
		display: grid;
		grid-template-columns: repeat(1,1fr);
		row-gap: 7px;
		column-gap: 35px;
		padding-left: 0;
	}

	.mtp-top-features li {
		margin: auto;
	}

	.mtp-top-features .mtp-top-features-item .title span svg {
		width: 10px;
	}

	.mtp-top-features .mtp-top-features-item .title {
		margin: unset;
	}

	.mtp-top-features .mtp-top-features-item .title p {
		font-size: 13px;
	}

	.mtp-now {
		flex-direction: column;
		gap: 10px;
		width: 100%;
		margin-top: 15px;
	}

	.mtp-tabs-menu .nav {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	.mtp-tabs-menu .nav .nav-item {
		padding-bottom: 10px;
	}

	.mtp-top .login-box {
		padding: 20px;
	}

	.mtp-top .login-box-wrapper {
		flex-direction: column;
	}

	.mtp-top .login-box-btn {
		width: 100%;
	}

	.mtp-top .login-box-signin .btn {
		min-width: 100%;
		width: 100%;
	}

	.login-box-btn .login-box-signin {
		order: 1;
		width: 100%;
	}

	.login-box-btn .login-box-google {
		order: 2;
	}

	.login-box-btn .login-box-remember {
		order: 3;
	}

	.review-container {
		flex-direction: column;
	}

	.review-container .review-score {
		flex-direction: column;
		max-width: 100%;
	}

	.mtp-sliders {
		padding-top: 15px;
	}

	.mtp-header h2,.mtp-header h2 span {
		font-size: 28px;
		font-weight: 700;
	}

	.mtp-header p {
		font-size: 14px;
	}

	.mtp-case {
		padding: 25px 0 0 0;
	}

	.mtp-case .mtp-case-bg,.mtp-works .mtp-works-bg {
		opacity: .35;
	}

	.case-box-container {
		padding: 35px 0 0 0;
	}

	.casebox-controls {
		right: 0;
		top: -5%;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		justify-content: center;
	}

	.works-box-container .works-box {
		flex: 0 0 calc((100%) / 1);
	}

	.cost-factors-component .main-content {
		flex-direction: column;
		gap: 25px;
	}

	.cost-factors-component .image-placeholder {
		max-width: 300px;
		max-height: 300px;
		top: 0;
	}

	.cost-factors-component {
		padding: 15px;
	}

	.mtp-best .best-packages {
		flex-direction: column;
	}

	.mtp-srv-bg {
		display: none;
	}

	.mtp-srv-menu {
		max-width: 100%;
	}

	.mtp-srv-menu .nav {
		justify-content: flex-start;
	}

	.mtp-srv-menu .nav .nav-item {
		padding-bottom: 5px;
	}

	.mtp-header h3 {
		font-size: 24px;
	}

	.mtp-works {
		padding: 25px 0 0 0;
	}

	.works-box-container .progress-bar {
		display: none;
	}

	.works-box-container .worksbox-controls {
		justify-content: center;
		gap: 15px;
	}

	.mtp-api-list {
		padding-top: 25px;
	}

	.mtp-api-wrapper {
		padding: 25px 15px;
	}

	.mtp-api-container {
		grid-template-columns: repeat(1,1fr);
	}

	.mtp-api-list .mtp-paragraph {
		text-align: center;
	}

	.mtp-opinion .opinion-wrapper {
		margin-top: 0;
		padding: 15px;
		text-align: center;
	}

	.mtp-opinion .opinion-wrapper .opinion-img-wrapper {
		display: none;
	}

	.mtp-opinion .title {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 10px;
	}

	.mtp-opinion .mtp-btn {
		width: 100%;
	}

	.team-wrapper {
		grid-template-columns: repeat(1,1fr);
		gap: 15px;
		margin-top: 35px;
	}

	.mtp-team .mtp-now {
		width: 100%;
		margin: 15px auto 35px auto;
	}

	.team-wrapper .team-item .team-content .name {
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 0;
	}

	.team-wrapper .team-item .team-content {
		left: 40px;
	}

	.team-wrapper .team-item .team-content .designation {
		font-size: 10px;
	}

	.mtp-subscription .opinion-wrapper {
		padding: 15px;
		margin: 25px 0;
	}

	.mtp-subscription .opinion-wrapper .opinion-img {
		display: none;
	}

	.mtp-subscription .subscribe-card .form-row {
		width: 100%;
		min-width: 100%;
	}

	.mtp-subscription .subscribe-card .alert.alert-warning {
		max-width: 100%;
	}

	.mtp-subscription .title {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 10px;
	}

	.mtp-subscription p {
		font-size: 14px;
		max-width: 100%;
		text-align: center;
		margin-bottom: 0;
	}

	.mtp-subscription .subscribe-card {
		margin-top: 15px;
	}

	.mtp-instagram:before,.mtp-tiktok:before,.mtp-youtube:before,.mtp-facebook:before {
		display: none;
	}

	.mtp-factors .cost-wrapper {
		display: flex;
		flex-direction: column;
	}

	footer {
		padding: 25px 0 15px 0;
	}

	footer .footer-alt-content {
		flex-direction: column;
		padding: 20px 7px;
		gap: 15px;
		margin-top: 0;
	}

	footer .footer-alt-wrapper {
		margin-bottom: 70px;
	}

	.footer-flex .footer-left {
		padding-left: 0;
	}

	.footer-center {
		gap: 15px 30px!important;
	}

	footer .footer-alt-content .footer-alt-right .sf-root {
		margin-right: 0!important;
	}

	footer .footer-alt-content .footer-alt-right img {
		height: 25px;
	}

	.mtp-api .nav {
		max-width: 100%;
		flex-direction: column;
	}

	.mtp-api .nav .nav-link {
		white-space: unset;
		text-align: center;
	}

	.mtp-instagram .mtp-services-wrapper {
		flex-direction: column;
	}

	.mtp-instagram .mtp-srv-menu .nav {
		flex-direction: row;
		overflow-x: auto;
	}
}

.insta-pages .mtp-top-header h1 span,.insta-pages .mtp-header h2 span {
	background: linear-gradient(180deg,#8000ff 0,#ffb800 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.insta-pages .mtp-top-header h1 span:before,.insta-pages .mtp-header h2 span:before {
	background-color: #ffb800;
}

.insta-pages .mtp-margin .glow,.insta-pages .mtp-calculator .package-selector:before {
	background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.insta-pages .mtp-top .home-seperator {
	background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.facebook-pages .mtp-top-header h1 span,.facebook-pages .mtp-header h2 span {
	background: #0866ff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.facebook-pages .mtp-top-header h1 span:before,.facebook-pages .mtp-header h2 span:before {
	background-color: #0866ff;
}

.facebook-pages .mtp-margin .glow,.facebook-pages .mtp-calculator .package-selector:before {
	background: radial-gradient(circle at 30% 107%,#0866ff 0%,#93a1ff 5%,#0866ff 45%,#0866ff 60%,#0866ff 90%);
}

.facebook-pages .mtp-top .home-seperator {
	background: radial-gradient(circle at 30% 107%,#0866ff 0%,#93a1ff 5%,#0866ff 45%,#0866ff 60%,#0866ff 90%);
}

.mtp-srv-content .p-card {
	position: relative;
	padding: 15px;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #cdd6f2;
	cursor: pointer;
	overflow: hidden;
}

.mtp-srv-content .p-card:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%,#cdd6f2 0%,#cdd6f2 5%,#cdd6f2 45%,#cdd6f2 60%,#cdd6f2 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.mtp-srv-content .p-card .p-card-top {
	background: #f3f8f2;
	border-radius: 15px;
	padding: 25px;
	border-left: 2px solid #34d399;
}

.mtp-srv-content .p-card .p-card-top p {
	font-size: 14px;
	color: #7b7b7b;
	text-align: left;
	max-width: 100%;
	margin: 5px auto 25px auto;
}

.mtp-srv-content .p-card .p-card-top strong {
	font-size: 18px;
}

.mtp-srv-content .p-card .p-card-top ul {
	padding-left: 0;
	color: #000;
	font-size: 14px;
	margin-bottom: 0;
}

.mtp-srv-content .p-card .p-card-top ul li {
	list-style: none;
}

.mtp-srv-content .p-card .p-card-top ul li strong {
	font-size: 14px;
}

.mtp-srv-content .p-card .p-card-key {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	background: #35c581;
	border-radius: 15px;
	padding: 15px;
	margin: 15px 0;
}

.mtp-srv-content .p-card .p-card-key:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 15px;
	background: url(https://storage.perfectcdn.com/966zjr/zbrjjumpu4dm1xk7.webp);
	background-size: contain;
	opacity: .15;
}

.mtp-srv-content .p-card .p-card-key strong {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.mtp-srv-content .p-card .p-card-key p {
	max-width: 100%;
	margin: 0;
	color: #dcffeb;
}

.mtp-srv-content .p-card .p-card-boxes {
	display: flex;
	align-items: stretch;
	gap: 25px;
	position: relative;
	z-index: 3;
}

.mtp-srv-content .p-card .p-card-boxes .item {
	display: flex;
	gap: 15px;
	flex-direction: column;
	flex: 1;
	background: #fff;
	padding: 20px 20px 0 20px;
	border-radius: 15px;
	border: 1px solid #e4f6ed;
	position: relative;
}

.mtp-srv-content .p-card .p-card-boxes .item strong {
	font-size: 18px;
	font-weight: 700;
	color: #202020;
}

.mtp-srv-content .p-card .p-card-boxes .item p {
	max-width: 100%;
	text-align: left;
}

.mtp-srv-content .p-card .p-card-form {
	background: #eef2fe;
	border-radius: 15px;
	border: 1px solid #cdd6f2;
	padding: 15px;
	margin-top: 15px;
}

.mtp-srv-content .p-card .p-card-form .form-control {
	border-radius: 10px;
	border: 1px solid #cdd6f2!important;
	background: #fff;
	color: #171717;
	height: 50px;
	width: 100%;
}

.mtp-srv-content .p-card .p-card-form .d-flex .btn-dark,.mtp-srv-content .p-card .p-card-form .d-flex .btn-dark:hover,.mtp-srv-content .p-card .p-card-form .d-flex .btn-dark:focus {
	outline: 0!important;
	border: 0!important;
	box-shadow: 0!important;
}

.mtp-srv-content .p-card .p-card-form .d-flex .btn-dark:nth-child(1) {
	border-radius: 10px 0 0 10px;
}

.mtp-srv-content .p-card .p-card-form .d-flex .form-control {
	border-radius: 0;
}

.mtp-srv-content .p-card .p-card-form .d-flex .btn-dark:nth-child(3) {
	border-radius: 0 10px 10px 0;
}

.mtp-srv-content .p-card .p-card-form .p-card-price {
	border-radius: 10px;
	border: 1px solid #34d399!important;
	background: #e8faf1;
	height: 50px;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: #49ac82;
	position: relative;
}

.mtp-srv-content .p-card .p-card-form .p-card-price small {
	background: #f72e4d;
	border-radius: 100px;
	color: #fff;
	padding: 0 7px;
	font-size: 12px;
}

.mtp-srv-content .p-card .p-card-form .title {
	display: flex;
	align-items: center;
	background: var(--color-7);
	border-radius: 10px;
	padding: 5px;
	margin: 0 0 15px 0;
	justify-content: center;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}

#videoModal .video-wrap {
	position: relative;
	padding-top: 56.25%;
	border-radius: 0 0 15px 15px;
}

#videoModal .video-wrap video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0 0 15px 15px;
}

.live-users {
	position: fixed;
	bottom: 1.5rem;
	right: 5rem;
	z-index: 100;
	background: var(--color-1);
	border: 2px solid var(--color-8);
	border-radius: 30px;
	padding: .5rem .5rem;
	display: flex;
	align-items: center;
	gap: .75rem;
	animation: live-slide-in 0.5s ease-out;
	transition: all 0.3s ease;
}

.live-users:hover {
	transform: translateY(-2px);
}

@keyframes live-slide-in {
	from {
		transform: translateX(120%);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

.live-users-badge {
	display: flex;
	align-items: center;
	gap: .375rem;
	background: #3be395;
	color: #fff;
	padding: .25rem .625rem;
	border-radius: 100px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
}

.live-users-dot {
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	animation: live-pulse 2s ease-in-out infinite;
}

@keyframes live-pulse {
	0%,100% {
		opacity: 1;
		transform: scale(1);
	}

	50% {
		opacity: .6;
		transform: scale(1.3);
	}
}

.live-users-count-wrapper {
	display: flex;
	align-items: center;
	gap: .375rem;
	color: var(--color-3);
	transition: color 0.3s ease;
}

.live-users-count {
	font-weight: 700;
	background: linear-gradient(135deg,#bd18e6,#fb590e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	background-clip: text;
	animation: live-count-update 0.3s ease-in-out;
}

@keyframes live-count-update {
	0% {
		transform: scale(1.2);
		opacity: .8;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.live-users-label {
	color: var(--color-3);
	font-weight: 700;
	transition: color 0.3s ease;
}

@media (max-width:768px) {
	.live-users {
		bottom: 3.75rem;
		left: 0;
		right: 0;
		padding: .375rem .75rem;
		gap: .5rem;
		width: max-content;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width:480px) {
	.live-users-badge {
		padding: .1875rem .5rem;
	}
}

.faq-table {
	width: 100%;
	border-collapse: collapse;
}

.faq-table thead tr th {
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid rgb(255 255 255 / .1);
	background: var(--color-6);
	color: #fff;
}

.faq-table tbody tr td {
	padding: 10px;
	border: 1px solid #cdd6f2;
	vertical-align: top;
}

.mtp-best,.mtp-cheap,.mtp-calculator {
	position: relative;
}

.mtp-best .mtp-srv-bg img,.mtp-cheap .mtp-srv-bg img {
	position: absolute;
}

.mtp-best .mtp-srv-bg img:nth-child(1) {
	max-width: 175px;
	top: 275px;
	left: 0;
}

.mtp-cheap .mtp-srv-bg img:nth-child(1) {
	max-width: 200px;
	bottom: 75px;
	right: 0;
}

.mtp-best:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	max-height: 900px;
}

.mtp-calculator:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	max-height: 900px;
	transform: rotate(180deg);
}

.bulk-packages {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	margin-top: 50px;
	gap: 15px;
}

.bulk-pack-item {
	position: relative;
	padding: 10px 15px;
	background: #f6f9ff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	transition: 150ms all;
	cursor: pointer;
	color: #202020;
}

.bulk-pack-item.active,.bulk-pack-item:hover {
	background: #34d399;
	border: 1px solid rgb(255 255 255 / .2);
	color: #fff;
}

.bulk-pack-item .pi-top .pi-title .pi-hint {
	position: absolute;
	right: -10px;
	top: -5px;
	font-size: 10px;
	color: #9a9a9a;
}

.bulk-pack-item.active .pi-top .pi-title .pi-hint,.bulk-pack-item:hover .pi-top .pi-title .pi-hint {
	color: #dcffeb;
}

.bulk-pack-item .pi-top {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bulk-pack-item .pi-top .pi-check::before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	background: #f62f4f;
	text-align: center;
	width: 20px;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
	border-radius: 100%;
	color: #fff;
	right: 10px!important;
	top: -10px;
	opacity: 0;
	visibility: hidden;
	transition: .2s cubic-bezier(0,0,.34,.81);
}

.bulk-pack-item.active .pi-top .pi-check::before {
	opacity: 1;
	visibility: visible;
	transition: .2s cubic-bezier(0,0,.34,.81);
}

.bulk-pack-item .pi-center p {
	font-size: 14px;
	text-align: center;
	margin-bottom: 0;
	color: #dcffeb;
}

.bulk-pack-item .pi-top .pi-title {
	position: relative;
	font-size: 18px;
	font-weight: 700;
}

.bulk-pack-item .pi-center p {
	font-size: 14px;
	text-align: center;
	margin-bottom: 0;
	color: #dcffeb;
}

.bulk-header {
	margin-top: 35px;
}

.bulk-header h3 {
	position: relative;
	font-size: 20px;
	color: #171717;
	padding-left: 10px;
	text-align: center;
	margin-top: 25px;
}

.bulk-header h3:before {
	content: "";
	position: absolute;
	bottom: -5px;
	height: 3px;
	width: 100px;
	border-radius: 30px;
	background: #3be395;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.bulk-header .pack-desc {
	max-width: 650px;
	margin: 10px auto 0 auto;
	text-align: center;
	color: #7b7b7b;
}

.big-packages {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	margin-top: 50px;
	gap: 25px;
}

.big-packages .big-packages-item {
	position: relative;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #8a0eeb;
	transition: all .3s ease;
	cursor: pointer;
	min-width: 200px;
	overflow: hidden;
}

.facebook-pages .big-packages .big-packages-item {
	border-color: #0866ff;
}

.big-packages .big-packages-item:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.facebook-pages .big-packages .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%,#0866ff 0%,#0866ff 5%,#0866ff 45%,#0866ff 60%,#0866ff 90%);
}

.big-packages .big-packages-item .btn-primary {
	white-space: nowrap;
	margin-top: 15px;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	padding: 15px 10px;
}

.big-packages .big-packages-item .btn-primary,.big-packages .big-packages-item .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #8a0eeb!important;
	border-color: #8a0eeb!important;
	font-weight: 700;
	position: relative;
	z-index: 2;
	text-transform: uppercase;
}

.facebook-pages .big-packages .big-packages-item .btn-primary,.facebook-pages .big-packages .big-packages-item .btn-primary:focus {
	background: #0866ff!important;
	border-color: #0866ff!important;
}

.big-packages .big-packages-item .btn-primary:hover {
	background: #34d399!important;
	border-color: #34d399!important;
}

.big-packages .big-packages-item .btn-primary i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(255 255 255 / .2);
	border-radius: 100%;
}

.big-packages-item .pi-top {
	display: flex;
	align-items: center;
	justify-content: center;
}

.big-packages-item .pi-top .pi-title {
	font-size: 18px;
	font-weight: 700;
	color: #202020;
	background: #8a0eeb;
	width: 100%;
	padding: 20px 10px;
	text-align: center;
	color: #fff;
}

.facebook-pages .big-packages-item .pi-top .pi-title {
	background: #0866ff;
}

.big-packages-item .pi-top .pi-title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 15px;
	background: url(https://storage.perfectcdn.com/966zjr/zbrjjumpu4dm1xk7.webp);
	background-size: contain;
	opacity: .15;
}

.big-packages .big-packages-item .pi-alt {
	padding: 15px;
}

.big-packages-item .pi-center {
	display: flex;
	flex-direction: column;
	padding: 0 0 15px 0;
}

.big-packages-item .pi-center ul {
	padding-left: 0;
	margin-bottom: 0;
	color: #202020;
}

.big-packages-item .pi-center ul li {
	list-style-type: none;
	font-size: 16px;
	padding: 5px 0;
}

.big-packages-item .pi-center>ul>li>i {
	font-size: 13px;
	width: 20px;
	color: #34d399;
}

.big-packages-item .pi-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #e7edff;
	padding-top: 5px;
}

.big-packages-item .pi-bottom .old {
	text-decoration-line: line-through;
	line-height: 12px;
	color: #464646;
}

.big-packages-item .pi-bottom .new {
	font-size: 24px;
	font-weight: 700;
	color: #34d399;
}

.calc-alt {
	background: #f3f8f2;
	border-radius: 15px;
	padding: 25px;
	border-left: 2px solid #34d399;
	margin-top: 15px;
}

.calc-alt strong {
	font-size: 18px;
}

.calc-alt p {
	font-size: 14px;
	color: #7b7b7b;
	text-align: left;
	max-width: 100%;
	margin-bottom: 0;
}

.blog-box .bb-wrapper .bb-content {
	font-size: 14px;
}

.blog-box .bb-wrapper .bb-content h2 {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	margin: 35px 0 15px;
}

.blog-box .bb-wrapper .bb-content h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

.blog-box .bb-wrapper .bb-content h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

.blog-box .bb-wrapper .bb-content h5 {
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

.blog-box .bb-wrapper .bb-content h2,.blog-box .bb-wrapper .bb-content h3,.blog-box .bb-wrapper .bb-content h4,.blog-box .bb-wrapper .bb-content h5 {
	color: var(--color-6);
}

.blog-box .bb-wrapper .bb-content a {
	color: var(--color-6);
}

.blog-box .bb-wrapper .bb-content ol li::marker {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	color: var(--color-6);
}

.insta-pages .mtp-api .nav,.facebook-pages .mtp-api .nav {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	width: auto;
	gap: 10px;
	padding: 10px;
}

.insta-pages .mtp-api .nav .nav-link,.facebook-pages .mtp-api .nav .nav-link {
	border-radius: 10px;
	gap: 5px;
	padding: 10px;
}

.insta-pages .mtp-api .nav .nav-link h3,.facebook-pages .mtp-api .nav .nav-link h3 {
	font-size: 16px;
}

.insta-pages .mtp-api-wrapper,.facebook-pages .mtp-api-wrapper {
	background: linear-gradient(#ff5500a6 0,#bf00cb 45%,transparent 100%);
}

.insta-pages .mtp-api .nav .nav-link.active,.facebook-pages .mtp-api .nav .nav-link.active {
	background: #171717!important;
}

.insta-pages .mtp-api .mtp-header p,.facebook-pages .mtp-api .mtp-header p {
	color: #7b7b7b!important;
}

.mtp-why h2 span {
	background: linear-gradient(180deg,#8000ff 0,#ffb800 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.mtp-why h2 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #ffb800;
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: .15;
}

.mtp-why h2 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -.5px;
	line-height: normal;
}

.mtp-why h2,.mtp-why p {
	color: #171717;
}

.mtp-why.why-more {
	background: url(https://storage.perfectcdn.com/966zjr/44iqwux61wior43l.webp);
	background-repeat: no-repeat;
}

.mtp-why .ww-boxes-2 {
	background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
	background-size: 200% 200%;
	padding: 25px 25px 0 25px;
	border-radius: 25px;
	position: relative;
	overflow: hidden;
	animation: 6s ease 0s infinite normal none running ctaBg;
	max-width: 375px;
}

.mtp-why .ww-boxes-2::before {
	content: '';
	position: absolute;
	background-image: url(https://storage.perfectcdn.com/966zjr/atj09ye5olwcqfgn.webp);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	height: 100%;
	top: 0;
	right: -25px;
}

@keyframes ctaBg {
	0% {
		background-position: 0 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0 50%;
	}
}

.mtp-why .ww-boxes-2 .ww-b2-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	padding: 50px 15px;
	text-align: center;
}

.mtp-why .ww-boxes-2 small {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	color: #fff;
}

.mtp-why .ww-boxes-2 p {
	font-size: 14px;
	color: #f6efff;
	margin: auto;
}

.mtp-why .ww-boxes-2 .btn {
	background: #fff;
	border-radius: 10px;
	color: #aa3dab!important;
	height: 50px;
	line-height: 28px;
	max-width: 225px;
	margin: auto;
	font-weight: 700;
}

.mtp-ceo {
	position: relative;
}

.mtp-ceo:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	max-height: 900px;
	transform: rotate(180deg);
}

.mtp-ceo .ceo-message {
	background: #f6f9ff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 35px 50px;
	position: relative;
	overflow: hidden;
}

.mtp-ceo .ceo-message:before {
	background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
	content: "";
	position: absolute;
	width: 100%;
	height: 100px;
	content: '';
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	-webkit-filter: blur(37px);
	filter: blur(37px);
	z-index: 1;
}

.mtp-ceo .ceo-message p {
	color: #171717;
}

.pay-methods {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 5px;
	margin-bottom: 10px;
}

.pay-methods li {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	background: var(--color-2);
	border: 1px solid #e5e7eb;
	color: #171717;
	border-radius: 15px;
	min-height: 100px;
	list-style: none;
	cursor: pointer;
	transition: 0.15s ease;
	overflow: hidden;
}

.dark .pay-methods li {
	border-color: #3b414f;
	color: #fff;
}

.pay-methods li:hover {
	border-color: #10B981;
	transform: translateY(-1px);
}

.pay-methods li.active {
	border-color: #10B981;
	box-shadow: 0 0 0 1px rgb(0 201 133 / .05);
}

.pay-methods li::after {
	content: "";
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 20px;
	border: 2px solid #dfe5ec;
	border-radius: 50%;
	box-sizing: border-box;
}

.dark .pay-methods li::after {
	border-color: #3b414f;
}

.pay-methods li.active::after {
	border-color: #10B981;
	background: radial-gradient(circle,#10B981 0 5px,transparent 6px);
}

.pay-methods .pay-item-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 15px;
	gap: 10px;
	width: 100%;
}

.pay-methods li .pay-item-top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 10px;
	text-align: left;
}

.pay-methods li .pay-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}

.pay-methods li .pay-icon img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.pay-methods li .pay-item-center {
	width: 100%;
}

.pay-methods li .pay-name {
	display: block;
	color: #171717;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
}

.dark .pay-methods li .pay-name {
	color: #fff;
}

.pay-methods .pay-info {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(0,1fr));
	width: 100%;
	margin-top: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.2s ease,opacity 0.2s ease,visibility 0.2s ease;
}

.pay-methods li:hover .pay-info {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.pay-methods .pay-min {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e3f3ff;
	color: #0770b1;
	font-size: 11px;
	font-weight: 700;
	padding: 5px 10px;
	white-space: nowrap;
	width: 100%;
}

.dark .pay-methods .pay-min {
	background: #355c79;
	color: #b1e2ff;
}

.pay-methods .pay-bonus {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eaf6f0;
	color: #216346;
	font-size: 11px;
	font-weight: 700;
	padding: 5px 10px;
	white-space: nowrap;
	width: 100%;
}

.dark .pay-methods .pay-bonus {
	background: #193e33;
	color: #b7ebd7;
}

.pay-methods .pay-fee {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff0f3;
	color: #932544;
	font-size: 11px;
	font-weight: 700;
	padding: 5px 10px;
	white-space: nowrap;
	width: 100%;
}

.dark .pay-methods .pay-fee {
	background: #482832;
	color: #ffd6e3;
}

.pay-methods .pay-bonus:empty,.pay-methods .pay-fee:empty,.pay-methods .pay-min:empty {
	display: none;
}

@media (max-width:850px) {
	.pay-methods {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.pay-methods li .pay-info {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}
}

@media (max-width:550px) {
	.pay-methods {
		grid-template-columns: repeat(2,1fr);
		gap: 7px;
	}

	.pay-methods li {
		min-height: 135px;
	}

	.pay-methods .pay-bonus,.pay-methods .pay-min,.pay-methods .pay-fee {
		font-size: 10px;
	}
}

.nav.pay-filters {
	flex-wrap: unset;
	gap: 5px;
	border-radius: 12px;
}

.nav.pay-filters .nav-item {
	width: 100%;
	margin: auto;
	text-align: center;
}

.nav.pay-filters .nwoNavLink {
	white-space: nowrap;
	width: 100%;
	border-radius: 10px;
}

.nav.pay-filters .nwoNavLink.active:hover {
	background: #fff;
}

.nav.pay-filters .nwoNavLink:hover {
	background: rgb(255 255 255 / .3);
}

.facebook-pages .mtp-header h3 span,.facebook-pages .mtp-why h2 span {
	background: #0866ff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.facebook-pages .mtp-header h3 span:before,.facebook-pages .mtp-why h2 span:before {
	background-color: #0866ff;
}

.facebook-pages .mtp-why .ww-boxes-2 {
	background: radial-gradient(circle at 30% 107%,#5d9bff 0%,#0061ff 5%,#0052d6 45%,#0866ff 60%,#285AEB 90%);
}

.facebook-pages .mtp-why .ww-boxes-2 .btn {
	color: #0866ff!important;
}

.facebook-pages .mtp-instagram .best-swiper .item-wrapper .title h3 {
	font-size: 22px;
}

.facebook-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary {
	background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#0d4fba 0,#0866ff 100%)!important;
}

.facebook-pages .mtp-instagram .best-swiper .item:before {
	background: radial-gradient(circle at 30% 107%,#0866ff 0%,#93a1ff 5%,#0866ff 45%,#0866ff 60%,#0866ff 90%);
}

.facebook-pages .mtp-instagram .best-swiper .item .icon {
	background: radial-gradient(circle at 30% 107%,#0866ff 0%,#93a1ff 5%,#0866ff 45%,#0866ff 60%,#0866ff 90%);
	border-radius: 100%;
}

.facebook-pages .ceo-message {
	background: #f6f9ff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 35px 75px;
	position: relative;
	overflow: hidden;
	margin-top: 25px;
}

.facebook-pages .ceo-message:before {
	background: radial-gradient(circle at 30% 107%,#0866ff 0%,#93a1ff 5%,#0866ff 45%,#0866ff 60%,#0866ff 90%);
	content: "";
	position: absolute;
	width: 100%;
	height: 100px;
	content: '';
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	-webkit-filter: blur(37px);
	filter: blur(37px);
	z-index: 1;
}

.facebook-pages .ceo-message p {
	color: #171717;
}

.tiktok-pages .ceo-message {
	background: #f6f9ff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 35px 75px;
	position: relative;
	overflow: hidden;
	margin-top: 25px;
}

.tiktok-pages .ceo-message:before {
	background: radial-gradient(circle at 30% 107%,#0866ff 0%,#93a1ff 5%,#0866ff 45%,#0866ff 60%,#0866ff 90%);
	content: "";
	position: absolute;
	width: 100%;
	height: 100px;
	content: '';
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	-webkit-filter: blur(37px);
	filter: blur(37px);
	z-index: 1;
}

.tiktok-pages .ceo-message p {
	color: #171717;
}

.tiktok-pages .mtp-top-header h1 span,.tiktok-pages .mtp-header h2 span,.tiktok-pages .mtp-why h2 span,.tiktok-pages .mtp-header h3 span {
	text-shadow: 1px 1px #f72e4dfc,-1px -1px #09f3f3;
	color: #000;
}

.tiktok-pages .mtp-top-header h1 span:before,.tiktok-pages .mtp-header h2 span:before,.tiktok-pages .mtp-why h2 span:before,.tiktok-pages .mtp-header h3 span:before {
	background-color: #f72e4dfc;
}

.tiktok-pages .mtp-why .ww-boxes-2,.tiktok-pages .tiktok-pages .ceo-message:before,.tiktok-pages .mtp-instagram .best-swiper .item .icon,.tiktok-pages .mtp-instagram .best-swiper .item:before,.tiktok-pages .mtp-top .home-seperator,.tiktok-pages .mtp-margin .glow,.tiktok-pages .ceo-message:before {
	background: radial-gradient(circle at 20% 20%,#FE2C55 0%,transparent 60%),radial-gradient(circle at 100% 100%,#25F4EE 0%,transparent 60%),#000000;
}

.tiktok-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary,.tiktok-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary:focus {
	background: #171717!important;
}

.tiktok-pages .mtp-instagram .best-swiper .item-wrapper .title h3 {
	font-size: 18px;
}

.youtube-pages .mtp-why .ww-boxes-2,.youtube-pages .tiktok-pages .ceo-message:before,.youtube-pages .mtp-instagram .best-swiper .item:before,.youtube-pages .mtp-top .home-seperator,.youtube-pages .mtp-margin .glow,.youtube-pages .ceo-message:before {
	background: #FF003350;
}

.youtube-pages .mtp-instagram .best-swiper .item .icon {
	background: #F03;
	border-radius: 10px;
}

.youtube-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary,.youtube-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary:focus {
	background: #FF0033!important;
}

.youtube-pages .mtp-top-header h1 span,.youtube-pages .mtp-header h2 span,.youtube-pages .mtp-why h2 span,.youtube-pages .mtp-header h3 span {
	background: #F03;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.youtube-pages .mtp-top-header h1 span:before,.youtube-pages .mtp-header h2 span:before {
	background-color: #F03;
}

.youtube-pages .mtp-instagram .mtp-srv-content .package-item.package-best {
	border: 1px solid #F03;
}

.youtube-pages .mtp-instagram .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#FF0033 0%,#FF0033 5%,#FF0033 45%,#FF0033 60%,#FF0033 90%);
}

.youtube-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary,.youtube-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary:focus {
	background: #FF0033!important;
	border-color: #FF0033!important;
	position: relative;
	z-index: 2;
}

.twitter-pages .mtp-why .ww-boxes-2,.twitter-pages .tiktok-pages .ceo-message:before,.twitter-pages .mtp-instagram .best-swiper .item:before,.twitter-pages .mtp-top .home-seperator,.twitter-pages .mtp-margin .glow,.twitter-pages .ceo-message:before {
	background: #1DA1F250;
}

.twitter-pages .mtp-instagram .best-swiper .item .icon {
	background: #1DA1F2;
	border-radius: 10px;
}

.twitter-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary,.twitter-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary:focus {
	background: #1DA1F2!important;
}

.twitter-pages .mtp-top-header h1 span,.twitter-pages .mtp-header h2 span,.twitter-pages .mtp-why h2 span,.twitter-pages .mtp-header h3 span {
	background: #1DA1F2;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.twitter-pages .mtp-top-header h1 span:before,.twitter-pages .mtp-header h2 span:before {
	background-color: #1DA1F2;
}

.twitter-pages .mtp-instagram .mtp-srv-content .package-item.package-best {
	border: 1px solid #1DA1F2;
}

.twitter-pages .mtp-instagram .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#1DA1F2 0%,#1DA1F2 5%,#1DA1F2 45%,#1DA1F2 60%,#1DA1F2 90%);
}

.twitter-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary,.twitter-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary:focus {
	background: #1DA1F2!important;
	border-color: #1DA1F2!important;
	position: relative;
	z-index: 2;
}

.product-packages {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 15px;
	margin-top: 25px;
}

.product-packages .item {
	padding: 15px;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #cdd6f2;
	border-left: 4px solid #3be395;
	position: relative;
	overflow: hidden;
}

.product-packages .item:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%,#cdd6f2 0%,#cdd6f2 5%,#cdd6f2 45%,#cdd6f2 60%,#cdd6f2 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.product-packages .item small {
	font-size: 16px;
	font-weight: 700;
	color: #171717;
}

.product-packages .item p {
	font-size: 14px;
	color: #7b7b7b;
}

.product-packages .item .tags span {
	background: rgb(59 227 149 / .15);
	padding: 1px 7px;
	border-radius: 10px;
	border: 1px solid #3be395;
	color: #3be395;
	font-size: 13px;
	font-weight: 700;
}

.twitter-pages .product-packages .item {
	border-left-color: #1DA1F2;
}

.twitter-pages .product-packages .item .tags span {
	background: rgb(29 161 242 / .15);
	border: 1px solid #1DA1F2;
	color: #1DA1F2;
}

.youtube-pages .product-packages .item {
	border-left-color: #f03;
}

.youtube-pages .product-packages .item .tags span {
	background: rgb(255 0 51 / .15);
	border: 1px solid #f03;
	color: #f03;
}

.spotify-pages .mtp-instagram .mtp-header h2 span {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.spotify-pages .mtp-instagram .mtp-header h2 span:before {
	background-color: #34d399;
}

.spotify-pages .mtp-instagram .best-swiper .item .icon {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
}

.spotify-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary {
	background: #34d399!important;
}

.spotify-pages .mtp-instagram .best-swiper .item:before {
	background: radial-gradient(circle at 30% 107%,#27684a 0%,#27684a 5%,#27684a 45%,#35c581 60%,#35c581 90%);
}

@media(max-width:991.98px) {
	.mtp-srv-content .p-card .p-card-boxes {
		flex-direction: column;
		gap: 10px;
	}

	.bulk-packages {
		grid-template-columns: repeat(1,1fr);
		margin-top: 25px;
		gap: 10px;
	}

	.big-packages {
		display: grid;
		grid-template-columns: repeat(1,1fr);
		margin-top: 25px;
		gap: 10px;
	}

	.blog-box .bb-wrapper .bb-content {
		order: 2;
	}

	.blog-box .bb-wrapper .bb-content h2 {
		font-size: 18px;
		margin: 15px 0 15px;
	}

	.blog-box .bb-wrapper .bb-content h3 {
		font-size: 16px;
		margin: 10px 0 10px;
	}

	.insta-pages .mtp-api .nav {
		grid-template-columns: repeat(1,1fr);
	}

	.mtp-why h2,.mtp-header h2 span {
		font-size: 28px;
		font-weight: 700;
	}

	.mtp-why p {
		text-align: center;
	}

	.mtp-ceo .ceo-message {
		padding: 25px 15px;
	}

	.nav.pay-filters {
		overflow: auto;
	}

	.nav.pay-filters .nav-item {
		width: 100%;
	}

	.product-packages {
		grid-template-columns: repeat(1,1fr);
		gap: 5px;
	}
}

.modal-body a {
	color: #3be395;
}

.snapchat-pages .mtp-instagram .mtp-header h2 span {
	background: #fffc00;
	background: -moz-linear-gradient(163deg,#ffcc00 0%,#fffc00 100%);
	background: -webkit-linear-gradient(163deg,#ffcc00 0%,#fffc00 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.snapchat-pages .mtp-instagram .mtp-header h2 span:before {
	background-color: #fffc00;
}

.snapchat-pages .mtp-instagram .best-swiper .item .icon {
	background: #fffc00;
	background: -moz-linear-gradient(163deg,#ffcc00 0%,#fffc00 100%);
	background: -webkit-linear-gradient(163deg,#ffcc00 0%,#fffc00 100%);
}

.snapchat-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary {
	background: #fffc00!important;
	color: #171717!important;
}

.snapchat-pages .mtp-instagram .best-swiper .item:before {
	background: radial-gradient(circle at 30% 107%,#ffcc00 0%,#ffcc00 5%,#ffcc00 45%,#fffc00 60%,#fffc00 90%);
}

.snapchat-pages .mtp-top-header h1 span,.snapchat-pages .mtp-header h2 span,.snapchat-pages .mtp-why h2 span,.snapchat-pages .mtp-header h3 span {
	background: #fffc00;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.snapchat-pages .mtp-top-header h1 span:before,.snapchat-pages .mtp-header h2 span:before {
	background-color: #fffc00;
}

.snapchat-pages .mtp-why .ww-boxes-2,.snapchat-pages .tiktok-pages .ceo-message:before,.snapchat-pages .mtp-instagram .best-swiper .item:before,.snapchat-pages .mtp-top .home-seperator,.snapchat-pages .mtp-margin .glow,.snapchat-pages .ceo-message:before {
	background: #fffc0070;
}

.snapchat-pages .product-packages .item {
	border-left: 4px solid #fffc00;
}

.snapchat-pages .product-packages .item .tags span {
	background: rgb(255 252 0 / .15);
	border: 1px solid #fffc00;
	color: #a09e00;
}

.soundcloud-pages .mtp-instagram .mtp-header h2 span {
	background: #f50;
	background: -moz-linear-gradient(163deg,#ff9662 0%,#ff5500 100%);
	background: -webkit-linear-gradient(163deg,#ff9662 0%,#ff5500 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.soundcloud-pages .mtp-instagram .mtp-header h2 span:before {
	background-color: #f50;
}

.soundcloud-pages .mtp-instagram .best-swiper .item .icon {
	background: #f50;
	background: -moz-linear-gradient(163deg,#ff9662 0%,#ff5500 100%);
	background: -webkit-linear-gradient(163deg,#ff9662 0%,#ff5500 100%);
	border-radius: 100%;
}

.soundcloud-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary {
	background: #ff5500!important;
}

.soundcloud-pages .mtp-instagram .best-swiper .item:before {
	background: radial-gradient(circle at 30% 107%,#ff9662 0%,#ff9662 5%,#ff9662 45%,#ff5500 60%,#ff5500 90%);
}

.soundcloud-pages .mtp-top-header h1 span,.soundcloud-pages .mtp-header h2 span,.soundcloud-pages .mtp-why h2 span,.soundcloud-pages .mtp-header h3 span {
	background: #f50;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.soundcloud-pages .mtp-top-header h1 span:before,.soundcloud-pages .mtp-header h2 span:before {
	background-color: #f50;
}

.soundcloud-pages .mtp-why .ww-boxes-2,.soundcloud-pages .tiktok-pages .ceo-message:before,.soundcloud-pages .mtp-instagram .best-swiper .item:before,.soundcloud-pages .mtp-top .home-seperator,.soundcloud-pages .mtp-margin .glow,.soundcloud-pages .ceo-message:before {
	background: #ff550070;
}

.soundcloud-pages .product-packages .item {
	border-left: 4px solid #f50;
}

.soundcloud-pages .product-packages .item .tags span {
	background: rgb(255 85 0 / .15);
	border: 1px solid #f50;
	color: #f50;
}

.mtp-team.story-7 .team-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 25px;
}

.mtp-team.story-7 .team-wrapper .team-item {
	max-width: 225px;
}

.mtp-owner-area {
	margin: 35px 0;
}

.mtp-owner-area .mtp-owner-img {
	position: relative;
	width: 250px;
}

.mtp-owner-area .mtp-owner-img:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg,#fff0 35%,rgb(14 14 14 / .89) 78%);
	z-index: 0;
	transition: all 0.5s linear;
	border-radius: 0 0 15px 15px;
}

.mtp-owner-area .mtp-owner-img img {
	border-radius: 15px;
	max-width: 250px;
}

.mtp-owner-area .mtp-owner-img .team-content {
	position: absolute;
	left: 50px;
	bottom: 15px;
	z-index: 5;
	transition: all 0.3s linear;
}

.mtp-owner-area .mtp-owner-img .team-content .name {
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	position: relative;
	z-index: 1;
	color: #fff;
}

.mtp-owner-area .mtp-owner-img .team-content .name:before {
	content: "";
	position: absolute;
	height: 40px;
	width: 20px;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
	background: #34d399;
	z-index: -1;
	transition: all 0.3s linear;
	border-radius: 5px;
}

.mtp-owner-area .mtp-owner-img .team-content .designation {
	font-size: 12px;
	line-height: 24px;
	position: relative;
	z-index: 1;
	color: #fff;
}

.mtp-owner-area .mtp-owner-img .team-content .team-social {
	opacity: 0;
	visibility: hidden;
	margin-bottom: -25px;
	margin-left: -25px;
	position: relative;
	z-index: 1;
	transition: all 0.3s linear;
}

.mtp-owner-area .mtp-owner-img .team-content .team-social .social li {
	display: inline-block;
}

.mtp-owner-area .mtp-owner-img .team-content .team-social .social li+li {
	margin-left: 10px;
}

.mtp-owner-area .mtp-owner-img .team-content .team-social .social li a {
	font-size: 14px;
	transform: translate3d(0,0,0);
	color: #fff;
	transition: all 0.3s linear;
}

.mtp-owner-area .mtp-owner-img .team-content .team-social .social li a:hover {
	color: #fff!important;
	opacity: .7;
}

.mtp-owner-area .mtp-owner-img:hover .team-content {
	bottom: 50px;
}

.mtp-owner-area .mtp-owner-img:hover .team-content .team-social {
	opacity: 1;
	visibility: visible;
	margin-top: 10px;
}

.mtp-owner-area {
	display: flex;
	gap: 35px;
}

.mtp-owner-text {
	background: #f6f9ff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 25px 50px;
	position: relative;
	overflow: hidden;
}

.mtp-owner-text:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: radial-gradient(circle at 30% 107%,#6cef59 0%,#4dd672 5%,#40cb7d 45%,#0fa352 60%,#3ac782 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.story-8 .mtp-srv-content {
	width: 100%;
}

.story-8 .social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding-left: 0;
	padding-top: 25px;
}

.story-8 .social-links li {
	list-style-type: none;
}

.story-8 .social-links li {
	width: 44px;
	height: 44px;
	text-align: center;
	border-radius: 10px;
	line-height: 44px;
	font-size: 18px;
	background: #3be395;
	border: 1px solid #3be395!important;
	cursor: pointer;
	transition: 250ms all;
}

.story-8 .social-links li a,.story-8 .social-links li:hover a {
	color: #fff!important;
}

.story-8 .social-links li:hover {
	opacity: .8;
	transition: 250ms all;
}

.policy-content {
	background: #f6f9ff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 25px 50px;
	position: relative;
	overflow: hidden;
	margin-top: 35px;
}

.policy-content:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: radial-gradient(circle at 30% 107%,#6cef59 0%,#4dd672 5%,#40cb7d 45%,#0fa352 60%,#3ac782 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.policy-content p {
	font-size: 15px;
	margin: 15px auto;
	color: #7b7b7b;
	max-width: 850px;
	text-align: center;
}

.mtp-ceo-2 .ceo-message {
	background: #f6f9ff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 35px 50px;
	position: relative;
	overflow: hidden;
}

.mtp-ceo-2 .ceo-message:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: radial-gradient(circle at 30% 107%,#6cef59 0%,#4dd672 5%,#40cb7d 45%,#0fa352 60%,#3ac782 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.active-data {
	display: flex;
	align-items: center;
	border-radius: 5px;
	font-size: 12px;
	color: #3aa7e6;
}

.active-data svg {
	fill: #3aa7e6;
	margin-left: 5px;
}

.active-data .active-value {
	font-weight: 700;
}

@media (max-width:991.98px) {
	.meet-header h1 {
		font-size: 24px;
	}

	.story-2 {
		padding: 0;
	}

	.story-text-1 h2 {
		font-size: 24px;
	}

	.story-4 .mtp-header h2,.story-4 .mtp-header h2 span {
		font-size: 24px;
		font-weight: 700;
	}

	.mtp-owner-area {
		gap: 15px;
		flex-direction: column;
	}

	.mtp-owner-text {
		padding: 15px;
		text-align: center;
	}

	.mtp-owner-area .mtp-owner-img {
		width: 100%;
	}

	.mtp-owner-area .mtp-owner-img img {
		max-width: 100%;
	}

	.mtp-team.story-7 .team-wrapper {
		flex-direction: column;
	}

	.policy-content {
		padding: 15px;
	}
}

.modal {
	z-index: 9999!important;
}

.dp-top {
	background: #f3f8f2;
	padding: 15px;
	border-radius: 15px;
}

.dp-top .section-title,.dp-center .section-title {
	font-size: 15px;
	font-weight: 900;
}

.dp-top .icon-box {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #249a62;
	color: #fff;
}

.dp-top .range-wrap {
	margin-bottom: 30px;
}

.dp-top .range-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.dp-top .range-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	color: #171717;
}

.dp-top .range-label svg {
	width: 18px;
	height: 18px;
	stroke: #249a62;
}

.dp-top .value-pill {
	background: #cfffc5;
	color: #116100;
	padding: 4px 10px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 900;
}

.dp-top .muted {
	color: #6B7280;
}

.dp-top input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	height: 6px;
	border-radius: 999px;
	background: #eaeaea;
}

.dp-top input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #249a62;
	cursor: pointer;
}

.dp-top .hours-switch button {
	width: 100%;
	border: none;
	border-radius: 12px;
	padding: 20px 0;
	font-size: 11px;
	font-weight: 700;
}

.dp-top .hours-switch .active {
	background: #0B0B0F;
	color: #fff;
	border: 1px solid #0B0B0F;
}

.dp-top .hours-switch .inactive {
	background: #fff;
	color: #6B7280;
	border: 1px solid #dadada;
}

.dp-top .phase-option {
	background: #fff;
	border: 1px solid #dadada;
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
}

.dp-top .phase-option:hover {
	transform: translateY(-2px);
}

.dp-top .phase-option.active {
	border: 1px solid #34d399;
}

.dp-top .phase-option svg rect {
	transition: fill .2s ease;
}

.dp-top .phase-option svg rect {
	fill: #eaeaea;
}

.dp-top .phase-option.active svg rect {
	fill: #34d399;
}

.dp-top .phase-title {
	font-size: 12px;
	font-weight: 900;
}

.dp-top .phase-sub {
	font-size: 10px;
	color: #6B7280;
}

.dp-top .mini-svg {
	width: 100%;
	height: 28px;
	margin-bottom: 10px;
}

.dp-bottom .stats-number {
	font-size: 24px;
	font-weight: 900;
}

.dp-center {
	margin-top: 15px;
}

.dp-center .legend {
	display: flex;
	gap: 8px;
	align-items: center;
}

.dp-center .legend-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 10px;
	font-weight: 900;
}

.dp-center .legend-dot {
	width: 9px;
	height: 9px;
	border-radius: 3px;
}

.dp-center .graph-wrapper {
	width: 100%;
	overflow: auto;
}

.dp-bottom .card {
	background: #eef2fe;
	border-radius: 15px;
	border: 1px solid #cdd6f2;
}

.dp-bottom .card .muted {
	color: #171717;
}

.ct-card input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	height: 8px;
	border-radius: 999px;
	background: #d8e6d5;
	outline: none;
}

.ct-card input[type=range]::-webkit-slider-runnable-track {
	height: 8px;
	border-radius: 999px;
	background: linear-gradient(to right,#34d399 var(--value,50%),#d8e6d5 var(--value,50%));
}

.ct-card input[type=range]::-moz-range-track {
	height: 8px;
	border-radius: 999px;
	background: #d8e6d5;
}

.ct-card input[type=range]::-moz-range-progress {
	background: #34d399;
	height: 8px;
	border-radius: 999px;
}

.ct-card input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #34d399;
	cursor: pointer;
	margin-top: -6px;
}

.ct-card .delivery-option {
	display: flex;
	flex-direction: column;
	background: rgb(255 255 255 / .7);
	border: 1px solid #dadada;
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
}

.ct-card .delivery-option:hover {
	transform: translateY(-2px);
}

.ct-card .delivery-option.active {
	background: #fff;
	border: 1px solid #34d399;
}

.delivery-option strong {
	font-size: 14px;
}

.ct-card .delivery-option small {
	font-size: 10px;
	color: #6B7280;
}

.ct-card .auth-option {
	background: rgb(255 255 255 / .7);
	border: 1px solid #dadada;
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
	margin-bottom: 10px;
}

.ct-card .auth-option:hover {
	transform: translateY(-2px);
}

.ct-card .auth-option .bar-active,.ct-card .auth-option .bar-passive {
	width: 14px;
	height: 6px;
	border-radius: 3px;
	margin-right: 2px;
	display: block;
	background: #eaeaea;
}

.ct-card .auth-option.active .bar-active {
	background: linear-gradient(to top,#10b981,#34d399);
}

.ct-card .auth-option {
	background: rgb(255 255 255 / .7);
	border: 1px solid #dadada;
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
	margin-bottom: 10px;
}

.ct-card .auth-option.active {
	border: 1px solid #34d399;
}

.ct-card .age-tier {
	display: flex;
	flex-direction: column;
	background: rgb(255 255 255 / .7);
	border: 1px solid #dadada;
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	margin-bottom: 10px;
}

.ct-card .age-tier:hover {
	transform: translateY(-2px);
}

.ct-card .age-tier.active {
	border: 1px solid #34d399;
}

.ct-card .age-tier strong {
	font-size: 14px;
}

.ct-card .age-tier small {
	font-size: 10px;
	color: #6B7280;
}

.ct-card .age-tier .badges {
	background: #eef2fe;
	width: max-content;
	border-radius: 5px;
	font-size: 12px;
	color: #171717;
	padding: 2px 5px;
	margin-top: 5px;
}

.ct-card .age-tier.active .badges {
	background: #34d399;
	color: #fff;
}

#regions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ct-card .region-btn,.ct-card .region-btn:focus {
	background: #eef2fe!important;
	border-radius: 10px!important;
	border: 1px solid #cdd6f2!important;
	padding: 20px 10px;
	font-size: 11px;
	font-weight: 700;
}

.ct-card .region-btn.active {
	background: #0B0B0F!important;
	color: #fff!important;
	border: 1px solid #0B0B0F!important;
}

.ct-card .active-region {
	background: #0B0B0F!important;
	color: #fff!important;
	border: 1px solid #0B0B0F!important;
}

.ct-card .region-btn .count-badge {
	background: #c3cff2;
	color: #171717;
	border-radius: 20px;
	padding: 3px 8px;
	font-size: 11px;
	margin-left: 8px;
}

.ct-card .active-count {
	background: #fe2c55;
	color: #fff;
}

.ct-card .premium-badge {
	background: #fef3c7;
	color: #92400e;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.ct-card .standard-badge {
	background: #dbeafe;
	color: #1e40af;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.ct-card .price {
	color: #fe2c55;
	font-weight: 900;
	font-size: 18px;
}

.ct-card .price span {
	font-size: 11px;
	opacity: .7;
}

.ct-card .ct-center {
	background: #f3f8f2;
	padding: 15px;
	border-radius: 15px;
}

.ct-card .ct-center .icon-box {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #249a62;
	color: #fff;
}

.ct-card .ct-center .section-title {
	font-size: 15px;
	font-weight: 900;
}

#viewBadge {
	background: #cfffc5;
	color: #116100;
	padding: 4px 10px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 900;
}

.ct-card .sub {
	font-size: 10px;
	color: #6B7280;
}

.ct-card .range-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	color: #171717;
}

.ct-card .range-label svg {
	width: 18px;
	height: 18px;
	stroke: #249a62;
}

#countryCards .card .country .flag {
	font-family: "Noto Color Emoji",sans-serif;
	font-size: 16px;
}

#countryCards .card {
	background: #fff;
	border-radius: 15px;
	border: 1px solid #e4f6ed;
}

#countryCards .card.active {
	border-color: #34d399;
}

#countryCards .card .country .name {
	font-size: 18px;
	font-weight: 700;
	color: #171717;
}

#authOptions .auth-option .badges {
	background: #eef2fe;
	width: max-content;
	border-radius: 5px;
	font-size: 12px;
	color: #171717;
	padding: 2px 5px;
	min-width: 40px;
	text-align: center;
}

#authOptions .auth-option.active .badges {
	background: #34d399;
	color: #fff;
}

.free-list {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 35px 15px;
	margin-top: 50px;
	padding-left: 0;
}

.free-list .item {
	padding: 25px 15px 15px 15px;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #cdd6f2;
	border-left: 4px solid #3be395;
	position: relative;
	list-style: none;
}

.free-list .item small {
	font-size: 16px;
	font-weight: 700;
	color: #171717;
}

.free-list .item p {
	font-size: 13px;
	color: #7b7b7b;
	margin-bottom: 0;
	padding-top: 5px;
}

.free-list .item a {
	color: #34d399;
}

.tiktok-pages .free-list .item {
	border-left-color: #f72e4dfc;
}

.free-list .item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	background: #34d399;
	color: #fff;
	border-radius: 10px;
	position: absolute;
	top: -20px;
	z-index: 1;
}

.tiktok-pages .free-list .item .icon {
	background: #f72e4dfc;
}

.free-list .item .icon,.free-list .item .icon {
	transition: transform 0.5s ease,-webkit-transform 0.5s ease;
}

.free-list .item:hover .icon,.free-list .item:hover .icon {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	transition: transform 0.5s ease,-webkit-transform 0.5s ease;
}

.tiktok-pages .mtp-calculator .btn-primary.btn-free,.tiktok-pages .mtp-calculator .btn-primary.btn-free:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #171717!important;
	border-color: #171717!important;
	padding: 10px;
	z-index: 2;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
	width: max-content;
	gap: 25px;
	margin: 35px auto;
	z-index: 2;
}

.tiktok-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #f72e4dfc!important;
	border-color: #f72e4dfc!important;
	position: relative;
	z-index: 2;
}

.youtube-pages .mtp-calculator .btn-primary.btn-free,.youtube-pages .mtp-calculator .btn-primary.btn-free:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #FF0033!important;
	border-color: #FF0033!important;
	padding: 10px;
	z-index: 2;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
	width: max-content;
	gap: 25px;
	margin: 35px auto;
	z-index: 2;
}

.youtube-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #cb0029!important;
	border-color: #cb0029!important;
	position: relative;
	z-index: 2;
}

.mtp-calculator .btn-primary.btn-free i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(255 255 255 / .2);
	border-radius: 100%;
}

@media (max-width:991.98px) {
	.free-list {
		grid-template-columns: repeat(1,1fr);
	}
}

.youtube-pages .big-packages .big-packages-item {
	border-color: #F03;
}

.youtube-pages .big-packages-item .pi-top .pi-title {
	background: rgb(255 0 51 / 70%);
}

.youtube-pages .big-packages .big-packages-item .btn-primary,.youtube-pages .big-packages .big-packages-item .btn-primary:focus {
	background: #FF0033!important;
}

.youtube-pages .big-packages .big-packages-item .btn-primary:hover {
	background: #cb0029!important;
}

.discord-pages .mtp-why .ww-boxes-2,.discord-pages .tiktok-pages .ceo-message:before,.discord-pages .mtp-instagram .best-swiper .item:before,.discord-pages .mtp-top .home-seperator,.discord-pages .mtp-margin .glow,.discord-pages .ceo-message:before {
	background: #5865F280;
}

.discord-pages .mtp-instagram .best-swiper .item .icon {
	background: #5865F2;
	border-radius: 10px;
}

.discord-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary,.discord-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary:focus {
	background: #5865F2!important;
}

.discord-pages .mtp-top-header h1 span,.discord-pages .mtp-header h2 span,.discord-pages .mtp-why h2 span,.discord-pages .mtp-header h3 span {
	background: #5865F2;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.discord-pages .mtp-top-header h1 span:before,.discord-pages .mtp-header h2 span:before {
	background-color: #5865F2;
}

.discord-pages .mtp-instagram .mtp-srv-content .package-item.package-best {
	border: 1px solid #5865F2;
}

.discord-pages .mtp-instagram .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#5865F2 0%,#5865F2 5%,#5865F2 45%,#5865F2 60%,#5865F2 90%);
}

.discord-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary,.discord-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary:focus {
	background: #5865F2!important;
	border-color: #5865F2!important;
	position: relative;
	z-index: 2;
}

.discord-pages .product-packages .item {
	border-left-color: #5865F2;
}

.discord-pages .product-packages .item .tags span {
	background: rgb(255 0 51 / .15);
	border: 1px solid #5865F2;
	color: #5865F2;
}

.discord-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #808af3!important;
	border-color: #808af3!important;
	position: relative;
	z-index: 2;
}

.discord-pages .big-packages .big-packages-item {
	border-color: #5865F2;
}

.discord-pages .big-packages-item .pi-top .pi-title {
	background: #808af3;
}

.discord-pages .big-packages .big-packages-item .btn-primary,.discord-pages .big-packages .big-packages-item .btn-primary:focus {
	background: #5865F2!important;
}

.discord-pages .big-packages .big-packages-item .btn-primary:hover {
	background: #808af3!important;
}

.discord-pages .mtp-calculator .btn-primary.btn-free,.discord-pages .mtp-calculator .btn-primary.btn-free:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #5865F2!important;
	border-color: #5865F2!important;
	padding: 10px;
	z-index: 2;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
	width: max-content;
	gap: 25px;
	margin: 35px auto;
	z-index: 2;
}

.discord-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #808af3!important;
	border-color: #808af3!important;
	position: relative;
	z-index: 2;
}

.discord-pages .big-packages .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%,#5865F2 0%,#5865F2 5%,#5865F2 45%,#5865F2 60%,#5865F2 90%);
}

.kick-pages .mtp-why .ww-boxes-2,.kick-pages .tiktok-pages .ceo-message:before,.kick-pages .mtp-instagram .best-swiper .item:before,.kick-pages .mtp-top .home-seperator,.kick-pages .mtp-margin .glow,.kick-pages .ceo-message:before {
	background: #00e70180;
}

.kick-pages .mtp-instagram .best-swiper .item .icon {
	background: #00e701;
	border-radius: 10px;
}

.kick-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary,.kick-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary:focus {
	background: #00e701!important;
}

.kick-pages .mtp-top-header h1 span,.kick-pages .mtp-header h2 span,.kick-pages .mtp-why h2 span,.kick-pages .mtp-header h3 span {
	background: #00e701;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.kick-pages .mtp-top-header h1 span:before,.kick-pages .mtp-header h2 span:before {
	background-color: #00e701;
}

.kick-pages .mtp-instagram .mtp-srv-content .package-item.package-best {
	border: 1px solid #00e701;
}

.kick-pages .mtp-instagram .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#00e701 0%,#00e701 5%,#00e701 45%,#00e701 60%,#00e701 90%);
}

.kick-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary,.kick-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary:focus {
	background: #00e701!important;
	border-color: #00e701!important;
	position: relative;
	z-index: 2;
}

.kick-pages .product-packages .item {
	border-left-color: #00e701;
}

.kick-pages .product-packages .item .tags span {
	background: rgb(0 231 1 / .15);
	border: 1px solid #00e701;
	color: #00e701;
}

.kick-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #2aff2b!important;
	border-color: #2aff2b!important;
	position: relative;
	z-index: 2;
}

.kick-pages .big-packages .big-packages-item {
	border-color: #00e701;
}

.kick-pages .big-packages-item .pi-top .pi-title {
	background: #2aff2b;
}

.kick-pages .big-packages .big-packages-item .btn-primary,.kick-pages .big-packages .big-packages-item .btn-primary:focus {
	background: #00e701!important;
}

.kick-pages .big-packages .big-packages-item .btn-primary:hover {
	background: #2aff2b!important;
}

.kick-pages .mtp-calculator .btn-primary.btn-free,.kick-pages .mtp-calculator .btn-primary.btn-free:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #00e701!important;
	border-color: #00e701!important;
	padding: 10px;
	z-index: 2;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
	width: max-content;
	gap: 25px;
	margin: 35px auto;
	z-index: 2;
}

.kick-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #2aff2b!important;
	border-color: #2aff2b!important;
	position: relative;
	z-index: 2;
}

.kick-pages .big-packages .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%,#00e701 0%,#00e701 5%,#00e701 45%,#00e701 60%,#00e701 90%);
}

.twitch-pages .mtp-why .ww-boxes-2,.twitch-pages .tiktok-pages .ceo-message:before,.twitch-pages .mtp-instagram .best-swiper .item:before,.twitch-pages .mtp-top .home-seperator,.twitch-pages .mtp-margin .glow,.twitch-pages .ceo-message:before {
	background: #8956fb80;
}

.twitch-pages .mtp-instagram .best-swiper .item .icon {
	background: #8956fb;
	border-radius: 10px;
}

.twitch-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary,.twitch-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary:focus {
	background: #8956fb!important;
}

.twitch-pages .mtp-top-header h1 span,.twitch-pages .mtp-header h2 span,.twitch-pages .mtp-why h2 span,.twitch-pages .mtp-header h3 span {
	background: #8956fb;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.twitch-pages .mtp-top-header h1 span:before,.twitch-pages .mtp-header h2 span:before {
	background-color: #8956fb;
}

.twitch-pages .mtp-instagram .mtp-srv-content .package-item.package-best {
	border: 1px solid #8956fb;
}

.twitch-pages .mtp-instagram .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#8956fb 0%,#8956fb 5%,#8956fb 45%,#8956fb 60%,#8956fb 90%);
}

.twitch-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary,.twitch-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary:focus {
	background: #8956fb!important;
	border-color: #8956fb!important;
	position: relative;
	z-index: 2;
}

.twitch-pages .product-packages .item {
	border-left-color: #8956fb;
}

.twitch-pages .product-packages .item .tags span {
	background: rgb(137 86 251 / .15);
	border: 1px solid #8956fb;
	color: #8956fb;
}

.twitch-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #9569f9!important;
	border-color: #9569f9!important;
	position: relative;
	z-index: 2;
}

.twitch-pages .big-packages .big-packages-item {
	border-color: #8956fb;
}

.twitch-pages .big-packages-item .pi-top .pi-title {
	background: #9569f9;
}

.twitch-pages .big-packages .big-packages-item .btn-primary,.twitch-pages .big-packages .big-packages-item .btn-primary:focus {
	background: #8956fb!important;
}

.twitch-pages .big-packages .big-packages-item .btn-primary:hover {
	background: #9569f9!important;
}

.twitch-pages .mtp-calculator .btn-primary.btn-free,.twitch-pages .mtp-calculator .btn-primary.btn-free:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #8956fb!important;
	border-color: #8956fb!important;
	padding: 10px;
	z-index: 2;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
	width: max-content;
	gap: 25px;
	margin: 35px auto;
	z-index: 2;
}

.twitch-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #9569f9!important;
	border-color: #9569f9!important;
	position: relative;
	z-index: 2;
}

.twitch-pages .big-packages .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%,#8956fb 0%,#8956fb 5%,#8956fb 45%,#8956fb 60%,#8956fb 90%);
}

.twitter-pages .mtp-why .ww-boxes-2,.twitter-pages .tiktok-pages .ceo-message:before,.twitter-pages .mtp-instagram .best-swiper .item:before,.twitter-pages .mtp-top .home-seperator,.twitter-pages .mtp-margin .glow,.twitter-pages .ceo-message:before {
	background: #1DA1F280;
}

.twitter-pages .mtp-instagram .best-swiper .item .icon {
	background: #1DA1F2;
	border-radius: 10px;
}

.twitter-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary,.twitter-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary:focus {
	background: #1DA1F2!important;
}

.twitter-pages .mtp-top-header h1 span,.twitter-pages .mtp-header h2 span,.twitter-pages .mtp-why h2 span,.twitter-pages .mtp-header h3 span {
	background: #1DA1F2;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.twitter-pages .mtp-top-header h1 span:before,.twitter-pages .mtp-header h2 span:before {
	background-color: #1DA1F2;
}

.twitter-pages .mtp-instagram .mtp-srv-content .package-item.package-best {
	border: 1px solid #1DA1F2;
}

.twitter-pages .mtp-instagram .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#1DA1F2 0%,#1DA1F2 5%,#1DA1F2 45%,#1DA1F2 60%,#1DA1F2 90%);
}

.twitter-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary,.twitter-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary:focus {
	background: #1DA1F2!important;
	border-color: #1DA1F2!important;
	position: relative;
	z-index: 2;
}

.twitter-pages .product-packages .item {
	border-left-color: #1DA1F2;
}

.twitter-pages .product-packages .item .tags span {
	background: rgb(29 161 242 / .15);
	border: 1px solid #1DA1F2;
	color: #1DA1F2;
}

.twitter-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #0d93e5!important;
	border-color: #0d93e5!important;
	position: relative;
	z-index: 2;
}

.twitter-pages .big-packages .big-packages-item {
	border-color: #1DA1F2;
}

.twitter-pages .big-packages-item .pi-top .pi-title {
	background: #0d93e5;
}

.twitter-pages .big-packages .big-packages-item .btn-primary,.twitter-pages .big-packages .big-packages-item .btn-primary:focus {
	background: #1DA1F2!important;
}

.twitter-pages .big-packages .big-packages-item .btn-primary:hover {
	background: #0d93e5!important;
}

.twitter-pages .mtp-calculator .btn-primary.btn-free,.twitter-pages .mtp-calculator .btn-primary.btn-free:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #1DA1F2!important;
	border-color: #1DA1F2!important;
	padding: 10px;
	z-index: 2;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
	width: max-content;
	gap: 25px;
	margin: 35px auto;
	z-index: 2;
}

.twitter-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #0d93e5!important;
	border-color: #0d93e5!important;
	position: relative;
	z-index: 2;
}

.twitter-pages .big-packages .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%,#1DA1F2 0%,#1DA1F2 5%,#1DA1F2 45%,#1DA1F2 60%,#1DA1F2 90%);
}

.linkedin-pages .mtp-why .ww-boxes-2,.linkedin-pages .tiktok-pages .ceo-message:before,.linkedin-pages .mtp-instagram .best-swiper .item:before,.linkedin-pages .mtp-top .home-seperator,.linkedin-pages .mtp-margin .glow,.linkedin-pages .ceo-message:before {
	background: #0077b580;
}

.linkedin-pages .mtp-instagram .best-swiper .item .icon {
	background: #0077b5;
	border-radius: 10px;
}

.linkedin-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary,.linkedin-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary:focus {
	background: #0077b5!important;
}

.linkedin-pages .mtp-top-header h1 span,.linkedin-pages .mtp-header h2 span,.linkedin-pages .mtp-why h2 span,.linkedin-pages .mtp-header h3 span {
	background: #0077b5;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.linkedin-pages .mtp-top-header h1 span:before,.linkedin-pages .mtp-header h2 span:before {
	background-color: #0077b5;
}

.linkedin-pages .mtp-instagram .mtp-srv-content .package-item.package-best {
	border: 1px solid #0077b5;
}

.linkedin-pages .mtp-instagram .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#0077b5 0%,#0077b5 5%,#0077b5 45%,#0077b5 60%,#0077b5 90%);
}

.linkedin-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary,.linkedin-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary:focus {
	background: #0077b5!important;
	border-color: #0077b5!important;
	position: relative;
	z-index: 2;
}

.linkedin-pages .product-packages .item {
	border-left-color: #0077b5;
}

.linkedin-pages .product-packages .item .tags span {
	background: rgb(0 119 181 / .15);
	border: 1px solid #0077b5;
	color: #0077b5;
}

.linkedin-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #0189cf!important;
	border-color: #0189cf!important;
	position: relative;
	z-index: 2;
}

.linkedin-pages .big-packages .big-packages-item {
	border-color: #0077b5;
}

.linkedin-pages .big-packages-item .pi-top .pi-title {
	background: #0189cf;
}

.linkedin-pages .big-packages .big-packages-item .btn-primary,.linkedin-pages .big-packages .big-packages-item .btn-primary:focus {
	background: #0077b5!important;
}

.linkedin-pages .big-packages .big-packages-item .btn-primary:hover {
	background: #0189cf!important;
}

.linkedin-pages .mtp-calculator .btn-primary.btn-free,.linkedin-pages .mtp-calculator .btn-primary.btn-free:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #0077b5!important;
	border-color: #0077b5!important;
	padding: 10px;
	z-index: 2;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
	width: max-content;
	gap: 25px;
	margin: 35px auto;
	z-index: 2;
}

.linkedin-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #0189cf!important;
	border-color: #0189cf!important;
	position: relative;
	z-index: 2;
}

.linkedin-pages .big-packages .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%,#0077b5 0%,#0077b5 5%,#0077b5 45%,#0077b5 60%,#0077b5 90%);
}

.modal {
	z-index: 9999!important;
}

.spotify-pages .mtp-why .ww-boxes-2,.spotify-pages .tiktok-pages .ceo-message:before,.spotify-pages .mtp-instagram .best-swiper .item:before,.spotify-pages .mtp-top .home-seperator,.spotify-pages .mtp-margin .glow,.spotify-pages .ceo-message:before {
	background: #1db95480;
}

.spotify-pages .mtp-instagram .best-swiper .item .icon {
	background: #1db954;
	border-radius: 10px;
}

.spotify-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary,.spotify-pages .mtp-instagram .best-swiper .item-wrapper .btn-primary:focus {
	background: #1db954!important;
}

.spotify-pages .mtp-top-header h1 span,.spotify-pages .mtp-header h2 span,.spotify-pages .mtp-why h2 span,.spotify-pages .mtp-header h3 span {
	background: #1db954;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.spotify-pages .mtp-top-header h1 span:before,.spotify-pages .mtp-header h2 span:before {
	background-color: #1db954;
}

.spotify-pages .mtp-instagram .mtp-srv-content .package-item.package-best {
	border: 1px solid #1db954;
}

.spotify-pages .mtp-instagram .mtp-srv-content .package-item.package-best:after {
	background: radial-gradient(circle at 30% 107%,#1db954 0%,#1db954 5%,#1db954 45%,#1db954 60%,#1db954 90%);
}

.spotify-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary,.spotify-pages .mtp-instagram .mtp-srv-content .package-item.package-best .btn-primary:focus {
	background: #1db954!important;
	border-color: #1db954!important;
	position: relative;
	z-index: 2;
}

.spotify-pages .product-packages .item {
	border-left-color: #1db954;
}

.spotify-pages .product-packages .item .tags span {
	background: rgb(29 185 84 / .15);
	border: 1px solid #1db954;
	color: #1db954;
}

.spotify-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #27d363!important;
	border-color: #27d363!important;
	position: relative;
	z-index: 2;
}

.spotify-pages .big-packages .big-packages-item {
	border-color: #1db954;
}

.spotify-pages .big-packages-item .pi-top .pi-title {
	background: #27d363;
}

.spotify-pages .big-packages .big-packages-item .btn-primary,.spotify-pages .big-packages .big-packages-item .btn-primary:focus {
	background: #1db954!important;
}

.spotify-pages .big-packages .big-packages-item .btn-primary:hover {
	background: #27d363!important;
}

.spotify-pages .mtp-calculator .btn-primary.btn-free,.spotify-pages .mtp-calculator .btn-primary.btn-free:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #1db954!important;
	border-color: #1db954!important;
	padding: 10px;
	z-index: 2;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
	width: max-content;
	gap: 25px;
	margin: 35px auto;
	z-index: 2;
}

.spotify-pages .mtp-calculator .btn-primary.btn-free:hover {
	background: #27d363!important;
	border-color: #27d363!important;
	position: relative;
	z-index: 2;
}

.spotify-pages .big-packages .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%,#1db954 0%,#1db954 5%,#1db954 45%,#1db954 60%,#1db954 90%);
}

.mtp-ceo-home .mtp-sign {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
	margin-top: 25px;
}

.mtp-ceo-home .ceo-message p {
	font-family: "Kalam",cursive;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
}

.mtp-ceo-home .mtp-sign .mtp-sign-img {
	width: 65px;
	height: 65px;
}

.mtp-ceo-home .mtp-sign .mtp-signs {
	text-align: left;
	margin-bottom: 0;
	color: #171717;
}

.mtp-ceo-home .ceo-message:before {
	background: radial-gradient(circle at 30% 107%,#6cef59 0%,#4dd672 5%,#40cb7d 45%,#0fa352 60%,#3ac782 90%);
}

.mtp-ceo .signature-content {
	max-height: 375px;
	overflow: hidden;
	transition: max-height .6s cubic-bezier(.4,0,.2,1);
	position: relative;
}

.mtp-ceo .signature-content.active {
	max-height: 2500px;
}

.mtp-ceo .signature-content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100px;
	background: linear-gradient(to bottom,#fff0,#f6f9ff);
	pointer-events: none;
	transition: .3s;
}

.mtp-ceo .signature-content.active::after {
	opacity: 0;
}

.mtp-ceo .signature-toggle {
	display: flex;
	justify-content: center;
	margin-top: 25px;
}

.mtp-ceo .signature-toggle button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	border: none;
	border-radius: 999px;
	background: #111827;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: .25s;
}

.mtp-ceo .signature-toggle button:hover {
	transform: translateY(-2px);
	background: #000;
}

.mtp-ceo .signature-toggle svg {
	width: 16px;
	height: 16px;
	transition: transform .35s;
}

.mtp-ceo .signature-content.active+.signature-toggle svg {
	transform: rotate(180deg);
}

.corp-2 {
	padding: 75px 0;
}

.corp-header h2 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -.5px;
	color: #171717;
	text-align: center;
}

.corp-header h2 span {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.corp-header h2 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #34d399;
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: .15;
	z-index: -1;
}

.corp-header p {
	text-align: center;
	color: #171717;
}

.corp-item {
	position: relative;
	padding: 15px;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #cdd6f2;
	overflow: hidden;
}

.corp-item:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%,#cdd6f2 0%,#cdd6f2 5%,#cdd6f2 45%,#cdd6f2 60%,#cdd6f2 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.corp-title {
	display: flex;
	flex-direction: column;
	padding: 15px 0 5px 0;
	border-bottom: 1px solid #e4f6ed;
}

.corp-title strong {
	font-size: 20px;
	color: #249a62;
}

.corp-title span {
	color: dimgray;
	font-size: 13px;
}

.corp-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 10px;
	position: relative;
	z-index: 2;
}

.corp-list .item {
	display: flex;
	flex-direction: column;
}

.corp-list strong {
	color: dimgray;
	font-size: 13px;
	font-weight: 400;
}

.corp-list span {
	font-size: 14px;
	font-weight: 700;
	color: #171717;
}

.corp-2 .contact-cards {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 30px;
	width: 100%;
	margin-top: 3rem;
}

.corp-2 .contact-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 300px;
	padding: 30px;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.corp-2 .contact-card::before {
	content: "";
	position: absolute;
	top: -80px;
	right: -80px;
	width: 180px;
	height: 180px;
	background: #f3f0ff;
	border-radius: 50%;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.corp-2 .contact-card:hover {
	transform: translateY(-6px);
	border-color: #dcd6ff;
}

.corp-2 .contact-card:hover::before {
	opacity: 1;
}

.corp-2 .contact-icon {
	position: relative;
	z-index: 1;
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	background: #f4f1ff;
	color: #633dfe;
	border-radius: 10px;
	transition: all 0.3s ease;
}

.corp-2 .contact-icon svg {
	width: 26px;
	height: 26px;
}

.corp-2 .contact-card:hover .contact-icon {
	background: #633dfe;
	color: #fff;
	transform: scale(1.05);
}

.corp-2 .contact-content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.corp-2 .contact-label {
	margin-bottom: 9px;
	color: #8b8798;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.corp-2 .contact-content strong {
	margin: 0 0 12px;
	color: #171717;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3;
}

.corp-2 .contact-content p {
	margin: 0;
	color: #777381;
	font-size: 14px;
	line-height: 1.7;
}

.corp-2 .contact-email {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 25px;
	color: #633dfe;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: color 0.2s ease;
}

.corp-2 .contact-email span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid #e4defe;
	border-radius: 5px;
	font-size: 17px;
	transition: all 0.25s ease;
}

.corp-2 .contact-email:hover {
	color: #4d25e5;
	text-decoration: none;
}

.corp-2 .contact-email:hover span {
	color: #fff;
	background: #633dfe;
	border-color: #633dfe;
	transform: translateX(3px);
}

@media (max-width:991px) {
	.corp-2 .contact-cards {
		grid-template-columns: repeat(2,1fr);
	}

	.corp-2 .contact-card:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width:575px) {
	.corp-2 .contact-cards {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.corp-2 .contact-card:last-child {
		grid-column: auto;
	}

	.corp-2 .contact-card {
		min-height: 270px;
		padding: 25px;
		border-radius: 17px;
	}
}

.corp-2 .leadership-cards {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 30px;
	width: 100%;
	margin-top: 3rem;
}

.corp-2 .leadership-card {
	position: relative;
	display: flex;
	align-items: stretch;
	min-height: 390px;
	background: #fff;
	border: 1px solid #e8e7ed;
	border-radius: 15px;
	overflow: hidden;
	transition: border-color 0.35s ease;
}

.corp-2 .leadership-card:hover {
	border-color: #dcd5ff;
}

.corp-2 .leadership-photo {
	position: relative;
	flex: 0 0 43%;
	min-height: 390px;
	overflow: hidden;
	background: #f1f0f4;
}

.corp-2 .leadership-photo::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.corp-2 .leadership-photo img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center top;
	filter: grayscale(100%);
	transition: transform 0.6s ease,filter 0.4s ease;
}

.corp-2 .leadership-card:hover .leadership-photo img {
	transform: scale(1.04);
	filter: grayscale(70%);
}

.corp-2 .leadership-info {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 42px 30px 38px 25px;
}

.corp-2 .leadership-role {
	display: inline-flex;
	align-items: center;
	margin-bottom: 13px;
	color: #633dfe;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.5px;
	line-height: 1.4;
}

.corp-2 .leadership-info strong {
	margin: 0 0 13px;
	color: #171717;
	font-size: 27px;
	font-weight: 750;
	line-height: 1.2;
	letter-spacing: -.5px;
}

.corp-2 .leadership-info p {
	margin: 0;
	max-width: 320px;
	color: #777481;
	font-size: 13px;
	line-height: 1.75;
}

.corp-2 .leadership-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: auto;
	padding-top: 28px;
}

.corp-2 .leadership-link {
	display: flex;
	align-items: center;
	gap: 11px;
	min-height: 43px;
	padding: 6px 8px 6px 6px;
	color: #44414c;
	background: #faf9fc;
	border: 1px solid #eeecf2;
	border-radius: 11px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.25s ease,border-color 0.25s ease,color 0.25s ease,transform 0.25s ease;
}

.corp-2 .leadership-link:hover {
	color: #633dfe;
	background: #f7f4ff;
	border-color: #ddd6ff;
	transform: translateX(3px);
	text-decoration: none;
}

.corp-2 .link-icon {
	width: 31px;
	height: 31px;
	flex: 0 0 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #633dfe;
	background: #eeeaff;
	border-radius: 8px;
}

.corp-2 .leadership-link .linkedin-icon {
	background: #eeeaff;
}

.corp-2 .link-arrow {
	margin-left: auto;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #9b97a5;
	font-size: 15px;
	transition: color 0.2s ease,transform 0.2s ease;
}

.corp-2 .leadership-link:hover .link-arrow {
	color: #633dfe;
	transform: translate(2px,-2px);
}

@media (max-width:900px) {
	.corp-2 .leadership-card {
		min-height: 350px;
	}

	.corp-2 .leadership-photo {
		min-height: 350px;
	}

	.corp-2 .leadership-info {
		padding: 32px 25px 28px 18px;
	}

	.corp-2 .leadership-info strong {
		font-size: 23px;
	}

	.corp-2 .leadership-info p {
		font-size: 12px;
	}
}

@media (max-width:650px) {
	.corp-2 .leadership-cards {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.corp-2 .leadership-card {
		min-height: 300px;
	}

	.corp-2 .leadership-photo {
		flex: 0 0 38%;
		min-height: 300px;
	}

	.corp-2 .leadership-info {
		padding: 27px 20px 22px 16px;
	}

	.corp-2 .leadership-role {
		font-size: 8px;
		letter-spacing: 1px;
	}

	.corp-2 .leadership-info strong {
		font-size: 21px;
	}

	.corp-2 .leadership-info p {
		font-size: 11px;
		line-height: 1.6;
	}

	.corp-2 .leadership-link {
		font-size: 10px;
	}
}

@media (max-width:430px) {
	.corp-2 .leadership-card {
		display: block;
	}

	.corp-2 .leadership-photo {
		width: 100%;
		height: 260px;
		min-height: 260px;
	}

	.corp-2 .leadership-info {
		padding: 0 22px 25px;
		margin-top: 20px;
	}

	.corp-2 .leadership-role {
		margin-bottom: 8px;
	}

	.corp-2 .leadership-info strong {
		font-size: 24px;
	}

	.corp-2 .leadership-info p {
		font-size: 12px;
	}

	.corp-2 .leadership-links {
		padding-top: 20px;
	}
}

.corp-2 .brand-guidelines {
	width: 100%;
	max-width: 1200px;
	margin: 3rem auto 0 auto;
}

.corp-2 .brand-assets-card {
	position: relative;
	display: flex;
	align-items: stretch;
	min-height: 310px;
	overflow: hidden;
	background: #0B0F19;
	border-radius: 15px;
	color: #fff;
}

.corp-2 .brand-assets-card::before {
	content: "";
	position: absolute;
	width: 330px;
	height: 330px;
	right: 24%;
	top: -180px;
	background: #10B981;
	opacity: .13;
	border-radius: 50%;
	filter: blur(10px);
}

.corp-2 .brand-assets-card::after {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	right: -120px;
	bottom: -250px;
	background: #3B82F6;
	opacity: .17;
	border-radius: 50%;
	filter: blur(10px);
}

.corp-2 .brand-assets-content {
	position: relative;
	z-index: 2;
	width: 58%;
	padding: 50px 55px;
}

.corp-2 .brand-eyebrow {
	display: block;
	margin-bottom: 17px;
	color: #10B981;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 2px;
}

.corp-2 .brand-assets-content strong {
	margin: 0 0 16px;
	font-size: 38px;
	line-height: 1.12;
	font-weight: 750;
	letter-spacing: -1px;
}

.corp-2 .brand-assets-content p {
	max-width: 540px;
	margin: 10px 0 0 0;
	color: rgb(255 255 255 / .64);
	font-size: 14px;
	line-height: 1.75;
}

.corp-2 .brandfetch-button {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	margin-top: 28px;
	padding: 12px 13px 12px 18px;
	color: #fff;
	background: #3B82F6;
	border-radius: 11px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	transition: transform .25s ease,background .25s ease,box-shadow .25s ease;
}

.corp-2 .brandfetch-button:hover {
	color: #ffffff!important;
	background: #2563eb;
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgb(59 130 246 / .28);
	text-decoration: none;
}

.corp-2 .brand-button-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	background: rgb(255 255 255 / .16);
	border-radius: 7px;
	font-size: 15px;
}

.corp-2 .brand-assets-visual {
	position: relative;
	z-index: 2;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-left: 1px solid rgb(255 255 255 / .08);
	background: linear-gradient(145deg,rgb(59 130 246 / .08),rgb(16 185 129 / .04));
}

.corp-2 .brand-logo-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 110px;
	margin-bottom: 20px;
	color: #fff;
	background: linear-gradient(145deg,#3B82F6,#10B981);
	border-radius: 28px;
	font-size: 48px;
	font-weight: 900;
	box-shadow: 0 20px 50px rgb(59 130 246 / .2);
}

.corp-2 .brand-visual-text {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.corp-2 .brand-visual-text strong {
	font-size: 18px;
	font-weight: 700;
}

.corp-2 .brand-visual-text span {
	margin-top: 5px;
	color: rgb(255 255 255 / .45);
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.corp-2 .brand-guidelines-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	margin-top: 20px;
}

.corp-2 .guideline-card {
	position: relative;
	min-height: 300px;
	padding: 30px;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	overflow: hidden;
	transition: transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.corp-2 .guideline-card:hover {
	border-color: #dcdfe6;
}

.corp-2 .guideline-header {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 30px;
}

.corp-2 .guideline-number {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	color: #fff;
	background: #0B0F19;
	border-radius: 9px;
	font-size: 13px;
	font-weight: 900;
}

.corp-2 .guideline-header strong {
	margin: 0;
	color: #111318;
	font-size: 21px;
	font-weight: 750;
	letter-spacing: -.3px;
}

.corp-2 .color-list {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.corp-2 .color-item {
	display: flex;
	align-items: center;
	gap: 13px;
}

.corp-2 .color-preview {
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 72px;
	height: 58px;
	flex: 0 0 72px;
	padding: 7px;
	border-radius: 10px;
	overflow: hidden;
}

.corp-2 .color-preview span {
	position: relative;
	z-index: 2;
	color: rgb(255 255 255 / .8);
	font-family: monospace;
	font-size: 12px;
}

.corp-2 .color-preview.navy {
	background: #0B0F19;
}

.corp-2 .color-preview.emerald {
	background: #10B981;
}

.corp-2 .color-preview.blue {
	background: #3B82F6;
}

.corp-2 .color-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.corp-2 .color-info strong {
	color: #22242a;
	font-size: 12px;
	font-weight: 700;
}

.corp-2 .color-info span {
	color: #9a9ca5;
	font-size: 9px;
}

.corp-2 .typography-card {
	background: linear-gradient(145deg,#ffffff 0%,#f7faff 100%);
}

.corp-2 .type-preview {
	display: flex;
	align-items: center;
	gap: 20px;
}

.corp-2 .type-big {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 105px;
	height: 130px;
	flex: 0 0 105px;
	color: #fff;
	background: #3B82F6;
	border-radius: 18px;
	font-size: 52px;
	font-weight: 700;
	letter-spacing: -5px;
	box-shadow: 0 15px 35px rgb(59 130 246 / .2);
}

.corp-2 .type-details strong {
	display: block;
	margin-bottom: 10px;
	color: #15171c;
	font-size: 14px;
}

.corp-2 .type-details p {
	margin: 0;
	color: #7e818b;
	font-size: 11px;
	line-height: 1.7;
}

.corp-2 .type-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 17px;
}

.corp-2 .type-tags span {
	padding: 6px 9px;
	color: #2563eb;
	background: #eaf2ff;
	border-radius: 6px;
	font-size: 8px;
	font-weight: 700;
}

.corp-2 .restriction-card {
	background: linear-gradient(145deg,#ffffff 0%,#fbfbfc 100%);
}

.corp-2 .restriction-content {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 20px;
	background: #f8f8fa;
	border: 1px solid #eeeeF1;
	border-radius: 14px;
}

.corp-2 .restriction-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	color: #fff;
	background: #0B0F19;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 900;
}

.corp-2 .restriction-content p {
	margin: 0;
	color: #666974;
	font-size: 11px;
	line-height: 1.75;
}

.corp-2 .restriction-line {
	height: 1px;
	margin: 25px 0 15px;
	background: #ececef;
}

.corp-2 .restriction-note {
	color: #9a9ca5;
	font-size: 9px;
	font-weight: 700;
}

@media (max-width:1000px) {
	.corp-2 .brand-guidelines-grid {
		grid-template-columns: 1fr 1fr;
	}

	.corp-2 .restriction-card {
		grid-column: 1 / -1;
	}
}

@media (max-width:700px) {
	.corp-2 .brand-assets-card {
		flex-direction: column;
	}

	.corp-2 .brand-assets-content {
		width: 100%;
		padding: 35px 28px;
	}

	.corp-2 .brand-assets-content strong {
		font-size: 30px;
	}

	.corp-2 .brand-assets-visual {
		min-height: 230px;
		border-left: 0;
		border-bottom: 1px solid rgb(255 255 255 / .08);
		order: 1;
	}

	.corp-2 .brand-guidelines-grid {
		grid-template-columns: 1fr;
	}

	.corp-2 .restriction-card {
		grid-column: auto;
	}
}

@media (max-width:450px) {
	.corp-2 {
		padding: 25px 0;
	}

	.corp-header h2 {
		font-size: 24px;
	}

	.corp-2 .brand-assets-content {
		text-align: center;
		padding: 30px 22px;
		order: 2;
	}

	.corp-2 .brand-assets-content strong {
		font-size: 27px;
	}

	.corp-2 .guideline-card {
		padding: 25px;
	}

	.corp-2 .type-preview {
		align-items: flex-start;
		flex-direction: column;
	}

	.corp-2 .type-big {
		width: 100%;
		height: 100px;
		flex-basis: 100px;
	}
}

.corp-2.mtp-legal-section {
	position: relative;
	width: 100%;
	padding: 50px 20px;
	background: #35c581;
	overflow: hidden;
}

.corp-2.mtp-legal-section:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	background: url(https://storage.perfectcdn.com/966zjr/zbrjjumpu4dm1xk7.webp);
	background-size: contain;
	opacity: .15;
}

.corp-2 .mtp-legal-grid {
	position: relative;
	z-index: 2;
	max-width: 1180px;
	margin: 35px auto 0 auto;
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 20px;
}

.corp-2 .mtp-legal-card {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 22px;
	min-height: 200px;
	padding: 28px;
	text-decoration: none!important;
	background: #fff;
	border: 1px solid rgb(255 255 255 / .075);
	border-radius: 15px;
	overflow: hidden;
	transition: transform 0.3s ease,border-color 0.3s ease;
}

.corp-2 .mtp-legal-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 28px;
	right: 28px;
	height: 1px;
	background: linear-gradient(90deg,transparent,rgb(59 130 246 / .55),transparent);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.corp-2 .mtp-legal-card:hover {
	transform: translateY(-5px);
	border-color: rgb(59 130 246 / .35);
	box-shadow: 0 18px 45px rgb(0 0 0 / .25),0 0 35px rgb(59 130 246 / .06);
}

.corp-2 .mtp-legal-card:hover::before {
	opacity: 1;
}

.corp-2 .mtp-legal-icon {
	flex: 0 0 54px;
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	transition: transform 0.3s ease,box-shadow 0.3s ease;
}

.corp-2 .mtp-legal-card:hover .mtp-legal-icon {
	transform: scale(1.06);
}

.corp-2 .mtp-legal-icon svg {
	width: 27px;
	height: 27px;
}

.corp-2 .mtp-legal-icon.emerald {
	color: #10B981;
	background: rgb(16 185 129 / .11);
	border: 1px solid rgb(16 185 129 / .18);
	box-shadow: inset 0 0 20px rgb(16 185 129 / .035);
}

.corp-2 .mtp-legal-content {
	min-width: 0;
	flex: 1;
}

.corp-2 .mtp-legal-label {
	display: block;
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.5px;
	color: #9f9f9f;
}

.corp-2 .mtp-legal-content strong {
	margin: 0 0 10px;
	color: #171717;
	font-size: 19px;
	line-height: 1.35;
	font-weight: 650;
	transition: color 0.25s ease;
}

.corp-2 .mtp-legal-card:hover .mtp-legal-content strong {
	color: #34d399;
}

.corp-2 .mtp-legal-content p {
	margin: 0 0 20px;
	color: #656565;
	font-size: 13px;
	line-height: 1.65;
}

.corp-2 .mtp-legal-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 650;
	color: #3B82F6;
	transition: color 0.25s ease,gap 0.25s ease;
}

.corp-2 .mtp-legal-link span {
	font-size: 17px;
	line-height: 1;
	transition: transform 0.25s ease;
}

.corp-2 .mtp-legal-card:hover .mtp-legal-link {
	color: #60A5FA;
	gap: 11px;
}

.corp-2 .mtp-legal-card:hover .mtp-legal-link span {
	transform: translateX(3px);
}

.corp-2.corp-bg {
	background: #f3f8f2;
	position: relative;
	overflow: hidden;
}

.corp-2 .corp-bg-alt svg:nth-child(1) {
	position: absolute;
	left: 2%;
}

.corp-2 .corp-bg-alt svg:nth-child(2) {
	position: absolute;
	right: 2%;
}

@media (max-width:768px) {
	.corp-2 .mtp-legal-section {
		padding: 60px 16px;
	}

	.corp-2 .mtp-legal-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.corp-2 .mtp-legal-card {
		min-height: auto;
		padding: 23px;
	}
}

@media (max-width:480px) {
	.corp-2 .mtp-legal-section {
		padding: 50px 14px;
	}

	.corp-2 .mtp-legal-card {
		gap: 16px;
		padding: 20px;
		border-radius: 15px;
	}

	.corp-2 .mtp-legal-icon {
		flex-basis: 46px;
		width: 46px;
		height: 46px;
		border-radius: 12px;
	}

	.corp-2 .mtp-legal-icon svg {
		width: 23px;
		height: 23px;
	}

	.corp-2 .mtp-legal-content strong {
		font-size: 16px;
	}

	.corp-2 .mtp-legal-content p {
		font-size: 12px;
		margin-bottom: 16px;
	}
}

.corp-2 .mtp-contact-table {
	position: relative;
	z-index: 2;
	max-width: 1150px;
	margin: 35px auto 0 auto;
	overflow: hidden;
	border-radius: 15px;
	border: 1px solid #cdd6f2;
	background: #fff;
}

.corp-2 .mtp-contact-table-head {
	display: grid;
	grid-template-columns: 1.4fr 1fr 0.9fr;
	padding: 17px 28px;
	background: rgb(205 214 242 / .35);
	border-bottom: 1px solid #cdd6f2;
	color: #171717;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}

.corp-2 .mtp-contact-row {
	position: relative;
	display: grid;
	grid-template-columns: 1.4fr 1fr 0.9fr;
	align-items: center;
	min-height: 110px;
	padding: 20px 28px;
	border-bottom: 1px solid #cdd6f2;
	transition: background 0.25s ease,transform 0.25s ease;
}

.corp-2 .mtp-contact-row:last-child {
	border-bottom: none;
}

.corp-2 .mtp-contact-row:hover {
	background: rgb(205 214 242 / .15);
}

.corp-2 .mtp-contact-department {
	display: flex;
	align-items: center;
	gap: 17px;
}

.corp-2 .mtp-contact-icon {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 13px;
	border: 1px solid rgb(255 255 255 / .08);
}

.corp-2 .mtp-contact-icon svg {
	width: 24px;
	height: 24px;
}

.corp-2 .mtp-contact-icon.blue {
	color: #3B82F6;
	background: rgb(59 130 246 / .1);
	border-color: rgb(59 130 246 / .16);
}

.corp-2 .mtp-contact-icon.emerald {
	color: #10B981;
	background: rgb(16 185 129 / .1);
	border-color: rgb(16 185 129 / .16);
}

.corp-2 .mtp-contact-icon.purple {
	color: #633dfe;
	background: rgb(99 61 254 / .13);
	border-color: rgb(99 61 254 / .22);
}

.corp-2 .mtp-contact-category {
	display: block;
	margin-bottom: 5px;
	color: #9f9f9f;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1.4px;
}

.corp-2 .mtp-contact-department strong {
	margin: 0;
	color: #171717;
	font-size: 16px;
	font-weight: 700;
}

.corp-2 .mtp-contact-email a {
	display: inline-flex;
	color: #60A5FA;
	font-size: 14px;
	font-weight: 550;
	text-decoration: none;
	transition: color 0.2s ease;
}

.corp-2 .mtp-contact-email a:hover {
	color: #10B981;
}

.corp-2 .mtp-contact-sla {
	display: flex;
	align-items: center;
	gap: 9px;
	color: rgb(0 0 0 / .68);
	font-size: 13px;
	font-weight: 700;
}

.corp-2 .mtp-sla-dot {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: #10B981;
	box-shadow: 0 0 12px rgb(16 185 129 / .65);
}

.corp-2 .mtp-contact-sla.priority {
	gap: 10px;
}

.corp-2 .mtp-priority-badge {
	display: inline-flex;
	align-items: center;
	padding: 5px 9px;
	border-radius: 6px;
	color: #10B981;
	background: rgb(16 185 129 / .1);
	border: 1px solid rgb(16 185 129 / .18);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .6px;
	text-transform: uppercase;
}

@media (max-width:850px) {
	.corp-2 .mtp-enterprise-section {
		padding: 65px 16px;
	}

	.corp-2 .mtp-enterprise-header h2 {
		font-size: 30px;
	}

	.corp-2 .mtp-contact-table-head {
		display: none;
	}

	.corp-2 .mtp-contact-row {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
		padding: 24px;
		min-height: auto;
	}

	.corp-2 .mtp-contact-department {
		width: 100%;
	}

	.corp-2 .mtp-contact-email,.corp-2 .mtp-contact-sla {
		padding-left: 65px;
	}
}

@media (max-width:500px) {
	.corp-2 .mtp-enterprise-section {
		padding: 50px 14px;
	}

	.corp-2 .mtp-enterprise-header {
		margin-bottom: 30px;
	}

	.corp-2 .mtp-enterprise-header h2 {
		font-size: 26px;
	}

	.corp-2 .mtp-enterprise-header p {
		font-size: 14px;
	}

	.corp-2 .mtp-contact-row {
		padding: 20px;
	}

	.corp-2 .mtp-contact-icon {
		width: 44px;
		height: 44px;
		flex-basis: 44px;
	}

	.corp-2 .mtp-contact-email,.corp-2 .mtp-contact-sla {
		padding-left: 60px;
	}

	.corp-2 .mtp-contact-sla {
		flex-wrap: wrap;
	}
}

.mtp-security .mtp-security-card {
	position: relative;
	display: flex;
	padding: 36px;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	background: #fff;
	overflow: hidden;
	transition: transform 0.35s ease,box-shadow 0.35s ease,border-color 0.35s ease;
}

.mtp-security .mtp-security-card:hover {
	transform: translateY(-6px);
	border-color: rgb(16 185 129 / .35);
	box-shadow: 0 20px 50px rgb(16 185 129 / .08);
}

.mtp-security .mtp-card-icon {
	flex-shrink: 0;
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 24px;
	border-radius: 12px;
	font-size: 26px;
	line-height: 1;
	transition: transform 0.35s ease;
}

.mtp-security .mtp-security-card:hover .mtp-card-icon {
	transform: scale(1.08) rotate(-3deg);
}

.mtp-security .mtp-icon-security {
	background: rgb(16 185 129 / .1);
}

.mtp-security .mtp-icon-payment {
	background: rgb(59 130 246 / .1);
}

.mtp-security .mtp-icon-growth {
	background: rgb(14 165 233 / .1);
}

.mtp-security .mtp-icon-global {
	background: rgb(139 92 246 / .1);
}

.mtp-security .mtp-card-content {
	position: relative;
	z-index: 2;
}

.mtp-security .mtp-card-kicker {
	margin-bottom: 9px;
	color: #10b981;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.3px;
}

.mtp-security .mtp-card-content h3 {
	margin-bottom: 14px;
	color: #171717;
	font-size: 21px;
	font-weight: 750;
	line-height: 1.3;
}

.mtp-security .mtp-card-content p {
	margin-bottom: 10px;
	color: #7b7b7b;
	font-size: 14px;
	line-height: 1.75;
}

.mtp-security .mtp-card-content p:last-child {
	margin-bottom: 0;
}

.mtp-security .mtp-card-number {
	position: absolute;
	right: 28px;
	bottom: 20px;
	color: #f1f5f9;
	font-size: 58px;
	font-weight: 900;
	line-height: 1;
	z-index: 1;
	pointer-events: none;
	transition: color 0.35s ease;
}

.mtp-security .mtp-security-card:hover .mtp-card-number {
	color: rgb(16 185 129 / .07);
}

.mtp-security .mtp-security-footer {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.mtp-security .mtp-footer-line {
	flex: 1;
	height: 1px;
	background: #e4f6ed;
}

.mtp-security .mtp-footer-content {
	display: flex;
	align-items: center;
	padding: 0 25px;
	color: #94a3b8;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.mtp-security .mtp-status-dot {
	width: 8px;
	height: 8px;
	margin-right: 9px;
	border-radius: 50%;
	background: #10b981;
	box-shadow: 0 0 0 5px rgb(16 185 129 / .1);
}

@media (max-width:991px) {
	.mtp-security .mtp-security-section {
		padding: 75px 0;
	}

	.mtp-security .mtp-section-title {
		font-size: 38px;
	}
}

@media (max-width:767px) {
	.mtp-security .mtp-security-section {
		padding: 60px 0;
	}

	.mtp-security .mtp-section-title {
		font-size: 32px;
		letter-spacing: -1px;
	}

	.mtp-security .mtp-security-card {
		padding: 28px;
	}

	.mtp-security .mtp-card-icon {
		width: 52px;
		height: 52px;
		margin-right: 18px;
		font-size: 22px;
	}

	.mtp-security .mtp-card-content h3 {
		font-size: 19px;
	}

	.mtp-security .mtp-card-number {
		font-size: 48px;
		right: 18px;
		bottom: 15px;
	}

	.mtp-security .mtp-footer-line {
		display: none;
	}

	.mtp-security.mtp-security-footer {
		justify-content: center;
		text-align: center;
	}

	.mtp-security .mtp-footer-content {
		padding: 0;
		white-space: normal;
		justify-content: center;
	}
}

@media (max-width:480px) {
	.mtp-security .mtp-security-card {
		display: block;
	}

	.mtp-security .mtp-card-icon {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.mtp-trustpilot {
	width: 100%;
	max-width: 360px;
	padding: 22px 24px;
	border: 1px solid rgb(255 255 255 / .08);
	border-radius: 15px;
	background: linear-gradient(145deg,rgb(16 185 129 / .06),rgb(59 130 246 / .04));
	box-shadow: 0 10px 35px rgb(0 0 0 / .18);
	box-sizing: border-box;
}

.mtp-trustpilot-brand {
	display: flex;
	align-items: center;
	gap: 9px;
	color: #fff;
	letter-spacing: -.2px;
}

.mtp-trustpilot-brand img {
	margin-top: -7px;
	border-right: 1px solid #fff;
	padding-right: 10px;
}

.mtp-trustpilot-brand .trust {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 0;
	gap: 0;
	font-weight: 400;
}

.mtp-trustpilot-brand .trust span {
	font-size: 12px!important;
}

.mtp-trustpilot-brand .trust .stars {
	margin-top: -3px;
}

.mtp-trustpilot-brand .trust .stars i {
	font-size: 12px;
	color: #10b981;
}

.mtp-trustpilot-button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 17px;
	padding: 11px 16px;
	border: 1px solid rgb(255 255 255 / .75);
	border-radius: 8px;
	background: rgb(16 185 129 / .08);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background 0.2s ease,border-color 0.2s ease,color 0.2s ease,transform 0.2s ease;
}

.mtp-trustpilot-button:hover {
	background: #10b981;
	border-color: #10b981;
	color: #fff;
	transform: translateY(-1px);
	text-decoration: none;
}

.mtp-trustpilot-arrow {
	font-size: 15px;
	transition: transform 0.2s ease;
}

.mtp-trustpilot-button:hover .mtp-trustpilot-arrow {
	transform: translateX(3px);
}

@media (max-width:575px) {
	.mtp-trustpilot {
		max-width: 100%;
		padding: 20px;
	}
}

.mtp-dripfeed .growth-panel {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 25px 24px 22px;
	margin: 25px auto;
}

.mtp-dripfeed .growth-intro {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin-bottom: 22px;
}

.mtp-dripfeed .growth-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #f0faf6;
	border: 1px solid #dcefe7;
	color: #10a978;
	font-size: 16px;
}

.mtp-dripfeed .growth-title {
	font-size: 18px;
	font-weight: 700;
	color: #171717;
}

.mtp-dripfeed .growth-subtitle {
	font-size: 14px;
	color: #8992a3;
}

.mtp-dripfeed .growth-live {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: .68rem;
	color: #7b8492;
	white-space: nowrap;
}

.mtp-dripfeed .growth-live span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #10b981;
	box-shadow: 0 0 0 4px rgb(16 185 129 / .08);
	animation: growthLivePulse 2s ease-in-out infinite;
}

.mtp-dripfeed .growth-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

@media (max-width:680px) {
	.mtp-dripfeed .growth-grid {
		grid-template-columns: 1fr;
	}
}

.mtp-dripfeed .growth-card {
	position: relative;
	padding: 17px 17px 15px;
	border: 1px solid #e4e8ef;
	border-radius: 12px;
	background: #fff;
	transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.mtp-dripfeed .growth-card:hover {
	box-shadow: 0 10px 28px rgb(20 30 50 / .055);
}

.mtp-dripfeed .growth-card.danger:hover {
	border-color: rgb(220 53 69 / .18);
}

.mtp-dripfeed .growth-card.safe:hover {
	border-color: rgb(16 185 129 / .20);
}

.mtp-dripfeed .growth-card .gc-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}

.mtp-dripfeed .growth-card .gc-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: .82rem;
	font-weight: 700;
	color: #171717;
}

.mtp-dripfeed .growth-card .gc-label .sq {
	width: 8px;
	height: 8px;
	border-radius: 2px;
}

.mtp-dripfeed .growth-card.danger .sq {
	background: #dc3545;
}

.mtp-dripfeed .growth-card.safe .sq {
	background: #10b981;
}

.mtp-dripfeed .gc-badge {
	font-size: .65rem;
	font-weight: 650;
	padding: 4px 9px;
	border-radius: 999px;
}

.mtp-dripfeed .growth-card.danger .gc-badge {
	color: #dc3545;
	background: rgb(220 53 69 / .075);
}

.mtp-dripfeed .growth-card.safe .gc-badge {
	color: #0f9f6e;
	background: rgb(16 185 129 / .075);
}

.mtp-dripfeed .gc-chart-wrap {
	position: relative;
	height: 210px;
	border-radius: 9px;
	overflow: hidden;
	background: linear-gradient(180deg,rgb(248 250 253 / .65),rgb(255 255 255 / .8));
}

.mtp-dripfeed .gc-chart {
	width: 100%;
	height: 100%;
	display: block;
	overflow: visible;
}

.mtp-dripfeed .gc-chart>line {
	stroke: #edf1f6;
	stroke-width: 1;
	vector-effect: non-scaling-stroke;
}

.mtp-dripfeed .chart-area {
	fill: url(#dangerFill2);
	opacity: .9;
}

.mtp-dripfeed .growth-card.safe .chart-area {
	fill: url(#safeFill2);
}

.mtp-dripfeed .chart-line {
	fill: none;
	stroke: #ff4757;
	stroke-width: 2;
	stroke-linejoin: round;
	stroke-linecap: round;
	vector-effect: non-scaling-stroke;
	stroke-dasharray: 1200;
	stroke-dashoffset: 1200;
	animation: growthLineDraw 1.6s cubic-bezier(.22,.61,.36,1) forwards;
}

.mtp-dripfeed .growth-card.safe .chart-line {
	stroke: #10b981;
}

.mtp-dripfeed .chart-point {
	fill: #fff;
	stroke: #ff4757;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	animation: growthPointPulse 2.2s ease-in-out infinite;
}

.mtp-dripfeed .chart-step {
	fill: #fff;
	stroke: #10b981;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	transition: r .18s ease,fill .18s ease;
}

.mtp-dripfeed .chart-step:hover {
	r: 7;
	fill: #effdf7;
}

.mtp-dripfeed .final-point {
	animation: growthPointPulse 2.2s ease-in-out infinite;
}

.mtp-dripfeed .flag-line {
	stroke: #f59e0b;
	stroke-width: 1.2;
	stroke-dasharray: 3 3;
	vector-effect: non-scaling-stroke;
}

.mtp-dripfeed .flag-text {
	fill: #d99109;
	font-size: 11px;
	font-family: Inter,Arial,sans-serif;
	font-weight: 700;
}

.mtp-dripfeed .chart-hit {
	fill: #fff0;
	cursor: crosshair;
}

.mtp-dripfeed .chart-cursor {
	opacity: 0;
	stroke: #aeb8c7;
	stroke-width: 1;
	stroke-dasharray: 3 3;
	vector-effect: non-scaling-stroke;
	pointer-events: none;
}

.mtp-dripfeed .cursor-dot {
	opacity: 0;
	fill: #fff;
	stroke: #10b981;
	stroke-width: 2;
	pointer-events: none;
}

.mtp-dripfeed .chart-tooltip {
	position: absolute;
	z-index: 10;
	min-width: 145px;
	padding: 10px 11px;
	border-radius: 9px;
	background: rgb(20 26 37 / .96);
	color: #fff;
	pointer-events: none;
	opacity: 0;
	transform: translate(-50%,-100%) translateY(7px);
	transition: opacity .16s ease,transform .16s ease;
	box-shadow: 0 10px 25px rgb(15 23 42 / .16);
	backdrop-filter: blur(8px);
}

.mtp-dripfeed .chart-tooltip.show {
	opacity: 1;
	transform: translate(-50%,-100%) translateY(-8px);
}

.mtp-dripfeed .tooltip-time {
	color: #aeb8c7;
	font-size: .62rem;
	margin-bottom: 4px;
}

.mtp-dripfeed .tooltip-value {
	font-size: .85rem;
	line-height: 1.1;
}

.mtp-dripfeed .tooltip-value strong {
	font-weight: 700;
}

.mtp-dripfeed .tooltip-meta {
	margin-top: 5px;
	color: #aeb8c7;
	font-size: .59rem;
}

.mtp-dripfeed .gc-axis {
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
	color: #a0a8b5;
	font-size: .62rem;
}

.mtp-dripfeed .gc-foot {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin-top: 15px;
	padding-top: 13px;
	border-top: 1px solid #edf0f4;
}

.mtp-dripfeed .gc-foot>div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.mtp-dripfeed .foot-label {
	font-size: .62rem;
	color: #9aa3b1;
}

.mtp-dripfeed .gc-foot strong {
	color: #20242d;
	font-size: .73rem;
	font-weight: 650;
}

.mtp-dripfeed .danger-text {
	color: #dc3545!important;
}

.mtp-dripfeed .safe-text {
	color: #0f9f6e!important;
}

@keyframes growthLineDraw {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes growthPointPulse {
	0%,100% {
		filter: drop-shadow(0 0 0 #fff0);
	}

	50% {
		filter: drop-shadow(0 0 6px rgb(16 185 129 / .35));
	}
}

@keyframes growthLivePulse {
	0%,100% {
		box-shadow: 0 0 0 3px rgb(16 185 129 / .07);
	}

	50% {
		box-shadow: 0 0 0 5px rgb(16 185 129 / .14);
	}
}

@media (max-width:575.98px) {
	.mtp-dripfeed .growth-panel {
		padding: 20px 16px 17px;
	}

	.mtp-dripfeed .growth-intro {
		align-items: flex-start;
	}

	.mtp-dripfeed .growth-subtitle {
		max-width: 230px;
		line-height: 1.4;
	}

	.mtp-dripfeed .growth-card {
		padding: 15px;
	}

	.mtp-dripfeed .gc-chart-wrap {
		height: 185px;
	}

	.mtp-dripfeed .gc-foot {
		flex-direction: column;
		gap: 9px;
	}

	.mtp-dripfeed .chart-tooltip {
		min-width: 125px;
	}
}

.mtp-dripfeed .timeline-panel {
	position: relative;
	background: #fff;
	border: 1px solid #dce3f0;
	border-radius: 15px;
	overflow: hidden;
}

.mtp-dripfeed .tl-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	padding: 22px 24px 5px;
}

.mtp-dripfeed .tl-head .title {
	font-weight: 700;
	font-size: 18px;
	color: #171717;
}

.mtp-dripfeed .tl-head .title span {
	color: #8992a3;
	font-weight: 400;
	font-size: 14px;
	display: block;
}

.mtp-dripfeed .safe-pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #0f9f6e;
	font-size: .74rem;
	font-weight: 650;
	background: rgb(16 185 129 / .065);
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid rgb(16 185 129 / .17);
}

.mtp-dripfeed .safe-pill svg {
	width: 14px;
	height: 14px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mtp-dripfeed .tl-horizontal {
	padding: 38px 30px 32px;
}

.mtp-dripfeed .tl-track {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.mtp-dripfeed .tl-line {
	position: absolute;
	left: 10%;
	right: 10%;
	top: 15px;
	height: 2px;
	pointer-events: none;
}

.mtp-dripfeed .tl-line-bg,.mtp-dripfeed .tl-line-fill,.mtp-dripfeed .tl-line-glow {
	position: absolute;
	inset: 0;
	border-radius: 10px;
}

.mtp-dripfeed .tl-line-bg {
	background: #e2e7ef;
}

.mtp-dripfeed .tl-line-fill {
	background: linear-gradient(90deg,#10b981 0%,#18c993 45%,#10b981 100%);
	transform-origin: left center;
	animation: tlFillIn 1.1s cubic-bezier(.22,.61,.36,1) both;
}

.mtp-dripfeed .tl-line-glow {
	background: linear-gradient(90deg,transparent 0%,rgb(16 185 129 / .7) 50%,transparent 100%);
	opacity: .45;
	filter: blur(4px);
	animation: tlShimmer 3.2s ease-in-out infinite;
}

.mtp-dripfeed .tl-stop {
	position: relative;
	z-index: 2;
	width: 145px;
	text-align: center;
	transition: transform .25s ease;
}

.mtp-dripfeed .tl-stop:hover {
	transform: translateY(-4px);
}

.mtp-dripfeed .tl-node-wrap {
	width: 34px;
	height: 34px;
	margin: 0 auto 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mtp-dripfeed .tl-node {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #10b981;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 5px #fff,0 0 0 6px rgb(16 185 129 / .06),0 4px 14px rgb(16 185 129 / .18);
}

.mtp-dripfeed .tl-node .core {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #10b981;
	box-shadow: 0 0 0 3px rgb(16 185 129 / .10);
}

.mtp-dripfeed .check-icon {
	position: absolute;
	width: 13px;
	height: 13px;
	fill: none;
	stroke: #10b981;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0;
	transform: scale(.6);
	animation: tlCheck .45s .35s ease forwards;
}

.mtp-dripfeed .tl-time {
	font-size: .71rem;
	font-weight: 700;
	color: #747d8d;
	margin-bottom: 6px;
}

.mtp-dripfeed .tl-count {
	font-weight: 700;
	font-size: 1.12rem;
	letter-spacing: -.025em;
	color: #101828;
	margin-bottom: 10px;
}

.mtp-dripfeed .tl-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-height: 28px;
	font-size: .64rem;
	font-weight: 700;
	color: #7b8494;
	background: #fafbfd;
	border: 1px solid #e3e7ee;
	padding: 5px 8px;
	border-radius: 7px;
	line-height: 1.25;
	white-space: nowrap;
	transition: border-color .2s ease,background .2s ease,color .2s ease;
}

.mtp-dripfeed .tl-stop:hover .tl-badge {
	background: #f7fffb;
	border-color: rgb(16 185 129 / .2);
	color: #5e756b;
}

.mtp-dripfeed .tl-badge svg {
	width: 12px;
	height: 12px;
	flex: 0 0 auto;
	fill: none;
	stroke: #0f9f6e;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mtp-dripfeed .tl-badge.success {
	color: #0f9f6e;
	background: rgb(16 185 129 / .055);
	border-color: rgb(16 185 129 / .16);
}

.mtp-dripfeed .tl-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 18px;
	padding: 17px 24px;
	border-top: 1px solid #e4e8ef;
	background: #fafbfd;
}

.mtp-dripfeed .tl-total {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mtp-dripfeed .tl-total-icon {
	width: 31px;
	height: 31px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(16 185 129 / .08);
	border: 1px solid rgb(16 185 129 / .13);
}

.mtp-dripfeed .tl-total-icon svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: #10b981;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mtp-dripfeed .tl-total>div:last-child {
	display: flex;
	align-items: baseline;
	gap: 6px;
}

.mtp-dripfeed .tl-summary .lbl {
	color: #8a93a2;
	font-size: .76rem;
	font-weight: 700;
}

.mtp-dripfeed .tl-summary .total-num {
	font-size: .91rem;
	font-weight: 700;
	color: #111827;
}

.mtp-dripfeed .quality-text {
	color: #8a93a2;
	font-size: .73rem;
}

.mtp-dripfeed .tl-system {
	display: flex;
	align-items: center;
	gap: 7px;
}

.mtp-dripfeed .system-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #10b981;
	box-shadow: 0 0 0 3px rgb(16 185 129 / .10);
	animation: tlDotPulse 2.2s ease-in-out infinite;
}

.mtp-dripfeed .tl-summary .mono {
	font-size: .64rem;
	letter-spacing: .045em;
	color: #737d8c;
}

@keyframes tlFillIn {
	from {
		transform: scaleX(0);
	}

	to {
		transform: scaleX(1);
	}
}

@keyframes tlShimmer {
	0%,100% {
		transform: translateX(-20%);
		opacity: .15;
	}

	50% {
		transform: translateX(20%);
		opacity: .55;
	}
}

@keyframes tlCheck {
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes tlDotPulse {
	0%,100% {
		box-shadow: 0 0 0 3px rgb(16 185 129 / .08);
	}

	50% {
		box-shadow: 0 0 0 5px rgb(16 185 129 / .14);
	}
}

@media (max-width:991.98px) {
	.mtp-dripfeed .tl-horizontal {
		padding: 30px 24px 25px;
	}

	.mtp-dripfeed .tl-track {
		display: block;
	}

	.mtp-dripfeed .tl-line {
		display: none;
	}

	.mtp-dripfeed .tl-stop {
		width: 100%;
		min-height: 92px;
		display: grid;
		grid-template-columns: 34px 1fr;
		column-gap: 16px;
		text-align: left;
		transform: none!important;
	}

	.mtp-dripfeed .tl-stop:not(:last-child)::before {
		content: "";
		position: absolute;
		left: 16px;
		top: 31px;
		bottom: -1px;
		width: 2px;
		background: linear-gradient(180deg,#10b981,#dfe5ed);
	}

	.mtp-dripfeed .tl-node-wrap {
		position: relative;
		z-index: 3;
		margin: 0;
	}

	.mtp-dripfeed .tl-content {
		padding-top: 0;
	}

	.mtp-dripfeed .tl-time {
		margin-bottom: 3px;
	}

	.mtp-dripfeed .tl-count {
		display: inline-block;
		margin-right: 8px;
		margin-bottom: 7px;
	}

	.mtp-dripfeed .tl-badge {
		vertical-align: middle;
	}

	.mtp-dripfeed .tl-summary {
		justify-content: center;
		text-align: center;
	}

	.mtp-dripfeed .tl-total>div:last-child {
		text-align: left;
	}
}

@media (max-width:575.98px) {
	.mtp-dripfeed .tl-head {
		padding: 19px 18px 5px;
	}

	.mtp-dripfeed .safe-pill {
		width: 100%;
		justify-content: center;
	}

	.mtp-dripfeed .tl-horizontal {
		padding: 28px 18px 20px;
	}

	.mtp-dripfeed .tl-stop {
		grid-template-columns: 32px 1fr;
		column-gap: 13px;
	}

	.mtp-dripfeed .tl-node-wrap {
		width: 32px;
	}

	.mtp-dripfeed .tl-stop:not(:last-child)::before {
		left: 15px;
	}

	.mtp-dripfeed .tl-summary {
		padding: 16px 18px;
	}

	.mtp-dripfeed .tl-system {
		width: 100%;
		justify-content: center;
	}
}

.mtp-tier p .chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-weight: 700;
	color: #171717;
	background: rgb(255 255 255 / .04);
	border: 1px solid #cdd6f2;
	padding: 1px 9px 2px;
	border-radius: 999px;
	font-size: .92rem;
}

.mtp-tier .tier-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 15px;
	margin-top: 35px;
}

@media (max-width:900px) {
	.mtp-tier .tier-grid {
		grid-template-columns: 1fr;
		max-width: 560px;
		margin: 15px auto;
	}
}

.mtp-tier .tier-card {
	position: relative;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 30px 15px 15px;
	overflow: hidden;
	transition: transform 0.2s ease,border-color 0.2s ease;
}

.mtp-tier .tier-card .orb {
	position: absolute;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	filter: blur(60px);
	top: -70px;
	right: -70px;
	opacity: .18;
	pointer-events: none;
}

.mtp-tier .tier-card.yellow .orb {
	background: #F5C544;
	opacity: .1;
}

.mtp-tier .tier-card.green .orb {
	background: #16c60c;
	opacity: .1;
}

.mtp-tier .tier-card.blue .orb {
	background: #0078d7;
	opacity: .1;
}

.mtp-tier .tier-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 22px;
	position: relative;
	z-index: 1;
}

.mtp-tier .tier-icon {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	border: 1px solid;
}

.mtp-tier .tier-card.yellow .tier-icon {
	background: rgb(245 197 68 / .15);
	border-color: rgb(245 197 68 / .3);
}

.mtp-tier .tier-card.green .tier-icon {
	background: rgb(47 230 160 / .15);
	border-color: rgb(47 230 160 / .3);
}

.mtp-tier .tier-card.blue .tier-icon {
	background: rgb(79 168 255 / .15);
	border-color: rgb(79 168 255 / .35);
}

.mtp-tier .tier-label {
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	padding: 5px 11px;
	border-radius: 999px;
}

.mtp-tier .tier-card.yellow .tier-label {
	color: #fff;
	background: #F5C544;
}

.mtp-tier .tier-card.green .tier-label {
	color: #fff;
	background: #16c60c;
}

.mtp-tier .tier-card.blue .tier-label {
	color: #fff;
	background: #0078d7;
}

.mtp-tier .tier-card h3 {
	font-weight: 700;
	font-size: 1.28rem;
	color: #171717;
	line-height: 1.3;
	margin-bottom: 6px;
	position: relative;
	z-index: 1;
}

.mtp-tier .tier-card .tier-sub {
	font-size: .86rem;
	color: #7b7b7b;
	margin-bottom: 18px;
	position: relative;
	z-index: 1;
}

.mtp-tier .tier-card.yellow .tier-sub {
	color: #C9A94E;
}

.mtp-tier .tier-card.green .tier-sub {
	color: #16c60c;
}

.mtp-tier .tier-card.blue .tier-sub {
	color: #0078d7;
}

.mtp-tier .tier-card .tier-body {
	font-size: .93rem;
	line-height: 1.68;
	color: #7b7b7b;
	margin-bottom: 22px;
	position: relative;
	z-index: 1;
	min-height: 200px;
}

.mtp-tier .btn-primary,.mtp-tier .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 700;
	padding: 10px;
	text-transform: uppercase;
	border-radius: 12px;
}

.mtp-tier .btn-primary .svg {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(38 104 73 / .2);
	border-radius: 100%;
}

.mtp-tier .tier-card.yellow .btn-primary,.mtp-tier .tier-card.yellow .btn-primary:focus {
	background: #F5C544;
}

.mtp-tier .tier-card.green .btn-primary,.mtp-tier .tier-card.green .btn-primary:focus {
	background: #16c60c;
}

.mtp-tier .tier-card.blue .btn-primary,.mtp-tier .tier-card.blue .btn-primary:focus {
	background: #0078d7;
}

@media (max-width:991.98px) {
	footer .footer-payments {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		margin: 0;
		gap: 15px;
		width: 100%;
	}

	footer .footer-payments .item img {
		max-height: 40px;
	}
}

.card#benchmark {
	background: #f5f5f5;
	margin-top: 35px;
	border-radius: 15px;
	border-color: #e2e6ea;
}

#benchmark #dropdown {
	padding-left: 0;
	border: 1px solid #eaeaea;
}

#benchmark #dropdown .badge {
	background: #eaeaea!important;
	color: #696969!important;
	font-weight: 400;
}

#benchmark #dropdown .text-muted {
	font-size: 14px;
}

#benchmark #dropdown li {
	border-bottom: 1px solid #eaeaea;
}

#benchmark #dropdown li:hover {
	background: #f1f1f1;
}

#benchmark #searchInput {
	background: #fff;
}

#benchmark #selectedArea .selected-alert {
	border: 1px solid #249a62;
	border-radius: 10px;
	font-size: 13px;
	background: #fff;
	color: #249a62;
	margin-bottom: 10px;
}

#benchmark #selectedArea .selected-alert button {
	background: #fff0;
	border: 0;
	color: #00f573;
	padding-left: 25px;
}

#benchmark #loadingIcon {
	position: absolute;
	top: 15px;
	left: 5px;
}

#benchmark #searchIcon {
	position: absolute;
	top: 15px;
	right: 15px;
}

#benchmark .h-4 {
	height: 1rem;
}

#benchmark .w-4 {
	width: 1rem;
}

#benchmark .animate-spin {
	animation: spin 1s linear infinite;
}

#benchmark .max-h-\[400px\] {
	max-height: 400px;
}

#benchmark .overflow-y-auto {
	overflow-y: auto;
}

#benchmark .rounded-2xl {
	border-radius: 1rem;
}

#benchmark .z-50 {
	z-index: 50;
}

#benchmark .left-0 {
	left: 0;
}

#benchmark .right-0 {
	right: 0;
}

#benchmark.service-status-table-wrapper {
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #eef0f2;
}

#benchmark .service-time-wrapper {
	display: flex;
	align-items: center;
	gap: 7px;
}

#benchmark .service-trend {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}

#benchmark .trend-faster {
	color: #10b981;
}

#benchmark .trend-slower {
	color: #ef4444;
}

#benchmark .service-status-table {
	width: 100%;
	margin: 0;
}

#benchmark .service-status-table thead th {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #6b7280;
	border-top: 0;
	border-bottom: 1px solid #e5e7eb;
	padding: 14px 16px;
	white-space: nowrap;
	background: #fff;
}

#benchmark .service-status-table tbody td {
	padding: 15px 16px;
	vertical-align: middle;
	border-top: 1px solid #f0f1f3;
}

#benchmark .service-status-table tbody tr:nth-child(even) {
	background: #fafafa;
}

#benchmark .service-name {
	font-size: 13px;
	font-weight: 700;
	color: #111827;
	line-height: 1.4;
}

#benchmark .service-id {
	font-size: 12px;
	color: #9ca3af;
	margin-top: 3px;
}

#benchmark .service-time {
	font-size: 13px;
	font-weight: 700;
	color: #374151;
	white-space: nowrap;
}

#benchmark .system-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 5px 9px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
	width: 100%;
}

#benchmark .system-status-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	flex-shrink: 0;
}

#benchmark .status-fast {
	background: rgb(16 185 129 / .10);
	color: #059669;
}

#benchmark .status-fast .system-status-dot {
	background: #10b981;
}

#benchmark .status-normal {
	background: rgb(59 130 246 / .10);
	color: #2563eb;
}

#benchmark .status-normal .system-status-dot {
	background: #3b82f6;
}

#benchmark .status-busy {
	background: rgb(245 158 11 / .10);
	color: #d97706;
}

#benchmark .status-busy .system-status-dot {
	background: #f59e0b;
}

#benchmark .status-heavy {
	background: rgb(239 68 68 / .10);
	color: #dc2626;
}

#benchmark .status-heavy .system-status-dot {
	background: #ef4444;
}

#benchmark .service-skeleton {
	height: 14px;
	border-radius: 5px;
	background: linear-gradient(90deg,#f1f3f5 25%,#e5e7eb 50%,#f1f3f5 75%);
	background-size: 200% 100%;
	animation: serviceSkeleton 1.2s infinite;
}

#benchmark .skeleton-name {
	width: 190px;
}

#benchmark .skeleton-time {
	width: 90px;
}

#benchmark .skeleton-status {
	width: 85px;
}

@keyframes serviceSkeleton {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

.service-status-filter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e2e6ea;
	border-radius: 15px;
	margin: 15px 0;
}

.service-status-filter strong {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #171a1f;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -.1px;
}

.service-status-filter strong:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #10b981;
	box-shadow: 0 0 0 3px rgb(16 185 129 / .10);
}

.service-status-filter .lsb-toggle {
	display: inline-flex;
	align-items: center;
	padding: 3px;
	gap: 2px;
	background: #f3f5f7;
	border: 1px solid #e5e8eb;
	border-radius: 8px;
}

.service-status-filter .lsb-toggle .btn {
	position: relative;
	min-width: 82px;
	height: 32px;
	padding: 0 13px;
	border: 0!important;
	border-radius: 6px!important;
	background: #fff0;
	color: #6b7280!important;
	font-size: 12px;
	font-weight: 650;
	line-height: 32px;
	box-shadow: none!important;
	outline: none!important;
	transition: color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}

.service-status-filter .lsb-toggle .btn:hover {
	color: #171a1f;
}

.service-status-filter .lsb-toggle .btn.active {
	background: #249a62;
	color: #fff!important;
	box-shadow: 0 1px 3px rgb(15 23 42 / .08)!important;
}

.service-status-filter .lsb-toggle .btn:active {
	transform: scale(.97);
}

.service-status-filter .price-data-time {
	margin-top: 5px;
	font-size: 12px;
	color: #7b8494;
	display: flex;
	align-items: center;
	gap: 6px;
}

.service-status-filter .price-data-time i {
	font-size: 11px;
}

@media(max-width:767.98px) {
	.service-status-filter {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

	.service-status-filter .lsb-toggle {
		width: 100%;
	}

	.service-status-filter .lsb-toggle .btn {
		flex: 1;
		min-width: 0;
	}
}

@media(max-width:420px) {
	.service-status-filter {
		padding: 13px;
	}

	.service-status-filter strong {
		font-size: 12px;
	}

	.service-status-filter .lsb-toggle .btn {
		font-size: 11px;
	}
}

@media(prefers-reduced-motion:reduce) {
	.service-status-filter .lsb-toggle .btn {
		transition: none;
	}
}

@media (max-width:768px) {
	#benchmark.service-status-table-wrapper {
		overflow-x: auto;
	}

	#benchmark .service-status-table {
		min-width: 650px;
	}
}

.story-6 .mtp-stats-band {
	background: #12181f;
	border-radius: 20px;
	padding: 40px 36px;
	margin: 35px 0 0 0;
	position: relative;
	overflow: hidden;
}

.story-6 .mtp-stats-band:before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: 70%;
	height: 30%;
	transform: translate(100%,60%) scale(1);
	transition: .14s ease;
	background: #28cb69;
	background: linear-gradient(120deg,#787878 0%,#00ff6626 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.story-6 .mtp-stat {
	text-align: center;
	padding: 6px 0;
}

.story-6 .mtp-stat-num {
	font-size: 40px;
	font-weight: 900;
	color: #fff;
	line-height: 1.05;
}

.story-6 .mtp-stat-num span {
	color: #34d399;
}

.story-6 .mtp-stat-label {
	font-size: 13.5px;
	color: #9aa7a0;
	margin-top: 6px;
}

.story-6 .mtp-principle-strip {
	display: flex;
	align-items: center;
	gap: 18px;
	background: #eafcf1;
	border-radius: 16px;
	padding: 18px 28px;
	max-width: 800px;
	margin: -15px auto 0 auto;
	position: relative;
}

.story-6 .mtp-principle-strip i {
	font-size: 22px;
	color: #0e7c38;
	flex: 0 0 auto;
}

.story-6 .mtp-principle-strip p {
	margin: 0;
	color: #12181f;
	font-size: 15.5px;
	font-weight: 700;
	line-height: 1.5;
}

.story-6 .mtp-focus-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
}

.story-6 .mtp-focus-card {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 24px;
	border: 1px solid #e4f6ed;
	border-radius: 15px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.35s ease,box-shadow 0.35s ease,border-color 0.35s ease;
}

.story-6 .mtp-focus-card:hover {
	transform: translateY(-6px);
	border-color: rgb(16 185 129 / .35);
	box-shadow: 0 20px 50px rgb(16 185 129 / .08);
}

.story-6 .mtp-focus-card .mtp-focus-ico {
	background: #eafcf1;
	color: #0e7c38;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 24px;
	border-radius: 12px;
	margin-bottom: 15px;
	font-size: 26px;
	line-height: 1;
	transition: transform 0.35s ease;
}

.story-6 .mtp-focus-card:hover .mtp-focus-ico {
	transform: scale(1.08) rotate(-3deg);
}

.story-6 .mtp-focus-title {
	font-size: 18px;
	font-weight: 700;
	color: #171717;
	margin-bottom: 3px;
}

.story-6 .mtp-focus-desc {
	color: #7b7b7b;
	font-size: 14px;
	line-height: 1.7;
}

@media (max-width:991.98px) {
	.story-6 .mtp-focus-grid {
		grid-template-columns: repeat(1,1fr);
		gap: 10px;
	}
}

.story-2 .gp-currencies {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.story-2 .gp-currency {
	font-size: 12.5px;
	font-weight: 700;
	color: #0b6e6e;
	background: #e4f1f1;
	border-radius: 3px;
	padding: 5px 10px;
	letter-spacing: .02em;
	margin-top: 15px;
}

.story-2 .gp-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 15px;
	margin-top: 35px;
}

.story-2 .gp-box {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 24px;
	border: 1px solid #e4f6ed;
	border-radius: 15px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.35s ease,box-shadow 0.35s ease,border-color 0.35s ease;
}

.story-2 .gp-box:hover {
	transform: translateY(-6px);
	border-color: rgb(16 185 129 / .35);
	box-shadow: 0 20px 50px rgb(16 185 129 / .08);
}

.story-2 .gp-box .gp-flag {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin-right: 24px;
	margin-bottom: 15px;
	transition: transform 0.35s ease;
}

.story-2 .gp-box:hover .gp-flag {
	transform: scale(1.08) rotate(-3deg);
}

.story-2 .gp-box-top-text strong {
	font-weight: 700;
	font-size: 18px;
	margin: 0 0 1px;
	color: #171717;
}

.story-2 .gp-box p {
	margin: 15px 0;
	font-size: 14px;
	color: #7b7b7b;
	flex-grow: 1;
}

.story-2 .gp-reg {
	align-self: flex-start;
	display: inline-flex;
	align-items: baseline;
	gap: 7px;
	font-family: 'IBM Plex Mono',monospace;
	font-size: 12px;
	background: #f7f0de;
	color: #8a6b22;
	border: 1px solid #EAD9A8;
	border-radius: 20px;
	padding: 5px 12px;
}

@media (max-width:991.98px) {
	.story-2 .gp-grid {
		grid-template-columns: repeat(1,1fr);
		gap: 10px;
	}
}

.bench-2 {
	background-color: #f3f8f2;
	position: relative;
	overflow: hidden;
}

.bench-2 .bench-bg svg:nth-child(1) {
	position: absolute;
	left: 3%;
}

.bench-2 .bench-bg svg:nth-child(2) {
	position: absolute;
	right: 3%;
}

.bench-2 .mtp-benchmark-features {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
	padding: 50px 0;
}

.bench-2 .mtp-benchmark-feature {
	position: relative;
	padding: 28px 27px;
	border: 1px solid rgb(0 0 0 / .07);
	border-radius: 15px;
	background: #fff;
	transition: all .25s ease;
	overflow: hidden;
}

.bench-2 .mtp-benchmark-feature:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 35px rgb(0 0 0 / .07);
	border-color: rgb(0 0 0 / .11);
}

.bench-2 .mtp-benchmark-feature:after {
	content: "";
	position: absolute;
	width: 90px;
	height: 90px;
	right: -35px;
	top: -35px;
	border-radius: 50%;
	background: rgb(0 0 0 / .025);
}

.bench-2 .mtp-benchmark-feature-icon {
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #3be395;
	color: #fff;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
}

.bench-2 .mtp-benchmark-feature-label {
	display: block;
	margin-bottom: 7px;
	font-size: 11px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: #8a8f98;
}

.bench-2 .mtp-benchmark-feature h3 {
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 1.35;
	font-weight: 700;
	color: #16181d;
}

.bench-2 .mtp-benchmark-feature p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: #747982;
}

.bench-3 .mtp-benchmark-status-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 15px;
}

.bench-3 .mtp-benchmark-status {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 23px 22px;
	border-radius: 15px;
	border: 1px solid rgb(0 0 0 / .07);
	background: #fff;
	margin-top: 35px;
}

.bench-3 .mtp-benchmark-status-indicator {
	flex: 0 0 auto;
	width: 10px;
	height: 10px;
	margin-top: 6px;
	border-radius: 50%;
	background: #3be395;
	box-shadow: 0 0 0 5px rgb(0 0 0 / .05);
}

.bench-3 .mtp-benchmark-status-content strong {
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 750;
	letter-spacing: .5px;
	color: #17191d;
}

.bench-3 .mtp-benchmark-status-content p {
	margin: 0;
	font-size: 13px;
	line-height: 1.65;
	color: #7b8088;
}

.bench-4 .mtp-benchmark-why {
	position: relative;
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 50px;
	align-items: center;
	padding: 48px;
	margin-bottom: 75px;
	border-radius: 22px;
	background: #fafafa;
	border: 1px solid rgb(0 0 0 / .055);
	overflow: hidden;
}

.bench-4 .mtp-benchmark-why:before {
	content: "";
	position: absolute;
	width: 280px;
	height: 280px;
	right: -100px;
	bottom: -150px;
	border-radius: 50%;
	border: 1px solid rgb(0 0 0 / .06);
}

.bench-4 .mtp-benchmark-why:after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	right: -45px;
	bottom: -100px;
	border-radius: 50%;
	border: 1px solid rgb(0 0 0 / .045);
}

.bench-4 .mtp-benchmark-why-content {
	position: relative;
	z-index: 2;
}

.bench-4 .mtp-benchmark-why-content .eyebrow {
	display: inline-block;
	margin-bottom: 12px;
	font-size: 11px;
	font-weight: 750;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #898e97;
}

.bench-4 .mtp-benchmark-why-content strong {
	max-width: 600px;
	margin: 0 0 16px;
	font-size: 31px;
	line-height: 1.2;
	letter-spacing: -.7px;
	font-weight: 750;
	color: #14161a;
}

.bench-4 .mtp-benchmark-why-content>p {
	max-width: 600px;
	margin: 10px 0 27px;
	font-size: 14px;
	line-height: 1.8;
	color: #70757e;
}

.bench-4 .mtp-benchmark-points {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 19px 25px;
}

.bench-4 .mtp-benchmark-point {
	display: flex;
	gap: 11px;
}

.bench-4 .mtp-benchmark-point-number {
	flex: 0 0 auto;
	font-size: 10px;
	font-weight: 900;
	color: #969ba3;
	padding-top: 3px;
}

.bench-4 .mtp-benchmark-point strong {
	margin: 0 0 4px;
	font-size: 14px;
	font-weight: 700;
	color: #181a1e;
}

.bench-4 .mtp-benchmark-point p {
	margin: 0;
	font-size: 12px;
	line-height: 1.55;
	color: #80858d;
}

.bench-4 .mtp-benchmark-score-wrap {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
}

.bench-4 .mtp-benchmark-score-card {
	width: 100%;
	max-width: 330px;
	padding: 29px;
	border-radius: 18px;
	background: #fff;
	border: 1px solid rgb(0 0 0 / .07);
	box-shadow: 0 15px 45px rgb(0 0 0 / .055);
}

.bench-4 .mtp-score-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.bench-4 .mtp-score-label {
	font-size: 10px;
	font-weight: 750;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #8a8f98;
}

.bench-4 .mtp-score-live {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 9px;
	border-radius: 20px;
	background: #f3f4f5;
	color: #249a62;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .7px;
	text-transform: uppercase;
}

.bench-4 .mtp-score-live-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #202328;
}

.bench-4 .mtp-score-number {
	display: flex;
	align-items: baseline;
	gap: 5px;
	margin-bottom: 10px;
}

.bench-4 .mtp-score-number strong {
	font-size: 55px;
	line-height: 1;
	letter-spacing: -3px;
	font-weight: 900;
	background: linear-gradient(180deg,#3be395 30%,#2ca36c 130%);
	-webkit-background-clip: text;
	background-clip: text;
	color: #fff0;
}

.bench-4 .mtp-score-number span {
	font-size: 17px;
	font-weight: 700;
	color: #777c84;
}

.bench-4 .mtp-score-bar {
	width: 100%;
	height: 7px;
	margin-bottom: 24px;
	border-radius: 10px;
	background: #eceef0;
	overflow: hidden;
}

.bench-4 .mtp-score-bar span {
	display: block;
	width: 94%;
	height: 100%;
	border-radius: inherit;
	background: #3be395;
}

.bench-4 .mtp-score-rows {
	border-top: 1px solid #eceef0;
}

.bench-4 .mtp-score-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 0;
	border-bottom: 1px solid #eceef0;
}

.bench-4 .mtp-score-row:last-child {
	border-bottom: 0;
}

.bench-4 .mtp-score-row span {
	font-size: 12px;
	color: #7d828a;
}

.bench-4 .mtp-score-row strong {
	font-size: 12px;
	font-weight: 700;
	color: #3be395;
}

.bench-4 .mtp-score-footer {
	margin-top: 18px;
	font-size: 10px;
	color: #999ea5;
	text-align: center;
}

@media (max-width:991px) {
	.bench-2 .mtp-benchmark-features {
		grid-template-columns: 1fr;
	}

	.bench-3 .mtp-benchmark-status-grid {
		grid-template-columns: 1fr;
	}

	.bench-4 .mtp-benchmark-why {
		grid-template-columns: 1fr;
		gap: 35px;
		padding: 38px 30px;
	}

	.bench-4 .mtp-benchmark-score-wrap {
		justify-content: flex-start;
	}
}

@media (max-width:767px) {
	.bench-3 .mtp-benchmark-status-grid {
		gap: 5px;
	}

	.bench-2 .mtp-benchmark-features {
		gap: 12px;
		margin-bottom: 0;
	}

	.bench-2 .mtp-benchmark-feature {
		padding: 23px 21px;
	}

	.bench-3 .mtp-benchmark-status:nth-child(1) {
		margin-top: 15px;
	}

	.bench-3 .mtp-benchmark-status {
		padding: 19px;
		margin-top: 0;
	}

	.bench-4 .mtp-benchmark-why {
		padding: 30px 22px;
		border-radius: 18px;
		margin-bottom: 55px;
	}

	.bench-4 .mtp-benchmark-why-content strong {
		font-size: 25px;
	}

	.bench-4 .mtp-benchmark-points {
		grid-template-columns: 1fr;
		gap: 17px;
	}

	.bench-4 .mtp-benchmark-score-card {
		max-width: none;
	}

	.bench-4 .mtp-score-number strong {
		font-size: 48px;
	}
}

@media (max-width:400px) {
	.bench-2 .mtp-benchmark-feature h3 {
		font-size: 17px;
	}

	.bench-4 .mtp-benchmark-why-content strong {
		font-size: 23px;
	}

	.bench-4 .mtp-benchmark-score-card {
		padding: 24px 20px;
	}
}

#faqAccordion .card-header {
	background: var(--color-1);
	border-radius: 10px!important;
	border-bottom: none;
	padding: 8px 15px;
}

#faqAccordion .btn,#faqAccordion .btn:hover,#faqAccordion .btn:focus {
	color: #171717!important;
	padding: 10px 0!important;
	border-radius: 0!important;
}

#faqAccordion .card-body {
	color: #171717;
}

.dark #faqAccordion .btn,.dark #faqAccordion .btn:hover,.dark #faqAccordion .btn:focus {
	color: #fff!important;
}

.dark #faqAccordion .card-body {
	color: #fff;
}

.service-widget {
	display: flex;
	align-items: center;
	border-radius: 10px;
	border: 1px solid var(--color-8);
	position: relative;
	background: radial-gradient(circle at 12% 0%,rgb(0 245 146 / 11%),transparent 28%),radial-gradient(circle at 92% 12%,rgb(45 255 141 / 10%),transparent 26%),radial-gradient(circle at 78% 90%,rgb(53 249 8 / 8%),transparent 28%);
	padding: 15px;
	margin-bottom: 15px;
}

.service-widget .widget-content {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
}

.service-widget .widget-rank {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
}

.service-widget .widget-icon {
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	font-size: 24px;
	border-radius: 10px;
	padding: 5px;
	position: relative;
}

.service-widget .widget-rank-items {
	display: flex;
	align-items: center;
	gap: 15px;
}

.service-widget .widget-rank .see-details {
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	width: max-content;
	padding: 10px;
	border-radius: 10px;
	color: #fff;
	font-size: 12px;
}

.service-widget .widget-title {
	color: var(--color-3);
	font-weight: 700;
	padding-left: 10px;
}

@media (max-width:991.98px) {
	.service-widget {
		flex-direction: column;
		padding: 10px 0;
	}

	.service-widget .widget-content {
		flex-direction: column;
		gap: 5px;
		padding: 0;
		margin-top: 10px;
	}

	.service-widget .widget-rank {
		gap: 10px;
		flex-direction: column;
		margin-top: 10px;
	}
}

.mtp-monitoring .status-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin-bottom: 28px;
}

.mtp-monitoring .status-title-area {
	display: flex;
	align-items: center;
	gap: 15px;
}

.mtp-monitoring .status-icon {
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	font-size: 27px;
	background: linear-gradient(135deg,#f1f5f9,#e2e8f0);
	border: 1px solid #dbe1e8;
	color: #34d399;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .8);
}

.mtp-monitoring .status-title {
	font-size: 26px;
	font-weight: 700;
}

.mtp-monitoring .status-subtitle {
	margin-top: 5px;
	font-size: 13px;
	color: #7b7b7b;
}

.mtp-monitoring .live-info {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 13px;
	color: #7b7b7b;
	white-space: nowrap;
}

.mtp-monitoring .live-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #249a62;
	animation: pulse-dot 2.5s infinite;
}

@keyframes pulse-dot {
	0% {
		box-shadow: 0 0 0 0 rgb(16 185 129 / .45);
	}

	70% {
		box-shadow: 0 0 0 9px #fff0;
	}

	100% {
		box-shadow: 0 0 0 0 #fff0;
	}
}

.mtp-monitoring .operation-banner {
	--banner-color: #34d399;
	--banner-bg: rgba(16, 185, 129, 0.08);
	--banner-border: rgba(16, 185, 129, 0.22);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding: 17px 20px;
	border-radius: 12px;
	background: var(--banner-bg);
	border: 1px solid var(--banner-border);
	margin-bottom: 24px;
	transition: background-color .7s ease,border-color .7s ease,color .7s ease,box-shadow .7s ease;
}

.mtp-monitoring .operation-left {
	display: flex;
	align-items: center;
	gap: 11px;
	font-size: 14px;
	font-weight: 700;
	color: var(--banner-color);
	transition: color .7s ease;
}

.mtp-monitoring .operation-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--banner-color);
	box-shadow: 0 0 0 4px color-mix(in srgb,var(--banner-color) 14%,transparent);
	transition: background-color .7s ease,box-shadow .7s ease;
}

.mtp-monitoring .operation-uptime {
	color: var(--banner-color);
	font-size: 13px;
	font-weight: 700;
	transition: color .7s ease;
}

.mtp-monitoring .operation-banner.operational {
	--banner-color: #34d399;
	--banner-bg: rgba(16, 185, 129, 0.08);
	--banner-border: rgba(16, 185, 129, 0.22);
}

.mtp-monitoring .operation-banner.warning {
	--banner-color: #d97706;
	--banner-bg: rgba(245, 158, 11, 0.09);
	--banner-border: rgba(245, 158, 11, 0.28);
}

.mtp-monitoring .operation-banner.maintenance {
	--banner-color: #2563eb;
	--banner-bg: rgba(37, 99, 235, 0.08);
	--banner-border: rgba(37, 99, 235, 0.25);
}

.mtp-monitoring .operation-banner.alert {
	--banner-color: #dc2626;
	--banner-bg: rgba(239, 68, 68, 0.09);
	--banner-border: rgba(239, 68, 68, 0.28);
}

.mtp-monitoring .operation-uptime {
	font-size: 13px;
	font-weight: 700;
}

.mtp-monitoring .metrics-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 10px;
	margin-bottom: 15px;
}

.mtp-monitoring .metric-card {
	min-height: 165px;
	padding: 10px 15px;
	background: linear-gradient(180deg,#ffffff,#f8fafc);
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	transition: transform .35s ease,box-shadow .35s ease;
}

.mtp-monitoring .metric-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.mtp-monitoring .metric-label {
	font-size: 14px;
	color: #171717;
	font-weight: 700;
}

.mtp-monitoring .metric-value {
	margin-top: 13px;
	font-size: 28px;
	font-weight: 700;
	color: #171717;
	transition: color .45s ease,transform .45s ease;
}

.mtp-monitoring .metric-value.value-flash {
	transform: translateY(-1px);
}

.mtp-monitoring .metric-extra {
	font-size: 12px;
	color: #7b7b7b;
}

.mtp-monitoring .mini-chart {
	height: 45px;
	display: flex;
	align-items: flex-end;
	gap: 3px;
	margin-top: 17px;
	padding-top: 4px;
	overflow: hidden;
	position: relative;
}

.mtp-monitoring .chart-bar {
	flex: 1;
	min-width: 2px;
	min-height: 5px;
	height: 50%;
	border-radius: 4px 4px 0 0;
	background: linear-gradient(to top,#10b981,#6ee7b7);
	opacity: .80;
	transform: scaleY(1);
	transform-origin: bottom;
	transition: height .75s cubic-bezier(.22,1,.36,1),opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1);
}

.mtp-monitoring #latencyChart .chart-bar:nth-child(3n) {
	border-radius: 5px 5px 1px 1px;
}

.mtp-monitoring #latencyChart .chart-bar:nth-child(4n) {
	opacity: .65;
}

.mtp-monitoring #queueChart .chart-bar {
	background: linear-gradient(to top,#64748b,#cbd5e1);
}

.mtp-monitoring #queueChart .chart-bar:nth-child(2n) {
	opacity: .70;
}

.mtp-monitoring #queueChart .chart-bar:nth-child(5n) {
	border-radius: 2px 2px 0 0;
}

.mtp-monitoring #paymentChart .chart-bar {
	background: linear-gradient(to top,#94a3b8,#e2e8f0);
}

.mtp-monitoring #paymentChart .chart-bar:nth-child(3n) {
	opacity: .55;
}

.mtp-monitoring #paymentChart .chart-bar:nth-child(6n) {
	opacity: .78;
}

.mtp-monitoring .services-box {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px 15px 0 0;
	padding: 22px;
}

.mtp-monitoring .services-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.mtp-monitoring .services-title {
	font-size: 16px;
	font-weight: 900;
}

.mtp-monitoring .nodes-online {
	font-size: 12px;
	color: #34d399;
	font-weight: 700;
}

.mtp-monitoring .service-item {
	padding: 15px 0;
	border-bottom: 1px solid #f1f5f9;
}

.mtp-monitoring .service-item:last-child {
	border-bottom: none;
}

.mtp-monitoring .service-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
	margin-bottom: 10px;
}

.mtp-monitoring .service-name {
	font-size: 14px;
	color: #171717;
}

.mtp-monitoring .service-status {
	font-size: 12px;
	font-weight: 700;
	color: #059669;
	transition: color .6s ease,opacity .4s ease,transform .4s ease;
}

.mtp-monitoring .status-change {
	animation: statusChange .65s ease;
}

@keyframes statusChange {
	0% {
		opacity: .35;
		transform: translateY(-2px);
	}

	45% {
		opacity: 1;
		transform: translateY(1px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.mtp-monitoring .progress {
	height: 8px;
	background: #edf0f3;
	border-radius: 20px;
	overflow: hidden;
}

.mtp-monitoring .progress-fill {
	height: 100%;
	width: 80%;
	border-radius: 20px;
	background: linear-gradient(90deg,#059669,#34d399);
	transition: width 1.15s cubic-bezier(.22,1,.36,1),background .6s ease,box-shadow .6s ease;
}

.mtp-monitoring .progress-fill.operational {
	background: linear-gradient(90deg,#059669,#34d399);
}

.mtp-monitoring .progress-fill.elevated-load {
	background: linear-gradient(90deg,#d97706,#fbbf24);
}

.mtp-monitoring .progress-fill.degraded {
	background: linear-gradient(90deg,#c2410c,#f59e0b);
}

.mtp-monitoring .progress-fill.monitoring {
	background: linear-gradient(90deg,#d97706,#fbbf24);
}

.mtp-monitoring .progress-fill.partial-outage {
	background: linear-gradient(90deg,#dc2626,#f87171);
}

.mtp-monitoring .progress-fill.maintenance {
	background: linear-gradient(90deg,#2563eb,#60a5fa);
}

.mtp-monitoring .bars {
	display: grid;
	grid-template-columns: repeat(8,1fr);
	gap: 4px;
	height: 10px;
	margin-top: 50px;
}

.mtp-monitoring .bars div {
	background: #10b981;
}

@media (max-width:1100px) {
	.mtp-monitoring .metrics-grid {
		grid-template-columns: repeat(2,1fr);
	}
}

@media (max-width:700px) {
	.mtp-monitoring .status-wrapper {
		margin: 15px auto;
		padding: 10px;
	}

	.mtp-monitoring .status-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.mtp-monitoring .operation-banner {
		flex-direction: column;
		align-items: center;
		gap: 7px;
	}

	.mtp-monitoring .status-title {
		font-size: 18px;
	}

	.mtp-monitoring .status-icon {
		flex-shrink: 0;
		width: 34px;
		height: 34px;
		border-radius: 7px;
		font-size: 17px;
	}

	.mtp-monitoring .metrics-grid {
		grid-template-columns: 1fr;
	}

	.mtp-monitoring .service-top {
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}

	.mtp-monitoring .live-info {
		font-size: 11px;
		margin: auto;
	}
}

.mtp-performance-section {
	background: #f3f8f2;
	position: relative;
	overflow: hidden;
}

.mtp-performance-card {
	position: relative;
	overflow: hidden;
	padding: 50px 15px;
}

.mtp-performance-section .mtp-performance-bg svg:nth-child(1) {
	position: absolute;
	left: 5%;
}

.mtp-performance-section .mtp-performance-bg svg:nth-child(2) {
	position: absolute;
	right: 5%;
}

.mtp-performance-top {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-bottom: 27px;
	text-align: center;
}

.mtp-performance-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
}

.mtp-performance-highlight {
	display: flex;
	align-items: center;
	gap: 5px;
	text-transform: uppercase;
	background: #fff;
	width: max-content;
	border-radius: 30px;
	padding: 5px 15px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #35c581;
	border: 1px solid #dde5dc;
}

.mtp-performance-label {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-size: 24px;
	font-weight: 900;
	position: relative;
}

.mtp-performance-subtitle {
	color: #7b7b7b;
	font-size: 14px;
	line-height: 1.4;
}

.mtp-performance-stats {
	display: grid;
	grid-template-columns: repeat(6,minmax(0,1fr));
	width: 100%;
}

.mtp-performance-stat {
	position: relative;
	display: flex;
	align-items: center;
	gap: 15px;
	min-width: 0;
	padding: 8px 14px;
}

.mtp-performance-stat:not(:last-child):after {
	content: "";
	position: absolute;
	top: 8px;
	right: 0;
	width: 1px;
	height: calc(100% - 16px);
	background: #dde5dc;
}

.mtp-performance-icon {
	flex: 0 0 54px;
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
}

.mtp-performance-icon svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mtp-icon-blue {
	background: #fff;
	color: #3B82F6;
}

.mtp-icon-green {
	background: #fff;
	color: #10B981;
}

.mtp-icon-green2 {
	background: #fff;
	color: #00e701;
}

.mtp-icon-purple {
	background: #fff;
	color: #7C5CFC;
}

.mtp-icon-orange {
	background: #fff;
	color: #f97316;
}

.mtp-icon-red {
	background: #fff;
	color: red;
}

.mtp-performance-stat-content {
	min-width: 0;
}

.mtp-performance-stat-content strong {
	display: block;
	margin-bottom: 3px;
	color: #171717;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.25;
	white-space: nowrap;
}

.mtp-performance-stat-content span {
	display: block;
	margin-bottom: 4px;
	color: #536078;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.35;
}

.mtp-performance-stat-content small {
	display: block;
	color: #9aa4b1;
	font-size: 11px;
	font-weight: 700;
}

.mtp-performance-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 25px auto 0 auto;
}

@media (max-width:1199px) {
	.mtp-performance-stats {
		grid-template-columns: repeat(3,1fr);
		row-gap: 25px;
	}

	.mtp-performance-stat {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 8px 20px;
	}

	.mtp-performance-stat:nth-child(3):after {
		display: none;
	}

	.mtp-performance-stat:nth-child(6):after {
		display: none;
	}
}

@media (max-width:767px) {
	.mtp-performance-card {
		margin-top: 0;
		padding: 25px 0;
	}

	.mtp-performance-top {
		flex-direction: column;
		align-items: center;
		margin-bottom: 25px;
	}

	.mtp-performance-subtitle {
		font-size: 14px;
	}

	.mtp-performance-stats {
		grid-template-columns: repeat(2,1fr);
		gap: 0;
		border: 1px solid #dde5dc;
		border-radius: 12px;
		overflow: hidden;
	}

	.mtp-performance-stat {
		padding: 18px 5px;
		gap: 7px;
		border-bottom: 1px solid #dde5dc;
	}

	.mtp-performance-stat:nth-child(5),.mtp-performance-stat:nth-child(6) {
		border-bottom: none;
	}

	.mtp-performance-stat:not(:last-child):after {
		display: none;
	}

	.mtp-performance-stat:nth-child(odd) {
		border-right: 1px solid #dde5dc;
	}

	.mtp-performance-icon {
		flex: 0 0 38px;
		width: 38px;
		height: 38px;
		border-radius: 7px;
		margin-bottom: 7px;
	}

	.mtp-performance-icon svg {
		width: 24px;
		height: 24px;
	}

	.mtp-performance-stat-content strong {
		font-size: 15px;
	}

	.mtp-performance-stat-content span {
		font-size: 12px;
	}

	.mtp-performance-stat-content small {
		font-size: 10px;
	}
}

.mtp-pricing-section .mtp-price-card {
	overflow: hidden;
	position: relative;
}

.mtp-pricing-section .mtp-price-benefits {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px 28px;
	padding: 0 20px 45px;
}

.mtp-pricing-section .mtp-benefit {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #9aa2b1;
	font-size: 13px;
	margin-top: 25px;
}

.mtp-pricing-section .mtp-benefit svg {
	color: #3be395;
	font-size: 12px;
}

.mtp-pricing-section .mtp-comparison-head {
	display: grid;
	grid-template-columns: minmax(230px,1.7fr) minmax(120px,1fr) minmax(120px,1fr) minmax(150px,1.2fr);
	align-items: stretch;
	border: 1px solid #cdd6f2;
	border-bottom: none;
	border-radius: 15px 15px 0 0;
	overflow: hidden;
}

.mtp-pricing-section .mtp-head-service,.mtp-pricing-section .mtp-head-average,.mtp-pricing-section .mtp-head-saving {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 10px;
	font-size: 13px;
	font-weight: 700;
	color: #586276;
	background: rgb(233 239 251 / .3);
}

.mtp-pricing-section .mtp-head-average {
	border-right: 1px solid #cdd6f2;
	border-bottom: 1px solid #cdd6f2;
}

.mtp-pricing-section .mtp-head-saving {
	border-bottom: 1px solid #cdd6f2;
}

.mtp-pricing-section .mtp-head-service {
	justify-content: flex-start;
	padding-left: 28px;
	border-bottom: 1px solid #cdd6f2;
}

.mtp-pricing-section .mtp-head-panel {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 15px 10px;
	color: #fff;
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
}

.mtp-pricing-section .mtp-head-panel strong {
	font-size: 14px;
	font-weight: 700;
}

.mtp-pricing-section .mtp-head-panel span {
	margin-top: 3px;
	font-size: 10px;
	font-weight: 700;
	opacity: .8;
}

.mtp-pricing-section .mtp-head-average span,.mtp-pricing-section .mtp-head-saving span {
	margin-left: 5px;
	font-size: 8px;
	font-weight: 700;
	color: #a0a7b5;
}

.mtp-pricing-section .mtp-service-row {
	display: grid;
	grid-template-columns: minmax(230px,1.7fr) minmax(120px,1fr) minmax(120px,1fr) minmax(150px,1.2fr);
	align-items: center;
	min-height: 78px;
	border: 1px solid #f0f1f3;
	border-top: none;
	background: rgb(255 255 255 / .85);
	transition: background .25s ease,transform .25s ease;
}

.mtp-pricing-section .mtp-service-row:nth-child(odd) {
	background: #fafafa;
}

.mtp-pricing-section .mtp-service-info {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 15px 10px;
}

.mtp-pricing-section .mtp-service-icon {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 30px;
	border-radius: 7px;
	background: rgb(233 239 251 / .3);
	font-size: 15px;
}

.mtp-pricing-section .mtp-service-icon.instagram {
	background: linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45);
	color: #fff;
}

.mtp-pricing-section .mtp-service-icon.tiktok {
	background: #000;
	color: #fff;
	text-shadow: 1px 1px #f72e4dfc,-1px -1px #09f3f3;
}

.mtp-pricing-section .mtp-service-icon.youtube {
	background: red;
	color: #fff;
}

.mtp-pricing-section .mtp-service-icon.twitter {
	background: #000;
	color: #fff;
}

.mtp-pricing-section .mtp-service-details {
	min-width: 0;
}

.mtp-pricing-section .mtp-service-name {
	display: block;
	color: #171717;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mtp-pricing-section .mtp-service-meta {
	display: block;
	margin-top: 4px;
	color: #9aa2b1;
	font-size: 12px;
	font-weight: 400;
}

.mtp-pricing-section .mtp-price-cell {
	min-height: 78px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px;
	text-align: center;
	border-right: 1px solid #f0f1f3;
}

.mtp-pricing-section .mtp-price-panel {
	background: linear-gradient(180deg,rgb(137 86 251 / .07),rgb(137 86 251 / .03));
	border-left: 1px solid #f0f1f3;
}

.mtp-pricing-section .mtp-price-value {
	font-size: 20px;
	font-weight: 900;
	color: #283247;
}

.mtp-pricing-section .mtp-price-panel .mtp-price-value {
	color: #6243d5;
}

.mtp-pricing-section .mtp-price-unit {
	margin-top: 5px;
	color: #6243d5;
	font-size: 10px;
	font-weight: 400;
	background: rgb(98 67 213 / .15);
	border-radius: 10px;
	padding: 0 5px;
}

.mtp-pricing-section .mtp-price-cell:nth-child(2) .mtp-price-unit {
	color: #586276;
	background: #f1f4f9;
}

.mtp-pricing-section .mtp-saving-cell {
	min-height: 78px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px;
	text-align: center;
}

.mtp-pricing-section .mtp-saving-value {
	color: #16835d;
	font-size: 13px;
	font-weight: 900;
}

.mtp-pricing-section .mtp-saving-text {
	margin-top: 5px;
	color: #9aa2b1;
	font-size: 10px;
}

.mtp-pricing-section .mtp-saving-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 7px;
	padding: 3px 7px;
	border-radius: 5px;
	background: #eaf9f2;
	color: #239b6a;
	font-size: 10px;
	font-weight: 700;
}

.mtp-pricing-section .mtp-comparison-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 7px;
	padding: 16px 22px;
	border-radius: 0 0 15px 15px;
	background: rgb(233 239 251 / .3);
	border: 1px solid #cdd6f2;
}

.mtp-pricing-section .mtp-update-info {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mtp-pricing-section .mtp-update-icon {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 50%;
	background: rgb(36 154 98 / .15);
	color: #249a62;
	font-size: 18px;
}

.mtp-pricing-section .mtp-update-title {
	display: block;
	color: #171717;
	font-size: 13px;
}

.mtp-pricing-section .mtp-update-text {
	display: block;
	margin-top: 3px;
	color: #a0a7b4;
	font-size: 10px;
}

.mtp-pricing-section .mtp-full-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-width: 200px;
	padding: 10px 20px;
	border: none;
	border-radius: 7px;
	color: #ffffff!important;
	background: #3be395;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none!important;
	transition: transform .2s ease,box-shadow .2s ease;
}

.mtp-pricing-section .mtp-full-btn:hover {
	transform: translateY(-2px);
	color: #ffffff!important;
}

.mtp-pricing-section .mtp-service-row:last-of-type {
	border-radius: 0 0 15px 15px;
}

@media (max-width:991px) {
	.mtp-pricing-section .mtp-comparison-head,.mtp-pricing-section .mtp-service-row {
		grid-template-columns: minmax(210px,1.5fr) minmax(100px,.9fr) minmax(100px,.9fr) minmax(130px,1fr);
	}
}

@media (max-width:767px) {
	.mtp-pricing-section .mtp-pricing-section {
		padding: 50px 10px;
	}

	.mtp-pricing-section .mtp-price-card {
		border-radius: 15px;
	}

	.mtp-pricing-section .mtp-price-header {
		padding: 28px 18px 20px;
	}

	.mtp-pricing-section .mtp-price-benefits {
		justify-content: flex-start;
		padding: 0 20px 22px;
		gap: 10px 18px;
	}

	.mtp-pricing-section .mtp-benefit {
		font-size: 10px;
	}

	.mtp-pricing-section .mtp-comparison-head {
		display: none;
	}

	.mtp-pricing-section .mtp-service-row {
		display: block;
		min-height: auto;
		margin-bottom: 12px;
		border: 1px solid #cdd6f2;
		border-radius: 12px!important;
		overflow: hidden;
	}

	.mtp-pricing-section .mtp-service-info {
		padding: 16px;
		border-bottom: 1px solid #cdd6f2;
	}

	.mtp-pricing-section .mtp-mobile-prices {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.mtp-pricing-section .mtp-price-cell,.mtp-pricing-section .mtp-saving-cell {
		position: relative;
		min-height: 95px;
		padding: 12px;
	}

	.mtp-pricing-section .mtp-price-cell:nth-child(1) {
		border-right: 1px solid #cdd6f2;
		border-bottom: 1px solid #cdd6f2;
		border-left: none;
	}

	.mtp-pricing-section .mtp-price-cell:nth-child(2) {
		border-bottom: 1px solid #cdd6f2;
		border-right: none;
	}

	.mtp-pricing-section .mtp-price-cell {
		background: #fff;
	}

	.mtp-pricing-section .mtp-price-panel {
		background: linear-gradient(180deg,rgb(137 86 251 / .08),rgb(137 86 251 / .03));
	}

	.mtp-pricing-section .mtp-mobile-label {
		display: block;
		margin-bottom: 7px;
		color: #9aa2b1;
		font-size: 10px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .3px;
	}

	.mtp-pricing-section .mtp-saving-cell {
		grid-column: span 2;
		min-height: 85px;
	}

	.mtp-pricing-section .mtp-saving-value {
		font-size: 15px;
	}

	.mtp-pricing-section .mtp-comparison-footer {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
		padding: 16px;
	}

	.mtp-pricing-section .mtp-full-btn {
		width: 100%;
	}
}

@media (max-width:420px) {
	.mtp-pricing-section .mtp-price-benefits {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.mtp-pricing-section .mtp-benefit {
		font-size: 9px;
	}

	.mtp-pricing-section .mtp-price-value {
		font-size: 14px;
	}
}

@media (min-width:768px) {
	.mtp-pricing-section .mtp-mobile-prices {
		display: contents;
	}

	.mtp-pricing-section .mtp-mobile-label {
		display: none;
	}
}

#comprassion .chips {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 14px;
	margin-top: 16px;
}

#comprassion .chip {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 92px;
	padding: 17px;
	background: #fff;
	border: 1px solid #e8ebef;
	border-radius: 15px;
	box-shadow: 0 5px 20px rgb(15 23 42 / .035);
	transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

#comprassion .chip .ic {
	flex: 0 0 auto;
	width: 43px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 13px;
	border-radius: 12px;
	background: #f3f6f8;
	border: 1px solid #e8edf0;
	color: #596579;
	font-size: 15px;
	transition: background .25s ease,color .25s ease,transform .25s ease;
}

#comprassion .chip:hover .ic {
	background: #eefaf5;
	color: #10a978;
	transform: scale(1.04);
}

#comprassion .chip-content {
	min-width: 0;
	padding-right: 25px;
}

#comprassion .chip .t1 {
	color: #1d2635;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 750;
}

#comprassion .chip .t2 {
	margin-top: 5px;
	color: #8b95a5;
	font-size: 11px;
	line-height: 1.45;
	font-weight: 700;
}

#comprassion .chip-arrow {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #eefaf5;
	color: #10a978;
	font-size: 8px;
}

@media (max-width:1100px) {
	#comprassion .chips {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

@media (max-width:650px) {
	#comprassion .chips {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: 12px;
	}

	#comprassion .chip {
		min-height: 82px;
		padding: 15px;
	}

	#comprassion .chip .ic {
		width: 40px;
		height: 40px;
		margin-right: 11px;
	}

	#comprassion .chip .t1 {
		font-size: 13px;
	}

	#comprassion .chip .t2 {
		font-size: 11px;
	}
}

#comprassion .service-skeleton {
	height: 14px;
	border-radius: 5px;
	background: linear-gradient(90deg,#f1f3f5 25%,#e5e7eb 50%,#f1f3f5 75%);
	background-size: 200% 100%;
	animation: serviceSkeleton 1.2s infinite;
}

#comprassion .skeleton-name {
	width: 190px;
}

#comprassion .skeleton-time {
	width: 90px;
}

#comprassion .skeleton-status {
	width: 85px;
}

#comprassion .info-banner {
	margin: 22px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
	background: #eaf9f2;
	border: 1px solid #b6e7d1;
	border-radius: 10px;
	padding: 13px 18px;
}

#comprassion .info-banner .msg {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13.5px;
	color: #239b6a;
	font-weight: 700;
}

#comprassion .info-banner .msg .dot {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #239b6a;
	color: #fff;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 900;
}

#comprassion .btn-ghost-blue {
	background: #fff;
	color: #239b6a;
	border: 1px solid #b6e7d1;
	font-weight: 700;
	font-size: 13px;
	padding: 8px 16px;
	border-radius: 9px;
	white-space: nowrap;
	transition: .15s;
}

#comprassion .btn-ghost-blue:hover {
	background: #239b6a;
	color: #fff;
	border-color: #239b6a;
}

#comprassion .card-shell {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 15px;
	height: 100%;
}

#comprassion .chart-select {
	font-size: 12px;
	font-weight: 700;
	border: 1px solid #cdd6f2;
	border-radius: 8px;
	padding: 5px 10px;
	color: #171717;
	background: #fff;
	max-width: 100%;
}

#comprassion .hover-hint {
	font-size: 11px;
	color: #7b7b7b;
	text-align: center;
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

#comprassion .hover-hint .pulse {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #249a62;
	animation: pulse 1.6s infinite;
}

#comprassion .chart-tip {
	position: absolute;
	pointer-events: none;
	background: #171717;
	color: #fff;
	padding: 9px 12px;
	border-radius: 10px;
	font-size: 12px;
	line-height: 1.4;
	transform: translate(-50%,-115%);
	opacity: 0;
	transition: opacity .12s,transform .12s;
	z-index: 5;
	box-shadow: 0 12px 24px -10px rgb(0 0 0 / .4);
	white-space: nowrap;
}

#comprassion .chart-tip b {
	font-size: 13px;
}

#comprassion .chart-tip::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px 5px 0 5px;
	border-style: solid;
	border-color: #171717 #fff0 #fff0 #fff0;
}

#comprassion .trophy-banner {
	background: linear-gradient(100deg,#E9FAF1,#fff 60%);
	border: 1px solid #CDEEDA;
	border-radius: 15px;
	padding: 18px 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

#comprassion .trophy-banner .lft {
	display: flex;
	gap: 14px;
	align-items: center;
}

#comprassion .trophy-banner .ic {
	font-size: 26px;
}

#comprassion .trophy-banner p {
	margin: 0;
	font-size: 13.5px;
	color: #134D30;
	font-weight: 700;
	max-width: 520px;
}

@media(max-width:767px) {
	#comprassion .info-banner {
		flex-direction: column;
		align-items: stretch;
		text-align: left;
	}

	#comprassion .info-banner .btn-ghost-blue {
		width: 100%;
		text-align: center;
	}

	#comprassion .card-shell {
		padding: 18px;
	}

	#comprassion .trophy-banner {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
	}

	#comprassion .trophy-banner .lft {
		flex-direction: column;
	}
}

#comprassion .methodology-card {
	position: relative;
	padding: 24px;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
}

#comprassion .methodology-heading {
	display: flex;
	align-items: center;
	gap: 13px;
}

#comprassion .methodology-heading-icon {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #f0faf6;
	border: 1px solid #dcefe7;
	color: #10a978;
	font-size: 16px;
}

#comprassion .methodology-heading strong {
	display: block;
	color: #171717;
	font-size: 17px;
	font-weight: 900;
}

#comprassion .methodology-heading .sh-sub {
	margin-top: 4px;
	color: #7b7b7b;
	font-size: 12px;
	font-weight: 700;
}

#comprassion .methodology-steps {
	position: relative;
	display: grid;
	grid-template-columns: repeat(5,minmax(0,1fr));
	gap: 12px;
	margin-top: 24px;
}

#comprassion .methodology-steps::before {
	content: "";
	position: absolute;
	top: 29px;
	left: 7%;
	right: 7%;
	height: 1px;
	background: #e5e9ed;
	z-index: 0;
}

#comprassion .method-step {
	position: relative;
	min-width: 0;
	padding: 18px 16px 17px;
	background: #f8fafb;
	border: 1px solid #e9edf0;
	border-radius: 15px;
	z-index: 1;
	transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

#comprassion .method-step:hover {
	transform: translateY(-3px);
	border-color: #d9e4df;
}

#comprassion .method-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}

#comprassion .method-icon {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #e4e9ec;
	color: #596579;
	font-size: 15px;
	transition: background .25s ease,color .25s ease;
}

#comprassion .method-step:hover .method-icon {
	background: #eefaf5;
	border-color: #d9eee5;
	color: #10a978;
}

#comprassion .method-number {
	font-size: 10px;
	color: #a1a9b5;
	font-weight: 900;
	letter-spacing: .08em;
}

#comprassion .method-content strong {
	display: block;
	color: #202938;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 900;
}

#comprassion .method-content p {
	margin: 8px 0 0;
	color: #8791a1;
	font-size: 11px;
	line-height: 1.6;
	font-weight: 700;
}

@media (max-width:1100px) {
	#comprassion .methodology-steps {
		grid-template-columns: repeat(3,minmax(0,1fr));
	}

	#comprassion .methodology-steps::before {
		display: none;
	}
}

@media (max-width:650px) {
	#comprassion .methodology-card {
		padding: 18px;
		border-radius: 15px;
	}

	#comprassion .methodology-heading-icon {
		width: 40px;
		height: 40px;
	}

	#comprassion .methodology-heading strong {
		font-size: 16px;
	}

	#comprassion .methodology-heading .sh-sub {
		font-size: 11px;
		line-height: 1.5;
	}

	#comprassion .methodology-steps {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: 19px;
	}

	#comprassion .method-step {
		padding: 15px;
	}

	#comprassion .method-top {
		margin-bottom: 12px;
	}

	#comprassion .method-content p {
		font-size: 11px;
		line-height: 1.55;
	}
}

#comprassion .price-reasons-card {
	padding: 24px;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
}

#comprassion .price-reasons-card .sh-head {
	margin-bottom: 22px;
}

#comprassion .price-reasons-card .methodology-heading {
	display: flex;
	align-items: center;
	gap: 13px;
}

#comprassion .price-reasons-card .methodology-heading-icon {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #f0faf6;
	border: 1px solid #dcefe7;
	color: #10a978;
	font-size: 16px;
}

#comprassion .price-reasons-card .methodology-heading strong {
	display: block;
	color: #171717;
	font-size: 17px;
	font-weight: 900;
}

#comprassion .price-reasons-card .methodology-heading .sh-sub {
	margin-top: 4px;
	color: #7b7b7b;
	font-size: 12px;
	font-weight: 700;
}

#comprassion .reason-list {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 12px;
	padding: 0;
	margin: 0;
}

#comprassion .reason-item {
	position: relative;
	display: flex;
	align-items: center;
	min-width: 0;
	padding: 16px;
	background: #f8fafb;
	border: 1px solid #e9edf0;
	border-radius: 14px;
	transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

#comprassion .reason-item:hover {
	transform: translateY(-2px);
	border-color: #dce6e2;
}

#comprassion .reason-icon {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 13px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #e4e9ec;
	color: #64748b;
	font-size: 15px;
	transition: color .25s ease,background .25s ease,border-color .25s ease;
}

#comprassion .reason-item:hover .reason-icon {
	color: #10a978;
	background: #eefaf5;
	border-color: #d8eee5;
}

#comprassion .reason-content {
	min-width: 0;
	padding-right: 25px;
}

#comprassion .reason-content strong {
	display: block;
	color: #202938;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 900;
}

#comprassion .reason-content span {
	display: block;
	margin-top: 5px;
	color: #8791a1;
	font-size: 11px;
	line-height: 1.55;
	font-weight: 700;
}

#comprassion .reason-check {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #eefaf5;
	color: #10a978;
	font-size: 8px;
}

@media (max-width:768px) {
	#comprassion .reason-list {
		grid-template-columns: 1fr;
	}
}

@media (max-width:650px) {
	#comprassion .price-reasons-card {
		padding: 18px;
		border-radius: 15px;
	}

	#comprassion .price-reasons-card .sh-head {
		margin-bottom: 18px;
	}

	#comprassion .price-reasons-card .methodology-heading-icon {
		width: 40px;
		height: 40px;
	}

	#comprassion .price-reasons-card .methodology-heading strong {
		font-size: 16px;
	}

	#comprassion .price-reasons-card .methodology-heading .sh-sub {
		font-size: 11px;
		line-height: 1.5;
	}

	#comprassion .reason-list {
		gap: 10px;
	}

	#comprassion .reason-item {
		padding: 14px;
	}

	#comprassion .reason-icon {
		width: 40px;
		height: 40px;
		margin-right: 11px;
	}

	#comprassion .reason-content strong {
		font-size: 12px;
	}

	#comprassion .reason-content span {
		font-size: 11px;
	}
}

#comprassion .provider-comparison-card {
	padding: 24px;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
}

#comprassion .provider-comparison-card .sh-head {
	margin-bottom: 22px;
}

#comprassion .provider-comparison-card .methodology-heading {
	display: flex;
	align-items: center;
	gap: 13px;
}

#comprassion .provider-comparison-card .methodology-heading-icon {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 42px;
	border-radius: 8px;
	background: #f0faf6;
	border: 1px solid #dcefe7;
	color: #10a978;
	font-size: 16px;
}

#comprassion .provider-comparison-card .methodology-heading strong {
	display: block;
	color: #171717;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 900;
}

#comprassion .provider-comparison-card .methodology-heading .sh-sub {
	margin-top: 4px;
	color: #7b7b7b;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 700;
}

#comprassion .comparison-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	scrollbar-color: #d7dde3 #fff0;
}

#comprassion .comparison-scroll::-webkit-scrollbar {
	height: 6px;
}

#comprassion .comparison-scroll::-webkit-scrollbar-track {
	background: #fff0;
}

#comprassion .comparison-scroll::-webkit-scrollbar-thumb {
	background: #d7dde3;
	border-radius: 20px;
}

#comprassion .provider-table {
	width: 100%;
	min-width: 940px;
	border-collapse: separate;
	border-spacing: 0;
	color: #263142;
}

#comprassion .provider-table thead th {
	padding: 0 16px 12px;
	border: 0;
	color: #8a94a4;
	font-size: 10px;
	line-height: 1.3;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .045em;
	white-space: nowrap;
}

#comprassion .provider-table tbody tr {
	transition: background .25s ease,box-shadow .25s ease;
}

#comprassion .provider-table tbody td {
	position: relative;
	padding: 15px 16px;
	background: #fff;
	border-top: 1px solid #edf0f2;
	color: #4f5b6c;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
	vertical-align: middle;
}

#comprassion .provider-table tbody tr:not(.hl):hover td {
	background: #fafcfd;
}

#comprassion .provider-table tbody tr.hl td {
	background: #f4fbf8;
	border-top-color: #dfeee8;
}

#comprassion .provider-table tbody tr.hl:hover td {
	background: #f0faf6;
}

#comprassion .provider-table tbody tr.hl td:first-child {
	border-left: 3px solid #10a978;
	padding-left: 13px;
}

#comprassion .prov-cell {
	display: flex;
	align-items: center;
	min-width: 175px;
}

#comprassion .prov-avatar {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 38px;
	margin-right: 11px;
	border-radius: 8px;
	color: #fff;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: -.02em;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .16),0 4px 10px rgb(15 23 42 / .08);
}

#comprassion .mtp-avatar {
	background: linear-gradient(135deg,#10a978,#239b6a);
}

#comprassion .provider-a {
	background: #1b2338;
}

#comprassion .provider-b {
	background: #f5a524;
}

#comprassion .prov-info {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 4px;
}

#comprassion .prov-info strong {
	color: #202938;
	font-size: 12px;
	line-height: 1.25;
	font-weight: 900;
}

#comprassion .provider-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 6px;
	border-radius: 5px;
	background: #e9f8f2;
	color: #149568;
	font-size: 8px;
	line-height: 1;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .03em;
}

#comprassion .provider-badge i {
	font-size: 7px;
}

#comprassion .price-cell {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

#comprassion .price-cell strong {
	color: #182230;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 900;
}

#comprassion .hl .price-cell strong {
	color: #0d9468;
}

#comprassion .price-cell span {
	color: #a0a8b4;
	font-size: 9px;
	line-height: 1;
	font-weight: 700;
}

#comprassion .table-value {
	color: #4c5868;
	font-size: 14px;
	font-weight: 700;
}

#comprassion .success-value {
	color: #129667;
}

#comprassion .warning-value {
	color: #d58a12;
}

#comprassion .table-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 9px;
	border-radius: 7px;
	background: #f5f7f8;
	border: 1px solid #e8ecef;
	color: #667181;
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
}

#comprassion .table-badge i {
	font-size: 9px;
	color: #8c97a5;
}

#comprassion .refill-badge {
	background: #edf9f4;
	border-color: #d9eee5;
	color: #159468;
}

#comprassion .refill-badge i {
	color: #159468;
}

#comprassion .point-cell {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

#comprassion .stars {
	color: #f5a524;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 1px;
}

#comprassion .stars-muted {
	color: #b8bec7;
}

#comprassion .value-score {
	color: #159468;
	font-size: 13px;
	line-height: 1;
	font-weight: 900;
}

#comprassion .value-score small {
	color: #9ba4b0;
	font-size: 10px;
	font-weight: 700;
}

#comprassion .score-warning {
	color: #d99520;
}

@media (max-width:768px) {
	#comprassion .provider-comparison-card {
		padding: 18px;
		border-radius: 15px;
	}

	#comprassion .provider-comparison-card .sh-head {
		margin-bottom: 18px;
	}

	#comprassion .provider-comparison-card .methodology-heading {
		gap: 11px;
	}

	#comprassion .provider-comparison-card .methodology-heading-icon {
		width: 40px;
		height: 40px;
		flex-basis: 40px;
		border-radius: 10px;
	}

	#comprassion .provider-comparison-card .methodology-heading strong {
		font-size: 16px;
	}

	#comprassion .provider-comparison-card .methodology-heading .sh-sub {
		font-size: 11px;
	}

	#comprassion .provider-table {
		min-width: 900px;
	}

	#comprassion .provider-table thead th {
		padding-left: 13px;
		padding-right: 13px;
	}

	#comprassion .provider-table tbody td {
		padding: 13px;
	}

	#comprassion .provider-table tbody tr.hl td:first-child {
		padding-left: 10px;
	}

	#comprassion .prov-avatar {
		width: 36px;
		height: 36px;
		flex-basis: 36px;
		margin-right: 9px;
	}
}

#comprassion .popular-services-card {
	padding: 15px;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
}

#comprassion .popular-services-card .sh-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 35px;
}

#comprassion .popular-heading {
	display: flex;
	align-items: center;
	gap: 13px;
}

#comprassion .popular-heading-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #f0faf6;
	border: 1px solid #dcefe7;
	color: #10a978;
	font-size: 16px;
}

#comprassion .popular-heading strong {
	display: block;
	color: #171717;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 900;
}

#comprassion .popular-heading .sh-sub {
	margin-top: 4px;
	color: #7b7b7b;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 700;
}

#comprassion .popular-services-card .link-arrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	flex: 0 0 auto;
	color: #159468;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	transition: color .2s ease;
}

#comprassion .popular-services-card .link-arrow:hover {
	color: #0d7f57;
	text-decoration: none;
}

#comprassion .popular-services-card .link-arrow i {
	font-size: 9px;
	transition: transform .2s ease;
}

#comprassion .popular-services-card .link-arrow:hover i {
	transform: translateX(3px);
}

#comprassion .popular-table-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	scrollbar-color: #d7dde3 #fff0;
}

#comprassion .popular-table-scroll::-webkit-scrollbar {
	height: 6px;
}

#comprassion .popular-table-scroll::-webkit-scrollbar-track {
	background: #fff0;
}

#comprassion .popular-table-scroll::-webkit-scrollbar-thumb {
	background: #d7dde3;
	border-radius: 20px;
}

#comprassion .popular-price-table {
	width: 100%;
	min-width: 1080px;
	border-collapse: separate;
	border-spacing: 0;
	color: #4f5b6c;
}

#comprassion .popular-price-table thead th {
	padding: 0 5px 13px;
	border: 0;
	color: #8a94a4;
	font-size: 9px;
	line-height: 1.3;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .045em;
	white-space: nowrap;
	vertical-align: bottom;
	text-align: center;
}

#comprassion .popular-price-table thead th:first-child {
	padding-left: 16px;
}

#comprassion .service-head {
	min-width: 240px;
}

#comprassion .service-head span {
	display: block;
	margin-top: 3px;
	color: #b0b7c1;
	font-size: 8px;
	text-transform: none;
	letter-spacing: 0;
	font-weight: 700;
}

#comprassion .provider-head {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

#comprassion .provider-head img {
	width: 27px;
	height: 27px;
	object-fit: contain;
	border-radius: 7px;
}

#comprassion .mtp-provider-head {
	color: #129467;
}

#comprassion .popular-price-table tbody td {
	padding: 13px 10px;
	background: #fff;
	border-top: 1px solid #edf0f2;
	color: #4d5868;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 700;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	transition: background .2s ease,border-color .2s ease;
}

#comprassion .popular-price-table tbody tr:hover td {
	background: #fafcfd;
}

#comprassion .popular-price-table tbody td:nth-child(1) {
	max-width: 200px;
}

#comprassion .popular-price-table .svc-cell {
	display: flex;
	align-items: center;
}

#comprassion .popular-price-table .svc-ic {
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 11px;
	border-radius: 7px;
	color: #fff;
	font-size: 15px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .18),0 4px 10px rgb(15 23 42 / .08);
}

#comprassion .svc-details {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

#comprassion .popular-price-table .svc-name {
	display: block;
	color: #293343;
	font-size: 11px;
	line-height: 1.4;
	font-weight: 700;
	white-space: normal;
}

#comprassion .popular-price-table .svc-quality {
	display: block;
	color: #a0a8b4;
	font-size: 12px;
	line-height: 1;
	font-weight: 400;
	padding-top: 5px;
}

#comprassion .popular-price-table .mtp-col {
	position: relative;
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	color: #fff!important;
}

#comprassion .popular-price-table .mtp-col-cell {
	position: relative;
	background: #f7fcfa;
	border-left: 1px solid #239b6a;
	border-right: 1px solid #239b6a;
	text-align: center;
}

#comprassion .popular-price-table tbody tr:hover .mtp-col-cell {
	background: #eef9f4;
}

#comprassion .mtp-price {
	display: inline-block;
	color: #109366;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 900;
}

#comprassion .mtp-unit {
	display: inline-block;
	margin-left: 2px;
	color: #9ca7b2;
	font-size: 8px;
	font-weight: 700;
}

#comprassion .lowest-head {
	text-align: center;
}

#comprassion .lowest-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 70px;
	padding: 6px 9px;
	border-radius: 5px;
	background: #f4f6f8;
	border: 1px solid #e7eaed;
	color: #697585;
	font-size: 9px;
	line-height: 1;
	font-weight: 900;
	white-space: nowrap;
}

#comprassion .lowest-pill.mtp {
	background: #eaf8f2;
	border-color: #d7eee4;
	color: #129467;
	padding: 3px 9px;
}

#comprassion .dot-ic {
	width: 17px;
	height: 17px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	border-radius: 50%;
	background: #d7f1e6;
	color: #129467;
	font-size: 7px;
}

#comprassion .lowest-pill.alt {
	color: #697585;
}

#comprassion .popular-services-card .tbl-note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin-top: 16px;
	padding: 11px 13px;
	background: #f8fafb;
	border: 1px solid #e9edf0;
	border-radius: 10px;
	color: #8a94a2;
	font-size: 10px;
	line-height: 1.55;
	font-weight: 700;
}

#comprassion .popular-services-card .tbl-note i {
	flex: 0 0 auto;
	margin-top: 2px;
	color: #9aa5b1;
	font-size: 11px;
}

@media (max-width:768px) {
	#comprassion .popular-services-card {
		padding: 18px;
		border-radius: 15px;
	}

	#comprassion .popular-services-card .sh-head {
		align-items: flex-start;
		margin-bottom: 18px;
	}

	#comprassion .popular-heading {
		gap: 11px;
	}

	#comprassion .popular-heading-icon {
		width: 40px;
		height: 40px;
		flex-basis: 40px;
		border-radius: 10px;
	}

	#comprassion .popular-heading strong {
		font-size: 16px;
	}

	#comprassion .popular-heading .sh-sub {
		font-size: 11px;
	}

	#comprassion .popular-services-card .link-arrow {
		font-size: 10px;
	}

	#comprassion .popular-price-table {
		min-width: 1080px;
	}

	#comprassion .popular-services-card .tbl-note {
		font-size: 9px;
	}
}

@media (max-width:576px) {
	#comprassion .popular-services-card .sh-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	#comprassion .popular-services-card .link-arrow {
		padding-left: 51px;
	}
}

#comprassion .benchmark-insights-row .sh-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 18px;
}

#comprassion .benchmark-insights-row .sh-head strong {
	display: block;
	color: #171717;
	font-size: 16px;
	line-height: 1.35;
	font-weight: 900;
}

#comprassion .benchmark-insights-row .sh-head .sh-sub {
	margin-top: 4px;
	color: #7b7b7b;
	font-size: 11px;
	line-height: 1.45;
	font-weight: 700;
}

#comprassion .benchmark-insights-row .insight-item {
	display: flex;
	align-items: center;
	min-height: 67px;
	padding: 10px 0;
	border-bottom: 1px solid #eef1f3;
	transition: padding .2s ease;
}

#comprassion .benchmark-insights-row .insight-item:first-of-type {
	padding-top: 0;
}

#comprassion .benchmark-insights-row .insight-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

#comprassion .benchmark-insights-row .insight-item .ic {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
	border-radius: 7px;
	font-size: 16px;
	border: 1px solid rgb(15 23 42 / .035);
	transition: transform .2s ease,box-shadow .2s ease;
}

#comprassion .benchmark-insights-row .insight-item .tx {
	color: #687384;
	font-size: 12px;
	line-height: 1.55;
	font-weight: 700;
}

#comprassion .benchmark-insights-row .insight-item .tx strong {
	color: #273142;
	font-weight: 900;
}

#comprassion .benchmark-insights-row .chart-headline {
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	margin-top: 2px;
	border-radius: 8px;
	background: #edf9f4;
	border: 1px solid #d9eee5;
	color: #109467;
	font-size: 24px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: -.04em;
}

#comprassion .benchmark-insights-row .chart-sub {
	margin-top: 6px;
	color: #919aa8;
	font-size: 11px;
	line-height: 1.4;
	font-weight: 700;
}

#comprassion .benchmark-insights-row .chart-canvas-wrap {
	position: relative;
	width: 100%;
	padding: 10px 5px 0;
	border-radius: 13px;
	background: linear-gradient(180deg,#fbfcfd 0%,#ffffff 100%);
	border: 1px solid #edf0f2;
}

#comprassion .benchmark-insights-row .chart-canvas-wrap canvas {
	display: block!important;
	width: 100%!important;
	height: 170px!important;
	max-width: 100%;
}

#comprassion .benchmark-insights-row .chart-tip {
	position: absolute;
	pointer-events: none;
	z-index: 5;
	padding: 7px 9px;
	background: #182230;
	border-radius: 8px;
	color: #fff;
	font-size: 9px;
	line-height: 1.5;
	box-shadow: 0 8px 20px rgb(15 23 42 / .18);
	transition: opacity .15s ease;
}

#comprassion .benchmark-insights-row .chart-tip b {
	color: #fff;
	font-size: 11px;
	font-weight: 900;
}

#comprassion .benchmark-insights-row .chart-tip::after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 14px;
	width: 8px;
	height: 8px;
	background: #182230;
	transform: rotate(45deg);
}

#comprassion .benchmark-insights-row .chart-select {
	width: 100%;
	margin-top: 12px;
	padding: 8px 30px 8px 10px;
	background-color: #f8fafb;
	border: 1px solid #e7ebee;
	border-radius: 8px;
	color: #596575;
	font-size: 10px;
	font-weight: 700;
	outline: none;
	cursor: pointer;
	transition: border-color .2s ease,background .2s ease;
}

#comprassion .benchmark-insights-row .chart-select:hover,#comprassion .benchmark-insights-row .chart-select:focus {
	background: #fff;
	border-color: #cfd8dd;
}

#comprassion .benchmark-insights-row .hover-hint {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 12px;
	color: #9aa3af;
	font-size: 10px;
	line-height: 1.4;
	font-weight: 700;
}

#comprassion .benchmark-insights-row .hover-hint .pulse {
	position: relative;
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: #10a978;
}

#comprassion .benchmark-insights-row .hover-hint .pulse::after {
	content: "";
	position: absolute;
	inset: -4px;
	border-radius: inherit;
	border: 1px solid #10a978;
	opacity: .25;
	animation: softPulse 2s infinite;
}

@keyframes softPulse {
	0% {
		transform: scale(.8);
		opacity: .35;
	}

	70% {
		transform: scale(1.45);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

#comprassion .benchmark-insights-row #medianChart {
	cursor: pointer;
}

#comprassion .benchmark-insights-row #trendChart {
	cursor: crosshair;
}

@media (max-width:575px) {
	#comprassion .benchmark-insights-row .card-shell {
		padding: 18px;
	}

	#comprassion .benchmark-insights-row .sh-head strong {
		font-size: 15px;
	}

	#comprassion .benchmark-insights-row .sh-head .sh-sub {
		font-size: 10px;
	}

	#comprassion .benchmark-insights-row .insight-item {
		min-height: auto;
		padding: 11px 0;
	}

	#comprassion .benchmark-insights-row .insight-item .ic {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
		margin-right: 10px;
		border-radius: 10px;
		font-size: 15px;
	}

	#comprassion .benchmark-insights-row .insight-item .tx {
		font-size: 10px;
	}

	#comprassion .benchmark-insights-row .chart-canvas-wrap canvas {
		height: 155px!important;
	}

	#comprassion .benchmark-insights-row .chart-headline {
		font-size: 21px;
	}
}

#comprassion .card {
	background: #f5f5f5;
	border-radius: 15px;
	border-color: #e2e6ea;
	margin: 15px auto;
}

#comprassion #dropdown {
	padding-left: 0;
	border: 1px solid #eaeaea;
}

#comprassion #dropdown .badge {
	background: #eaeaea!important;
	color: #696969!important;
	font-weight: 400;
}

#comprassion #dropdown .text-muted {
	font-size: 14px;
}

#comprassion #dropdown li {
	border-bottom: 1px solid #eaeaea;
}

#comprassion #dropdown li:hover {
	background: #f1f1f1;
}

#comprassion #searchInput {
	background: #fff;
}

#comprassion #selectedArea .selected-alert {
	border: 1px solid #249a62;
	border-radius: 10px;
	font-size: 13px;
	background: #fff;
	color: #249a62;
	margin-bottom: 10px;
}

#comprassion #selectedArea .selected-alert button {
	background: #fff0;
	border: 0;
	color: #00f573;
	padding-left: 25px;
}

#comprassion #loadingIcon {
	position: absolute;
	top: 15px;
	left: 5px;
}

#comprassion #searchIcon {
	position: absolute;
	top: 15px;
	right: 15px;
}

#comprassion .h-4 {
	height: 1rem;
}

#comprassion .w-4 {
	width: 1rem;
}

#comprassion .animate-spin {
	animation: spin 1s linear infinite;
}

#comprassion .max-h-\[400px\] {
	max-height: 400px;
}

#comprassion .overflow-y-auto {
	overflow-y: auto;
}

#comprassion .rounded-2xl {
	border-radius: 1rem;
}

#comprassion .z-50 {
	z-index: 50;
}

#comprassion .left-0 {
	left: 0;
}

#comprassion .right-0 {
	right: 0;
}

.mtp-trust.mtp-margin {
	margin: 25px 0 75px 0;
}

.mtp-trust .trust-features {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 15px;
	width: 100%;
	padding: 18px 0;
}

.mtp-trust .trust-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 248px;
	padding: 20px;
	background: rgb(255 255 255 / .96);
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	overflow: hidden;
	transition: transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;
}

.mtp-trust .trust-card:hover {
	transform: translateY(-4px);
	border-color: rgb(16 185 129 / .35);
}

.mtp-trust .trust-card:hover::before {
	opacity: 1;
}

.mtp-trust .trust-icon {
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 17px;
	border-radius: 12px;
	font-size: 23px;
	transition: transform 0.25s ease;
}

.mtp-trust .trust-card:hover .trust-icon {
	transform: scale(1.07);
}

.mtp-trust .trust-icon.security {
	color: #168354;
	background: linear-gradient(135deg,#eef9f3,#e2f4eb);
}

.mtp-trust .trust-icon.policies {
	color: #2563c9;
	background: linear-gradient(135deg,#edf4ff,#e2ecfb);
}

.mtp-trust .trust-icon.support {
	color: #5b3fc4;
	background: linear-gradient(135deg,#f2efff,#e8e3fb);
}

.mtp-trust .trust-icon.quality {
	color: #e55a13;
	background: linear-gradient(135deg,#fff4ed,#ffeadc);
}

.mtp-trust .trust-icon.pricing {
	color: #19814b;
	background: linear-gradient(135deg,#eef9f2,#e3f3e9);
}

.mtp-trust .trust-card strong {
	margin: 0 0 8px;
	color: #171717;
	font-size: 17px;
	line-height: 1.35;
	font-weight: 750;
	letter-spacing: -.01em;
}

.mtp-trust .trust-card p {
	margin: 0;
	color: #7b7b7b;
	font-size: 13px;
	line-height: 1.8;
	font-weight: 400;
}

.mtp-trust .trust-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding-top: 16px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.mtp-trust .trust-link:hover {
	opacity: .75;
	text-decoration: none;
}

.mtp-trust .trust-link i {
	font-size: 10px;
	transition: transform 0.2s ease;
}

.mtp-trust .trust-link:hover i {
	transform: translateX(4px);
}

.mtp-trust .security-link {
	color: #168354;
}

.mtp-trust .policy-link {
	color: #254da5;
}

.mtp-trust .support-link {
	color: #4230a5;
}

.mtp-trust .quality-link {
	color: #d95711;
}

.mtp-trust .pricing-link {
	color: #167342;
}

@media (max-width:1199px) {
	.mtp-trust .trust-features {
		grid-template-columns: repeat(3,1fr);
	}
}

@media (max-width:991px) {
	.mtp-trust .trust-features {
		grid-template-columns: repeat(2,1fr);
	}
}

@media (max-width:575px) {
	.mtp-trust .trust-features {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 10px 0;
	}

	.mtp-trust .trust-card {
		min-height: auto;
		padding: 19px;
		border-radius: 14px;
	}

	.mtp-trust .trust-icon {
		width: 48px;
		height: 48px;
		margin-bottom: 14px;
		border-radius: 15px;
		font-size: 20px;
	}

	.mtp-trust .trust-card strong {
		font-size: 16px;
	}

	.mtp-trust .trust-card p {
		font-size: 13px;
		line-height: 1.65;
	}

	.mtp-trust .trust-link {
		margin-top: 15px;
		padding-top: 0;
		font-size: 12px;
	}
}

.mtp-trust .trust-icon svg {
	width: 25px;
	height: 25px;
	display: block;
	stroke: currentColor;
	transition: transform .25s ease;
}

.mtp-trust .trust-card:hover .trust-icon svg {
	transform: scale(1.08);
}

.mtp-trust .trust-link svg {
	width: 15px;
	height: 15px;
	flex: 0 0 15px;
	transition: transform .2s ease;
}

.mtp-trust .trust-link:hover svg {
	transform: translateX(4px);
}

@media (max-width:575px) {
	.mtp-trust .trust-icon svg {
		width: 23px;
		height: 23px;
	}
}

.mtp-monitoring .mtp-status-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 7px;
	padding: 16px 22px;
	border-radius: 0 0 15px 15px;
	background: rgb(233 239 251 / .3);
	border: 1px solid #cdd6f2;
}

.mtp-monitoring .mtp-status-info {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mtp-monitoring .mtp-status-icon {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 50%;
	background: rgb(36 154 98 / .15);
	color: #249a62;
	font-size: 18px;
}

.mtp-monitoring .mtp-status-title {
	display: block;
	color: #171717;
	font-size: 13px;
}

.mtp-monitoring .mtp-status-text {
	display: block;
	margin-top: 3px;
	color: #a0a7b4;
	font-size: 10px;
}

.mtp-monitoring .mtp-full-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-width: 200px;
	padding: 10px 20px;
	border: none;
	border-radius: 7px;
	color: #ffffff!important;
	background: #3be395;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none!important;
	transition: transform .2s ease,box-shadow .2s ease;
}

.mtp-monitoring .mtp-full-btn:hover {
	transform: translateY(-2px);
	color: #ffffff!important;
}

.mtp-monitoring .mtp-service-row:last-of-type {
	border-radius: 0 0 15px 15px;
}

@media (max-width:575px) {
	.mtp-monitoring .mtp-status-footer {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
		padding: 16px;
	}

	.mtp-monitoring .mtp-full-btn {
		width: 100%;
	}
}

#mtp-child .mtp-resellers,#mtp-child.mtp-reseller {
	background: radial-gradient(circle at 10% 10%,rgb(36 154 98 / .08),transparent 40%),#f6fffa;
}

#mtp-child .mtp-reseller-container {
	width: 100%;
}

#mtp-child .mtp-reseller-section {
	margin: 75px 0;
}

#mtp-child .mtp-reseller-advantages {
	padding: 35px 15px;
	border: 1px solid #e4f6ed;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 12px 40px rgb(29 45 90 / .035);
}

#mtp-child .mtp-reseller-advantage-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 0;
}

#mtp-child .mtp-reseller-advantage-card {
	position: relative;
	min-height: 245px;
	padding: 12px 17px;
}

#mtp-child .mtp-reseller-advantage-card:not(:last-child) {
	border-right: 1px solid #e4f6ed;
}

#mtp-child .mtp-reseller-advantage-icon {
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 21px;
	border-radius: 12px;
	background: #ecfdf5;
	color: #059669;
}

#mtp-child .mtp-reseller-advantage-icon svg {
	width: 24px;
	height: 24px;
}

#mtp-child .mtp-reseller-advantage-card h3 {
	margin: 0 0 9px;
	color: #171717;
	font-size: 16px;
	line-height: 1.35;
	font-weight: 750;
}

#mtp-child .mtp-reseller-advantage-card>p {
	margin: 0 0 17px;
	color: #7b7b7b;
	font-size: 12.5px;
	line-height: 1.65;
}

#mtp-child .mtp-reseller-check-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#mtp-child .mtp-reseller-check-list li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 19px;
	color: #52607a;
	font-size: 11.5px;
	line-height: 1.45;
}

#mtp-child .mtp-reseller-check-list li:before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #16a34a;
	font-size: 11px;
	font-weight: 900;
}

#mtp-child .mtp-reseller-performance {
	position: relative;
	overflow: hidden;
	padding: 48px;
	border: 1px solid #dfe5fb;
	border-radius: 15px;
	background: radial-gradient(circle at 90% 20%,rgb(36 154 98 / .15),transparent 35%),linear-gradient(135deg,#fff 0%,#f4f7ff 100%);
}

#mtp-child .mtp-reseller-performance:before {
	content: "";
	position: absolute;
	width: 350px;
	height: 350px;
	right: -180px;
	bottom: -200px;
	border-radius: 50%;
	border: 1px solid rgb(48 71 255 / .08);
}

#mtp-child .mtp-reseller-performance-top {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 35px;
}

#mtp-child .mtp-reseller-performance-title {
	max-width: 560px;
}

#mtp-child .mtp-reseller-performance-title strong {
	margin: 0 0 11px;
	color: #171717;
	font-size: 29px;
	line-height: 1.22;
	font-weight: 900;
	letter-spacing: -.6px;
}

#mtp-child .mtp-reseller-performance-title strong span {
	color: #249a62;
}

#mtp-child .mtp-reseller-performance-title p {
	margin: 0;
	color: #7b7b7b;
	font-size: 13px;
	line-height: 1.75;
}

#mtp-child .mtp-reseller-performance-period {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 13px;
	border: 1px solid #e4f6ed;
	border-radius: 9px;
	background: #fff;
	color: #58637a;
	font-size: 11px;
	font-weight: 700;
}

#mtp-child .mtp-reseller-stat-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 14px;
}

#mtp-child .mtp-reseller-stat-card {
	padding: 22px 20px;
	border: 1px solid #e4f6ed;
	border-radius: 15px;
	background: rgb(255 255 255 / .9);
	box-shadow: 0 7px 25px rgb(24 44 90 / .035);
}

#mtp-child .mtp-reseller-stat-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}

#mtp-child .mtp-reseller-stat-icon {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: #ecfdf5;
	color: #059669;
}

#mtp-child .mtp-reseller-stat-icon svg {
	width: 18px;
	height: 18px;
}

#mtp-child .mtp-reseller-stat-change {
	padding: 4px 7px;
	border-radius: 20px;
	background: #ecfdf3;
	color: #149447;
	font-size: 9px;
	font-weight: 750;
}

#mtp-child .mtp-reseller-stat-value {
	margin-bottom: 4px;
	color: #171717;
	font-size: 25px;
	line-height: 1.1;
	font-weight: 900;
	letter-spacing: -.6px;
}

#mtp-child .mtp-reseller-stat-label {
	color: #717b91;
	font-size: 11px;
	line-height: 1.5;
}

#mtp-child .mtp-reseller-progress-area {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	margin-top: 15px;
}

#mtp-child .mtp-reseller-progress-card {
	padding: 20px;
	border: 1px solid #e4f6ed;
	border-radius: 15px;
	background: rgb(255 255 255 / .9);
}

#mtp-child .mtp-reseller-progress-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

#mtp-child .mtp-reseller-progress-head span:first-child {
	color: #5d6880;
	font-size: 11px;
	font-weight: 700;
}

#mtp-child .mtp-reseller-progress-head strong {
	color: #171717;
	font-size: 12px;
	font-weight: 750;
}

#mtp-child .mtp-reseller-progress-bar {
	width: 100%;
	height: 7px;
	overflow: hidden;
	border-radius: 20px;
	background: #edf0f6;
}

#mtp-child .mtp-reseller-progress-bar span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg,#3be395,#249a62);
}

#mtp-child .mtp-reseller-progress-note {
	margin-top: 9px;
	color: #8992a5;
	font-size: 10px;
}

#mtp-child .mtp-reseller-control {
	position: relative;
	padding: 0;
}

#mtp-child .mtp-reseller-control-grid {
	display: grid;
	grid-template-columns: 46% 54%;
	min-height: 430px;
}

#mtp-child .mtp-reseller-control-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 35px 25px;
}

#mtp-child .mtp-reseller-control-content .mtp-reseller-eyebrow {
	background: #fff;
	width: max-content;
	border-radius: 30px;
	padding: 5px 15px;
	font-size: 13px;
	margin-bottom: 9px;
}

#mtp-child .mtp-reseller-control-content strong,#mtp-child .mtp-reseller-control-content h2 {
	margin: 0 0 14px;
	color: #171717;
	font-size: 29px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.6px;
}

#mtp-child .mtp-reseller-control-content strong span,#mtp-child .mtp-reseller-control-content h2 span {
	color: #249a62;
}

#mtp-child .mtp-reseller-control-content>p {
	max-width: 470px;
	margin: 0 0 24px;
	color: #4e5c77;
	font-size: 13px;
	line-height: 1.8;
}

#mtp-child .mtp-reseller-control-points {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

#mtp-child .mtp-reseller-control-points li {
	position: relative;
	margin-bottom: 11px;
	padding-left: 26px;
	color: #4e5c77;
	font-size: 12px;
	line-height: 1.55;
}

#mtp-child .mtp-reseller-control-points li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #e7f9ef;
}

#mtp-child .mtp-reseller-control-points li:after {
	content: "✓";
	position: absolute;
	left: 3px;
	top: 1px;
	color: #18a957;
	font-size: 9px;
	font-weight: 900;
}

#mtp-child .mtp-reseller-control-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

#mtp-child .mtp-reseller-btn-primary,#mtp-child .mtp-reseller-btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 42px;
	padding: 0 17px;
	border-radius: 9px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none!important;
	transition: all .2s ease;
}

#mtp-child .mtp-reseller-btn-primary {
	border: 1px solid #fff0;
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	color: #fff!important;
}

#mtp-child .mtp-reseller-btn-primary:hover {
	transform: translateY(-2px);
	color: #fff!important;
}

#mtp-child .mtp-reseller-btn-secondary {
	border: 1px solid #249a62;
	background: #fff;
	color: #249a62!important;
}

#mtp-child .mtp-reseller-btn-secondary:hover {
	transform: translateY(-2px);
	border-color: #bfc9e8;
}

#mtp-child .mtp-reseller-dashboard {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 15px;
}

#mtp-child .mtp-reseller-dashboard-window {
	width: 100%;
	max-width: 555px;
	border: 1px solid #e4f6ed;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 18px 45px rgb(25 42 86 / .09);
	position: relative;
}

#mtp-child .api-card {
	width: 200px;
	background: #fff;
	border: 1px solid #e6e8ec;
	border-radius: 14px;
	padding: 16px 18px 20px;
	box-shadow: 0 10px 24px rgb(28 35 50 / .08);
	position: absolute;
	right: -100px;
	bottom: 100px;
}

#mtp-child .endpoint {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
}

#mtp-child .method {
	background: #3be395;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .3px;
	padding: 3px 7px;
	border-radius: 5px;
	font-family: "SF Mono",Menlo,Consolas,monospace;
}

#mtp-child .path {
	font-family: "SF Mono",Menlo,Consolas,monospace;
	font-size: 13px;
	color: #2b3445;
}

#mtp-child .code {
	margin: 0;
	font-family: "SF Mono",Menlo,Consolas,monospace;
	font-size: 10px;
	line-height: 1.95;
	color: #2b3445;
	white-space: pre;
}

#mtp-child .code .indent {
	padding-left: 18px;
	display: inline-block;
}

#mtp-child .key {
	color: #3d4657;
}

#mtp-child .val {
	color: #3047ff;
}

#mtp-child .punc {
	color: #8b93a1;
}

#mtp-child .mtp-reseller-dashboard-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 17px;
	border-bottom: 1px solid #edf0f5;
}

#mtp-child .mtp-reseller-dashboard-brand {
	display: flex;
	align-items: center;
	gap: 9px;
}

#mtp-child .mtp-reseller-dashboard-brand-icon {
	width: 27px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: #249a62;
	color: #fff;
	font-size: 9px;
	font-weight: 900;
}

#mtp-child .mtp-reseller-dashboard-brand span {
	color: #171717;
	font-size: 11px;
	font-weight: 750;
}

#mtp-child .mtp-reseller-dashboard-live {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #7b8498;
	font-size: 9px;
}

#mtp-child .mtp-reseller-dashboard-live i {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #19b15b;
}

#mtp-child .mtp-reseller-dashboard-body {
	padding: 19px;
}

#mtp-child .mtp-reseller-dashboard-stats {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 9px;
	margin-bottom: 15px;
}

#mtp-child .mtp-reseller-mini-card {
	padding: 13px;
	border: 1px solid #e4f6ed;
	border-radius: 10px;
	background: #fbfcff;
}

#mtp-child .mtp-reseller-mini-card-label {
	display: block;
	margin-bottom: 6px;
	color: #8a93a6;
	font-size: 10px;
	font-weight: 400;
}

#mtp-child .mtp-reseller-mini-card-value {
	color: #171717;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 900;
}

#mtp-child .mtp-reseller-mini-card-change {
	display: block;
	margin-top: 5px;
	color: #19a857;
	font-size: 8px;
	font-weight: 650;
}

#mtp-child .mtp-reseller-dashboard-chart {
	padding: 15px;
	border: 1px solid #e4f6ed;
	border-radius: 11px;
}

#mtp-child .mtp-reseller-chart-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}

#mtp-child .mtp-reseller-chart-header strong {
	color: #171717;
	font-size: 10px;
}

#mtp-child .mtp-reseller-chart-header span {
	padding: 5px 8px;
	border: 1px solid #e6eaf2;
	border-radius: 6px;
	color: #7d879a;
	font-size: 10px;
}

#mtp-child .mtp-reseller-chart {
	width: 100%;
	height: 115px;
	display: block;
}

#mtp-child .mtp-reseller-chart-grid {
	stroke: #edf0f6;
	stroke-width: 1;
}

#mtp-child .mtp-reseller-chart-line {
	fill: none;
	stroke: #3047ff;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#mtp-child .mtp-reseller-chart-area {
	fill: url(#mtpChartGradient);
	opacity: .18;
}

#mtp-child .mtp-reseller-chart-dot {
	fill: #3047ff;
	stroke: #fff;
	stroke-width: 3;
}

#mtp-child .mtp-reseller-dashboard-footer {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 8px;
	margin-top: 12px;
}

#mtp-child .mtp-reseller-dashboard-status {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 9px 10px;
	border-radius: 8px;
	background: #f8fafc;
}

#mtp-child .mtp-reseller-dashboard-status-icon {
	width: 21px;
	height: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: #e9f9ef;
	color: #17a654;
}

#mtp-child .mtp-reseller-dashboard-status-icon svg {
	width: 11px;
	height: 11px;
}

#mtp-child .mtp-reseller-dashboard-status-text span {
	display: block;
	color: #929bad;
	font-size: 10px;
}

#mtp-child .mtp-reseller-dashboard-status-text strong {
	display: block;
	margin-top: 2px;
	color: #26334e;
	font-size: 12px;
}

@media (max-width:1100px) {
	#mtp-child .mtp-reseller-advantage-grid {
		grid-template-columns: repeat(2,1fr);
	}

	#mtp-child .mtp-reseller-advantage-card:nth-child(2) {
		border-right: 0;
	}

	#mtp-child .mtp-reseller-advantage-card:nth-child(-n+2) {
		border-bottom: 1px solid #e4f6ed;
		padding-bottom: 27px;
		margin-bottom: 14px;
	}

	#mtp-child .mtp-reseller-stat-grid {
		grid-template-columns: repeat(2,1fr);
	}

	#mtp-child .mtp-reseller-control-grid {
		grid-template-columns: 1fr;
	}

	#mtp-child .mtp-reseller-control-content {
		padding: 40px 25px;
	}
}

@media (max-width:767px) {
	#mtp-child .api-card {
		display: none;
	}

	#mtp-child .mtp-reseller-section {
		margin-top: 50px;
	}

	#mtp-child .mtp-reseller-advantages {
		padding: 22px;
		border-radius: 17px;
	}

	#mtp-child .mtp-reseller-advantage-grid {
		grid-template-columns: 1fr;
	}

	#mtp-child .mtp-reseller-advantage-card {
		min-height: auto;
		padding: 7px 4px 24px;
	}

	#mtp-child .mtp-reseller-advantage-card:not(:last-child) {
		border-right: 0;
		border-bottom: 1px solid #e4f6ed;
		margin-bottom: 20px;
	}

	#mtp-child .mtp-reseller-advantage-card:last-child {
		padding-bottom: 5px;
	}

	#mtp-child .mtp-reseller-performance {
		padding: 28px 20px;
		border-radius: 18px;
	}

	#mtp-child .mtp-reseller-performance-top {
		display: block;
	}

	#mtp-child .mtp-reseller-performance-title strong {
		font-size: 25px;
	}

	#mtp-child .mtp-reseller-performance-period {
		display: inline-flex;
		margin-top: 17px;
	}

	#mtp-child .mtp-reseller-stat-grid {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	#mtp-child .mtp-reseller-stat-card {
		padding: 17px 14px;
	}

	#mtp-child .mtp-reseller-stat-value {
		font-size: 21px;
	}

	#mtp-child .mtp-reseller-progress-area {
		grid-template-columns: 1fr;
	}

	#mtp-child .mtp-reseller-control {
		border-radius: 18px;
	}

	#mtp-child .mtp-reseller-control-content {
		padding: 15px 0;
	}

	#mtp-child .mtp-reseller-control-content h2 {
		font-size: 25px;
		text-align: center;
	}

	#mtp-child .mtp-reseller-control-content p {
		text-align: center;
	}

	#mtp-child .mtp-reseller-control-content .mtp-reseller-eyebrow {
		margin: 0 auto 9px auto;
	}

	#mtp-child .mtp-reseller-dashboard {
		padding: 0;
	}

	#mtp-child .mtp-reseller-dashboard-window {
		max-width: none;
	}

	#mtp-child .mtp-reseller-dashboard-body {
		padding: 12px;
	}

	#mtp-child .mtp-reseller-dashboard-footer {
		grid-template-columns: 1fr;
	}
}

@media (max-width:420px) {
	#mtp-child .mtp-reseller-stat-grid {
		grid-template-columns: 1fr;
	}

	#mtp-child .mtp-reseller-control-buttons {
		flex-direction: column;
	}

	#mtp-child .mtp-reseller-btn-primary,#mtp-child .mtp-reseller-btn-secondary {
		width: 100%;
	}

	#mtp-child .mtp-reseller-dashboard-stats {
		grid-template-columns: 1fr;
	}
}

#mtp-child .mtp-rs-calculator {
	margin-top: 35px;
}

#mtp-child .mtp-rs-calculator .grid {
	display: grid;
	grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);
	gap: 18px;
}

#mtp-child .mtp-rs-calculator .pane {
	background: #fff;
	border: 1px solid #e4f6ed;
	border-radius: 15px;
	padding: 28px;
	box-shadow: 0 12px 40px rgb(29 45 90 / .035);
}

#mtp-child .mtp-rs-calculator .field {
	margin-bottom: 30px;
}

#mtp-child .mtp-rs-calculator .field:last-child {
	margin-bottom: 0;
}

#mtp-child .mtp-rs-calculator .field-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 11px;
	color: #171717;
	font-size: 14px;
	font-weight: 700;
}

#mtp-child .mtp-rs-calculator .field-label>span {
	display: flex;
	align-items: center;
	gap: 9px;
}

#mtp-child .mtp-rs-calculator .n {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	border-radius: 8px;
	background: #f0f0f3;
	color: #66666e;
	font-size: 11px;
	font-weight: 900;
}

#mtp-child .mtp-rs-calculator select,#mtp-child .mtp-rs-calculator input[type="number"] {
	width: 100%;
	height: 50px;
	border: 1px solid #e4f6ed;
	border-radius: 11px;
	background: #fff;
	color: #171717;
	padding: 0 15px;
	outline: none;
	font-size: 14px;
	transition: .2s ease;
}

#mtp-child .mtp-rs-calculator select:focus,#mtp-child .mtp-rs-calculator input[type="number"]:focus {
	border-color: #b8b8c0;
	box-shadow: 0 0 0 3px rgb(0 0 0 / .04);
}

#mtp-child .mtp-rs-calculator .cost-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	font-size: 12px;
	color: #717b91;
}

#mtp-child .mtp-rs-calculator .cost-line b {
	color: #171717;
	font-size: 12px;
	white-space: nowrap;
}

#mtp-child .mtp-rs-calculator .slider-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

#mtp-child .mtp-rs-calculator .slider-val {
	font-size: 13px;
	font-weight: 900;
	color: #171717;
}

#mtp-child .mtp-rs-calculator .slider-val small {
	color: #717b91 font-weight:700;
}

#mtp-child .mtp-rs-calculator input[type="range"] {
	width: 100%;
	height: 5px;
	padding: 0;
	margin: 7px 0 9px;
	appearance: none;
	-webkit-appearance: none;
	background: #dedee3;
	border-radius: 99px;
	outline: none;
}

#mtp-child .mtp-rs-calculator input[type="range"]::-webkit-slider-thumb {
	appearance: none;
	-webkit-appearance: none;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: #18181b;
	cursor: pointer;
	border: 3px solid #fff;
	box-shadow: 0 1px 4px rgb(0 0 0 / .2);
}

#mtp-child .mtp-rs-calculator input[type="range"]::-moz-range-thumb {
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: #18181b;
	cursor: pointer;
	border: 3px solid #fff;
	box-shadow: 0 1px 4px rgb(0 0 0 / .2);
}

#mtp-child .mtp-rs-calculator .range-ticks {
	display: flex;
	justify-content: space-between;
	color: #92929a;
	font-size: 11px;
}

#mtp-child .mtp-rs-calculator .hint {
	margin-top: 9px;
	color: #8a8a92;
	font-size: 11px;
	line-height: 1.55;
}

#mtp-child .mtp-rs-calculator .price-input-row {
	position: relative;
}

#mtp-child .mtp-rs-calculator .price-input-row>span {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #777780;
	font-size: 14px;
	font-weight: 700;
	pointer-events: none;
}

#mtp-child .mtp-rs-calculator .price-input-row input {
	padding-left: 31px;
}

#mtp-child .mtp-rs-calculator .output {
	display: flex;
	flex-direction: column;
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
}

#mtp-child .mtp-rs-calculator .out-label {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#mtp-child .mtp-rs-calculator .metrics-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	margin-bottom: 18px;
}

#mtp-child .mtp-rs-calculator .metric {
	padding: 13px;
	border: 1px solid #e4f6ed;
	border-radius: 10px;
	background: #fbfcff;
	min-width: 0;
}

#mtp-child .mtp-rs-calculator .m-label {
	color: #85858d;
	font-size: 12px;
	margin-bottom: 7px;
}

#mtp-child .mtp-rs-calculator .m-val {
	color: #171717;
	font-size: 27px;
	line-height: 1.1;
	font-weight: 900;
	letter-spacing: -.03em;
	word-break: break-word;
}

#mtp-child .mtp-rs-calculator .metric.margin .m-val {
	color: #249a62;
}

#mtp-child .mtp-rs-calculator .metric.negative .m-val {
	color: #d84b3e;
}

#mtp-child .mtp-rs-calculator .ledger {
	margin-top: 2px;
	padding: 22px;
	border-radius: 15px;
	background: #f8fafc;
	border: 1px solid #ededf0;
}

#mtp-child .mtp-rs-calculator .ledger.positive {
	background: #ddffe9;
	border-color: #dcefe2;
}

#mtp-child .mtp-rs-calculator .ledger.negative {
	background: #fff6f4;
	border-color: #f2dfdc;
}

#mtp-child .mtp-rs-calculator .l-label {
	color: #777780;
	font-size: 12px;
	margin-bottom: 7px;
}

#mtp-child .mtp-rs-calculator .l-val {
	color: #171717;
	font-size: 32px;
	line-height: 1.15;
	font-weight: 900;
}

#mtp-child .mtp-rs-calculator .ledger.positive .l-val {
	color: #249a62;
}

#mtp-child .mtp-rs-calculator .ledger.negative .l-val {
	color: #d84b3e;
}

#mtp-child .mtp-rs-calculator .l-val small {
	color: #85858d;
	font-size: 12px;
	font-weight: 700;
	margin-left: 5px;
	letter-spacing: 0;
}

#mtp-child .mtp-rs-calculator .l-sub {
	margin-top: 9px;
	color: #85858d;
	font-size: 11px;
	line-height: 1.6;
}

#mtp-child .mtp-rs-calculator .l-sub b {
	color: #5e5e65;
}

#mtp-child .mtp-rs-calculator .footer-note {
	margin-top: auto;
	padding-top: 18px;
	color: #fff;
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
}

#mtp-child .mtp-rs-calculator .footer-note .btns {
	background: #fff;
	padding: 10px 7px;
	border-radius: 7px;
	margin-bottom: 15px;
	justify-content: center;
	font-weight: 700;
}

#mtp-child .mtp-rs-calculator .loading {
	color: #999;
}

#mtp-child .mtp-rs-calculator .error-state {
	color: #d84b3e;
}

#mtp-child .mtp-rs-calculator .btns {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 8px;
}

#mtp-child .mtp-rs-calculator .btns button {
	border: 0;
	background: #18181b;
	color: #fff;
	padding: 8px 12px;
	border-radius: 7px;
	cursor: pointer;
	font-size: 11px;
}

#mtp-child .mtp-rs-calculator .btns button:hover {
	opacity: .9;
}

#mtp-child .mtp-rs-calculator .service-picker {
	position: relative;
	width: 100%;
}

#mtp-child .mtp-rs-calculator .service-trigger,#mtp-child .mtp-rs-calculator .service-trigger:focus {
	height: 50px;
	padding: 0 15px;
	border: 1px solid #e8e8ec!important;
	border-radius: 11px;
	background: #fff;
	color: #18181b;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-width: 0;
	font-size: 14px;
	text-align: left;
	cursor: pointer;
	outline: none;
	transition: .2s ease;
	overflow: hidden;
}

#mtp-child .mtp-rs-calculator .service-trigger:hover {
	border-color: #cfcfd5;
}

#mtp-child .mtp-rs-calculator .service-picker.active .service-trigger {
	border-color: #b8b8c0;
	box-shadow: 0 0 0 3px rgb(0 0 0 / .04);
}

#mtp-child .mtp-rs-calculator #selectedServiceText {
	display: block!important;
	width: calc(100% - 30px)!important;
	max-width: calc(100% - 30px)!important;
	min-width: 0!important;
	overflow: hidden!important;
	white-space: nowrap!important;
	text-overflow: ellipsis!important;
	flex: 0 1 auto!important;
	line-height: 20px;
}

#mtp-child .mtp-rs-calculator .service-arrow {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	display: block!important;
	width: 18px;
	height: 20px;
	flex-shrink: 0;
	font-size: 18px;
	line-height: 20px;
	color: #777780;
}

#mtp-child .mtp-rs-calculator .service-dropdown {
	position: absolute;
	top: calc(100% + 7px);
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #e7e7eb;
	border-radius: 12px;
	box-shadow: 0 15px 40px rgb(0 0 0 / .10);
	z-index: 9999;
	display: none;
	overflow: hidden;
}

#mtp-child .mtp-rs-calculator .service-picker.active .service-dropdown {
	display: block;
}

#mtp-child .mtp-rs-calculator .service-search {
	padding: 10px;
	border-bottom: 1px solid #eeeeF1;
}

#mtp-child .mtp-rs-calculator .service-search input {
	width: 100%;
	height: 42px;
	border: 1px solid #e5e5e9;
	border-radius: 9px;
	padding: 0 12px;
	outline: none;
	font-size: 13px;
	color: #18181b;
}

#mtp-child .mtp-rs-calculator .service-search input:focus {
	border-color: #bcbcc3;
}

#mtp-child .mtp-rs-calculator .service-results {
	max-height: 310px;
	overflow-y: auto;
	padding: 5px;
}

#mtp-child .mtp-rs-calculator .service-item {
	width: 100%;
	padding: 10px 11px;
	cursor: pointer;
	transition: background .15s ease;
}

#mtp-child .mtp-rs-calculator .service-item:hover {
	background: #f6f6f8;
}

#mtp-child .mtp-rs-calculator .service-item-name {
	color: #18181b;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mtp-child .mtp-rs-calculator .service-item-meta {
	margin-top: 3px;
	color: #8a8a92;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mtp-child .mtp-rs-calculator .service-empty {
	padding: 20px 12px;
	text-align: center;
	color: #9999a0;
	font-size: 12px;
}

#mtp-child .mtp-rs-calculator .service-results::-webkit-scrollbar {
	width: 6px;
}

#mtp-child .mtp-rs-calculator .service-results::-webkit-scrollbar-track {
	background: #fff0;
}

#mtp-child .mtp-rs-calculator .service-results::-webkit-scrollbar-thumb {
	background: #d6d6da;
	border-radius: 10px;
}

@media (max-width:767px) {
	#mtp-child .mtp-rs-calculator #selectedServiceText {
		width: 275px!important;
		max-width: 275px!important;
	}

	#mtp-child .mtp-rs-calculator .grid {
		grid-template-columns: 1fr;
	}

	#mtp-child .mtp-rs-calculator .pane {
		padding: 20px;
		border-radius: 14px;
	}

	#mtp-child .mtp-rs-calculator .metrics-row {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	#mtp-child .mtp-rs-calculator .m-val {
		font-size: 23px;
	}

	#mtp-child .mtp-rs-calculator .l-val {
		font-size: 27px;
	}

	#mtp-child .mtp-rs-calculator .cost-line {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}
}

#mtp-child .mtp-child-panel-steps {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 22px;
	margin-top: 35px;
}

#mtp-child .mtp-child-panel-steps:before {
	content: "";
	position: absolute;
	top: 52%;
	left: 15%;
	width: 70%;
	height: 1px;
	border-top: 1px dashed #dfe5fb;
	z-index: 0;
}

#mtp-child .mtp-child-panel-step {
	position: relative;
	z-index: 2;
	padding: 17px;
	border: 1px solid #dfe5fb;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 12px 35px rgb(23 39 84 / .04);
	transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

#mtp-child .mtp-child-panel-step:hover {
	transform: translateY(-5px);
	border-color: #ccd5f6;
	box-shadow: 0 18px 45px rgb(23 39 84 / .08);
}

#mtp-child .mtp-child-panel-step-number {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #3be395;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	z-index: 5;
}

#mtp-child .mtp-child-panel-widget {
	min-height: 250px;
	margin-bottom: 23px;
	padding: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 15px;
	background: radial-gradient(circle at 50% 0%,rgb(48 71 255 / .07),transparent 55%),#f8faff;
}

#mtp-child .mtp-child-panel-step-content {
	padding: 0 7px 10px;
}

#mtp-child .mtp-child-panel-step-content strong {
	margin: 0 0 9px;
	color: #171717;
	font-size: 19px;
	line-height: 1.3;
	font-weight: 900;
}

#mtp-child .mtp-child-panel-step-content p {
	margin: 0;
	color: #7b7b7b;
	font-size: 13px;
	line-height: 1.7;
}

#mtp-child .mtp-brand-widget {
	width: 100%;
	max-width: 285px;
	min-height: 285px;
	overflow: hidden;
	border: 1px solid #dfe5fb;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 14px 35px rgb(30 45 85 / .08);
}

#mtp-child .mtp-brand-widget-header {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 14px;
	border-bottom: 1px solid #dfe5fb;
}

#mtp-child .mtp-brand-widget-logo {
	width: 27px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #eef2ff;
	color: #171717;
	font-size: 9px;
	font-weight: 900;
}

#mtp-child .mtp-brand-widget-title {
	color: #171717;
	font-size: 10px;
	font-weight: 700;
}

#mtp-child .mtp-brand-widget-body {
	padding: 15px;
}

#mtp-child .mtp-brand-preview {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 11px;
	margin-bottom: 12px;
	border: 1px solid #dfe5fb;
	border-radius: 9px;
	background: #fbfcff;
}

#mtp-child .mtp-brand-preview-icon {
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: #3be395;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
}

#mtp-child .mtp-brand-preview-text strong {
	display: block;
	margin-bottom: 3px;
	color: #171717;
	font-size: 14px;
}

#mtp-child .mtp-brand-preview-text span {
	color: #8790a2;
	font-size: 10px;
}

#mtp-child .mtp-brand-field {
	margin-top: 10px;
}

#mtp-child .mtp-brand-field label {
	display: block;
	margin-bottom: 5px;
	color: #8a93a5;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
}

#mtp-child .mtp-brand-input {
	display: flex;
	align-items: center;
	min-height: 31px;
	padding: 0 9px;
	border: 1px solid #e5eaf3;
	border-radius: 7px;
	color: #526078;
	background: #fff;
	font-size: 9px;
}

#mtp-child .mtp-brand-input span {
	margin-right: 4px;
	color: #a1a9b8;
}

#mtp-child .mtp-api-widget {
	width: 100%;
	max-width: 285px;
	min-height: 285px;
	overflow: hidden;
	border: 1px solid #dfe5fb;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 14px 35px rgb(30 45 85 / .08);
}

#mtp-child .mtp-api-widget-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px;
	border-bottom: 1px solid #dfe5fb;
}

#mtp-child .mtp-api-widget-title {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #171717;
	font-size: 10px;
	font-weight: 750;
}

#mtp-child .mtp-api-widget-title-icon {
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: #eef2ff;
	color: #171717;
	font-size: 11px;
	font-weight: 900;
}

#mtp-child .mtp-api-widget-status {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #159447;
	font-size: 8px;
	font-weight: 700;
}

#mtp-child .mtp-api-widget-status i {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #16a34a;
}

#mtp-child .mtp-api-flow {
	padding: 18px 15px;
}

#mtp-child .mtp-api-flow-item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px;
	border: 1px solid #dfe5fb;
	border-radius: 9px;
	background: #fbfcff;
}

#mtp-child .mtp-api-flow-item+.mtp-api-flow-item {
	margin-top: 18px;
}

#mtp-child .mtp-api-flow-item+.mtp-api-flow-item:before {
	content: "↓";
	position: absolute;
	top: -19px;
	left: 50%;
	transform: translateX(-50%);
	color: #3be395;
	font-size: 14px;
	font-weight: 700;
}

#mtp-child .mtp-api-flow-logo {
	width: 31px;
	height: 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #3be395;
	color: #fff;
	font-size: 9px;
	font-weight: 900;
}

#mtp-child .mtp-api-flow-logo.child {
	background: #eef2ff;
	color: #3be395;
}

#mtp-child .mtp-api-flow-text strong {
	display: block;
	color: #171717;
	font-size: 14px;
}

#mtp-child .mtp-api-flow-text span {
	color: #8790a2;
	font-size: 10px;
}

#mtp-child .mtp-api-connected {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 14px;
	color: #159447;
	font-size: 10px;
	font-weight: 700;
}

#mtp-child .mtp-api-connected i {
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #e8f8ee;
	font-size: 8px;
}

#mtp-child .mtp-earn-widget {
	width: 100%;
	max-width: 285px;
	min-height: 285px;
	overflow: hidden;
	border: 1px solid #dfe5fb;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 14px 35px rgb(30 45 85 / .08);
}

#mtp-child .mtp-earn-widget-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px;
	border-bottom: 1px solid #dfe5fb;
}

#mtp-child .mtp-earn-widget-brand {
	display: flex;
	align-items: center;
	gap: 7px;
}

#mtp-child .mtp-earn-widget-brand-icon {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: #eef2ff;
	color: #171717;
	font-size: 8px;
	font-weight: 900;
}

#mtp-child .mtp-earn-widget-brand span {
	color: #171717;
	font-size: 10px;
	font-weight: 750;
}

#mtp-child .mtp-earn-widget-live {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #159447;
	font-size: 8px;
	font-weight: 700;
}

#mtp-child .mtp-earn-widget-live i {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #16a34a;
}

#mtp-child .mtp-earn-widget-body {
	padding: 14px;
}

#mtp-child .mtp-earn-main {
	padding: 13px;
	margin-bottom: 11px;
	border: 1px solid #dfe5fb;
	border-radius: 10px;
	background: linear-gradient(135deg,#f6f8ff,#ffffff);
}

#mtp-child .mtp-earn-main-label {
	display: block;
	color: #8790a2;
	font-size: 10px;
}

#mtp-child .mtp-earn-main-value {
	display: flex;
	align-items: baseline;
	gap: 5px;
}

#mtp-child .mtp-earn-main-value strong {
	color: #171717;
	font-size: 23px;
	font-weight: 900;
}

#mtp-child .mtp-earn-main-value span {
	color: #159447;
	font-size: 8px;
	font-weight: 700;
}

#mtp-child .mtp-earn-stats {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 9px;
}

#mtp-child .mtp-earn-stat {
	padding: 10px;
	border: 1px solid #dfe5fb;
	border-radius: 9px;
	background: #fbfcff;
}

#mtp-child .mtp-earn-stat span {
	display: block;
	margin-bottom: 5px;
	color: #8790a2;
	font-size: 10px;
}

#mtp-child .mtp-earn-stat strong {
	color: #171717;
	font-size: 13px;
	font-weight: 900;
}

#mtp-child .mtp-earn-chart {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	height: 38px;
	margin-top: 13px;
	padding: 0 4px;
}

#mtp-child .mtp-earn-bar {
	width: 8px;
	border-radius: 5px 5px 2px 2px;
	background: linear-gradient(180deg,#b1ffdb,#3be395);
}

#mtp-child .mtp-child-panel-cta {
	display: flex;
	justify-content: center;
	margin-top: 38px;
}

#mtp-child .mtp-child-panel-cta a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 22px;
	border-radius: 10px;
	background: -webkit-linear-gradient(180deg,#27684a 0%,#35c581 100%);
	color: #ffffff!important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none!important;
	transition: all .25s ease;
}

#mtp-child .mtp-child-panel-cta a:hover {
	transform: translateY(-2px);
}

@media (max-width:991px) {
	#mtp-child .mtp-child-panel-steps {
		grid-template-columns: 1fr;
		max-width: 600px;
		margin: auto;
	}

	#mtp-child .mtp-child-panel-steps:before {
		display: none;
	}

	#mtp-child .mtp-child-panel-step {
		display: grid;
		grid-template-columns: 280px 1fr;
		gap: 25px;
		align-items: center;
	}

	#mtp-child .mtp-child-panel-widget {
		margin-bottom: 0;
	}
}

@media (max-width:767px) {
	#mtp-child .mtp-child-panel-section {
		padding: 55px 0;
	}

	#mtp-child .mtp-child-panel-heading {
		margin-bottom: 30px;
	}

	#mtp-child .mtp-child-panel-heading h2 {
		font-size: 27px;
	}

	#mtp-child .mtp-child-panel-heading p {
		font-size: 13px;
	}

	#mtp-child .mtp-child-panel-step {
		display: block;
		padding: 14px;
	}

	#mtp-child .mtp-child-panel-widget {
		min-height: 240px;
		margin-bottom: 20px;
	}

	#mtp-child .mtp-child-panel-step-content {
		padding: 0 5px 8px;
	}

	#mtp-child .mtp-child-panel-step-content strong {
		font-size: 18px;
	}

	#mtp-child .mtp-child-panel-cta {
		margin-top: 30px;
	}
}

@media (max-width:420px) {
	#mtp-child .mtp-child-panel-heading h2 {
		font-size: 24px;
	}

	#mtp-child .mtp-child-panel-widget {
		padding: 13px;
	}
}

#mtp-child .mtp-how-it-works-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 15px;
	position: relative;
}

#mtp-child .mtp-how-it-works-card {
	position: relative;
	min-height: 260px;
	padding: 50px 15px 28px;
	text-align: center;
	border: 1px solid #dfe5fb;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 8px 25px rgb(30 45 85 / .035);
	transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

#mtp-child .mtp-how-it-works-card:hover {
	transform: translateY(-5px);
	border-color: #cbd4f5;
	box-shadow: 0 16px 35px rgb(30 45 85 / .08);
}

#mtp-child .mtp-how-it-works-icon {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 22px;
	border-radius: 15px;
	background: #ecfdf5;
	color: #059669;
}

#mtp-child .mtp-how-it-works-icon svg {
	width: 34px;
	height: 34px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#mtp-child .mtp-how-it-works-card h3 {
	margin: 0 0 10px;
	color: #171717;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 900;
}

#mtp-child .mtp-how-it-works-card p {
	margin: 0;
	color: #7b7b7b;
	font-size: 13px;
	line-height: 1.7;
}

@media (max-width:991px) {
	#mtp-child .mtp-how-it-works-grid {
		grid-template-columns: repeat(2,1fr);
		gap: 45px 20px;
	}
}

@media (max-width:575px) {
	#mtp-child .mtp-how-it-works-grid {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	#mtp-child .mtp-how-it-works-card {
		min-height: auto;
		padding: 48px 25px 30px;
	}
}

#mtp-child .mtp-feature-box {
	display: flex;
	padding: 50px 12px 10px 12px;
	flex-direction: column;
	gap: 23px;
	align-items: stretch;
	border-radius: 25px;
	background: #fff;
	border: 1px solid #dfe5fb;
	position: relative;
	overflow: hidden;
	margin: 35px 0 75px 0;
}

#mtp-child .mtp-feature-box::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 12% 0%,rgb(37 244 141 / 11%),transparent 28%),radial-gradient(circle at 92% 12%,rgb(3 221 113 / 10%),transparent 26%),radial-gradient(circle at 78% 90%,rgb(59 255 39 / 8%),transparent 28%);
	pointer-events: none;
	z-index: 0;
}

#mtp-child .mtp-feature {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

#mtp-child .mtp-feature-head {
	display: grid;
	grid-template-columns: auto 400px;
	border: 1px solid #fff0;
	color: #171717;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: -.36px;
	padding: 0 25px;
}

#mtp-child .mtp-feature-row {
	display: grid;
	grid-template-columns: auto 400px;
}

#mtp-child .mtp-feature-row .mtp-marks {
	display: flex;
	text-align: center;
	justify-content: space-around;
	gap: 10px;
	font-weight: 700;
}

#mtp-child .mtp-feature-row .mtp-mark {
	min-width: 150px;
}

#mtp-child .mtp-feature-body {
	border-radius: 20px;
	border: 1px solid #dfe5fb;
	background: #fff;
	padding: 10px 25px;
	position: relative;
}

#mtp-child .mtp-feature-items .mtp-feature-row {
	display: grid;
	grid-template-columns: auto 400px;
	padding: 15px 0;
	color: #171717;
}

#mtp-child .mtp-feature-row .hc-feature {
	display: flex;
	flex-direction: column;
	gap: 24px;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -.32px;
}

#mtp-child .mtp-feature-row .mtp-marks {
	display: flex;
	text-align: center;
	justify-content: space-around;
	gap: 10px;
}

#mtp-child .mtp-feature-item .mtp-mark .check-icon {
	font-size: 18px;
	color: #2c8d3e;
}

#mtp-child .mtp-feature-item .mtp-mark .times-icon {
	font-size: 18px;
	color: #d02e46;
}

@media (max-width:991px) {
	#mtp-child .mtp-feature {
		gap: 10px;
		margin-bottom: 16px;
		margin-top: -10px;
		font-size: 22px;
	}

	#mtp-child .mtp-feature-row {
		grid-template-columns: 1fr!important;
		text-align: center;
	}

	#mtp-child .mtp-feature-head .hcf-feature {
		margin: -20px 0 25px 0;
		font-size: 22px;
	}

	#mtp-child .mtp-feature-row .mtp-mark {
		min-width: auto;
	}

	#mtp-child .mtp-feature-row .hc-feature {
		font-size: 18px;
		font-weight: 700;
	}

	#mtp-child .mtp-feature-row .mtp-mark.text-primary,#mtp-child .mtp-feature-row .mtp-mark.text-success,#mtp-child .mtp-feature-row .mtp-mark.text-danger {
		min-width: auto;
		font-size: 16px;
		padding-top: 10px;
	}
}

#mtp-child .reseller-test-banner {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 142px;
	margin: 22px 0 28px;
	padding: 24px 28px;
	overflow: hidden;
	background: linear-gradient(135deg,#fbfefc 0%,#f7fbf9 48%,#f9fcff 100%);
	border: 1px solid #dfe5fb;
	border-radius: 15px;
	box-shadow: 0 10px 35px rgb(15 23 42 / .045);
}

#mtp-child .reseller-banner-glow {
	position: absolute;
	width: 280px;
	height: 280px;
	right: 80px;
	top: -150px;
	border-radius: 50%;
	background: radial-gradient(circle,rgb(16 185 129 / .10) 0%,rgb(16 185 129 / .035) 38%,transparent 70%);
	pointer-events: none;
}

#mtp-child .reseller-test-banner::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 38%;
	height: 100%;
	opacity: .45;
	background-image: linear-gradient(rgb(16 185 129 / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(16 185 129 / .055) 1px,transparent 1px);
	background-size: 22px 22px;
	mask-image: linear-gradient(90deg,transparent,#000);
	-webkit-mask-image: linear-gradient(90deg,transparent,#000);
	pointer-events: none;
}

#mtp-child .reseller-banner-icon {
	position: relative;
	z-index: 2;
	width: 62px;
	height: 62px;
	flex: 0 0 62px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	color: #0d9b65;
	background: linear-gradient(145deg,#effaf5,#e3f5ec);
	border: 1px solid #d3eee2;
	border-radius: 16px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .8),0 7px 18px rgb(16 185 129 / .07);
}

#mtp-child .reseller-banner-icon>svg {
	width: 34px;
	height: 34px;
}

#mtp-child .reseller-verified-dot {
	position: absolute;
	right: -5px;
	bottom: -5px;
	width: 21px;
	height: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #10a978;
	border: 3px solid #f8fcfa;
	border-radius: 50%;
	color: #fff;
}

#mtp-child .reseller-verified-dot svg {
	width: 12px;
	height: 12px;
}

#mtp-child .reseller-banner-content {
	position: relative;
	z-index: 2;
	min-width: 0;
	flex: 1;
	padding-right: 25px;
}

#mtp-child .reseller-banner-label {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 5px;
	color: #109467;
	font-size: 9px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: .09em;
}

#mtp-child .reseller-banner-label span {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #10a978;
	box-shadow: 0 0 0 4px rgb(16 185 129 / .08);
}

#mtp-child .reseller-banner-content small {
	margin: 0;
	color: #171717;
	font-size: 18px;
	line-height: 1.35;
	font-weight: 700;
}

#mtp-child .reseller-banner-content small strong {
	color: #109467;
	font-weight: 900;
}

#mtp-child .reseller-banner-content p {
	max-width: 720px;
	margin: 6px 0 0;
	color: #697586;
	font-size: 11px;
	line-height: 1.6;
	font-weight: 700;
}

#mtp-child .reseller-banner-action {
	position: relative;
	z-index: 3;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	min-width: 215px;
}

#mtp-child .reseller-test-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 40px;
	padding: 0 16px;
	color: #ffffff!important;
	background: linear-gradient(135deg,#10a978,#0d9865);
	border: 1px solid #0d9865;
	border-radius: 9px;
	box-shadow: 0 7px 16px rgb(16 185 129 / .15);
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	white-space: nowrap;
	transition: transform .2s ease,box-shadow .2s ease,filter .2s ease;
}

#mtp-child .reseller-test-btn:hover {
	color: #ffffff!important;
	text-decoration: none;
	transform: translateY(-2px);
	filter: brightness(1.02);
	box-shadow: 0 10px 22px rgb(16 185 129 / .22);
}

#mtp-child .reseller-test-btn svg {
	width: 15px;
	height: 15px;
	transition: transform .2s ease;
}

#mtp-child .reseller-test-btn:hover svg {
	transform: translateX(3px);
}

#mtp-child .reseller-action-note {
	margin-top: 7px;
	color: #9aa3af;
	font-size: 9px;
	line-height: 1.4;
	font-weight: 700;
	text-align: right;
}

#mtp-child .reseller-test-banner:hover .reseller-banner-icon {
	transform: translateY(-2px);
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .8),0 9px 22px rgb(16 185 129 / .11);
}

#mtp-child .reseller-banner-icon {
	transition: transform .25s ease,box-shadow .25s ease;
}

@media (max-width:900px) {
	#mtp-child .reseller-test-banner {
		align-items: flex-start;
		padding: 22px;
		text-align: center;
	}

	#mtp-child .reseller-banner-content {
		padding-right: 15px;
	}

	#mtp-child .reseller-banner-action {
		min-width: 195px;
	}

	#mtp-child .reseller-action-note {
		text-align: center;
		font-size: 8px;
		width: 100%;
	}

	#mtp-child .reseller-banner-label {
		justify-content: center;
	}

	#mtp-child .reseller-banner-icon {
		width: 52px;
		height: 52px;
		margin: 0 auto 15px auto;
		border-radius: 14px;
	}
}

@media (max-width:680px) {
	#mtp-child .reseller-test-banner {
		display: block;
		min-height: auto;
		margin: 18px 0 24px;
		padding: 20px;
		border-radius: 15px;
	}

	#mtp-child .reseller-banner-icon>svg {
		width: 29px;
		height: 29px;
	}

	#mtp-child .reseller-banner-content {
		padding-right: 0;
	}

	#mtp-child .reseller-banner-content small {
		font-size: 17px;
		line-height: 1.4;
	}

	#mtp-child .reseller-banner-content p {
		font-size: 11px;
		line-height: 1.65;
		margin-top: 7px;
	}

	#mtp-child .reseller-banner-action {
		align-items: flex-start;
		min-width: 0;
		margin-top: 17px;
	}

	#mtp-child .reseller-test-btn {
		width: 100%;
		min-height: 42px;
	}

	.mtp-trust.mtp-margin {
		margin: 25px 0;
	}
}

@media (max-width:380px) {
	#mtp-child .reseller-test-banner {
		padding: 17px;
	}

	#mtp-child .reseller-banner-content small {
		font-size: 16px;
	}

	#mtp-child .reseller-banner-content p {
		font-size: 10px;
	}
}

.last-check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	border: 1px solid rgb(16 185 129 / .18);
	border-radius: 999px;
	background: rgb(16 185 129 / .07);
	color: #171717;
	font-size: 12px;
	font-weight: 700;
	width: max-content;
	margin: 0 auto;
}

.last-check strong {
	color: #059669;
}

.last-check::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #249a62;
	box-shadow: 0 0 0 4px rgb(16 185 129 / .10);
}

.report-meta {
	display: flex;
	align-items: center;
	gap: 13px;
	margin: 0 auto;
	width: max-content;
	max-width: 100%;
	padding: 8px 11px;
	background: rgb(255 255 255 / .72);
	border: 1px solid #cdd6f2;
	border-radius: 9px;
	box-shadow: 0 4px 16px rgb(15 23 42 / .025);
}

.report-meta-item {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #7c8792;
	font-size: 11px;
	line-height: 1;
	white-space: nowrap;
}

.report-meta-item i {
	color: #929da7;
	font-size: 10px;
}

.report-meta-item strong {
	color: #46515b;
	font-weight: 700;
}

.report-live-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #10b981;
	box-shadow: 0 0 0 3px rgb(16 185 129 / .10);
	animation: reportLivePulse 2s infinite;
}

.report-meta-divider {
	width: 1px;
	height: 14px;
	background: #e5e9ef;
}

@keyframes reportLivePulse {
	0%,100% {
		opacity: 1;
		box-shadow: 0 0 0 3px rgb(16 185 129 / .10);
	}

	50% {
		opacity: .65;
		box-shadow: 0 0 0 5px rgb(16 185 129 / .04);
	}
}

@media(max-width:575.98px) {
	.report-meta {
		width: 100%;
		flex-wrap: wrap;
		gap: 9px 11px;
		padding: 9px 10px;
	}

	.report-meta-divider {
		height: 12px;
	}
}

#mtpReliabilityReport {
	margin-top: 35px;
}

#mtpReliabilityReport .mr-kpis {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 12px;
	margin-bottom: 13px;
}

#mtpReliabilityReport .mr-kpi {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 15px 16px;
	min-height: 105px;
}

#mtpReliabilityReport .mr-kpi-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#mtpReliabilityReport .mr-kpi-label {
	font-size: 12px;
	color: #46515b;
	font-weight: 700;
}

#mtpReliabilityReport .mr-kpi-info {
	width: 15px;
	height: 15px;
	border: 1px solid #d7dde3;
	color: #9aa5af;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 9px;
}

#mtpReliabilityReport .mr-kpi-main {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 8px;
}

#mtpReliabilityReport .mr-kpi-icon {
	width: 25px;
	height: 25px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}

#mtpReliabilityReport .mr-icon-green {
	color: #fff;
	background: #10b981;
}

#mtpReliabilityReport .mr-icon-blue {
	color: #fff;
	background: #3b82f6;
}

#mtpReliabilityReport .mr-icon-orange {
	color: #fff;
	background: #ef6c4d;
}

#mtpReliabilityReport .mr-icon-purple {
	color: #fff;
	background: #8b5cf6;
}

#mtpReliabilityReport .mr-kpi-value {
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
	color: #171717;
}

#mtpReliabilityReport .mr-kpi-change {
	font-size: 11px;
	font-weight: 700;
	margin-left: 5px;
	color: #059669;
	background: rgb(5 150 105 / .15);
	padding: 3px 5px;
	border-radius: 5px;
}

#mtpReliabilityReport .mr-kpi-change.down {
	color: #e87955;
	background: rgb(232 121 85 / .15);
	padding: 3px 5px;
	border-radius: 5px;
}

#mtpReliabilityReport .mr-kpi-bottom {
	font-size: 11px;
	color: #7b7b7b;
	margin-top: 6px;
}

#mtpReliabilityReport .mr-card {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
}

#mtpReliabilityReport .mr-chart-grid {
	display: grid;
	grid-template-columns: minmax(0,2fr) minmax(290px,.95fr);
	gap: 12px;
	margin-bottom: 13px;
}

#mtpReliabilityReport .mr-chart-card {
	min-height: 365px;
}

#mtpReliabilityReport .mr-card-header {
	padding: 15px 16px 0;
}

#mtpReliabilityReport .mr-card-title {
	font-size: 16px;
	font-weight: 900;
	margin: 0;
	color: #171717;
}

#mtpReliabilityReport .mr-card-subtitle {
	font-size: 12px;
	color: #8b96a1;
	margin-top: 4px;
}

#mtpReliabilityReport .mr-chart-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 16px 0;
}

#mtpReliabilityReport .mr-range {
	display: flex;
	border: 1px solid #cdd6f2;
	border-radius: 6px;
	overflow: hidden;
}

#mtpReliabilityReport .mr-range button {
	border: 0;
	background: #fff;
	color: #7d8791;
	padding: 15px;
	font-size: 9px;
	font-weight: 650;
	cursor: pointer;
	transition: .2s;
}

#mtpReliabilityReport .mr-range button+button {
	border-left: 1px solid #cdd6f2;
}

#mtpReliabilityReport .mr-range button.active {
	background: #17202a;
	color: #fff;
}

#mtpReliabilityReport .mr-chart {
	height: 270px;
	padding: 0 8px;
}

#mtpReliabilityReport .mr-donut-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 275px;
	position: relative;
}

#mtpReliabilityReport #mrOutcomeChart {
	width: 100%;
	height: 260px;
}

#mtpReliabilityReport .mr-outcome-list {
	padding: 0 16px 17px;
}

#mtpReliabilityReport .mr-outcome-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 7px 0;
	border-top: 1px solid #f0f2f4;
}

#mtpReliabilityReport .mr-outcome-left {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 10px;
	color: #64707b;
}

#mtpReliabilityReport .mr-outcome-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

#mtpReliabilityReport .mr-outcome-value {
	text-align: right;
	font-size: 10px;
	font-weight: 750;
}

#mtpReliabilityReport .mr-outcome-count {
	font-size: 8px;
	font-weight: 400;
	color: #9aa3ac;
	margin-left: 3px;
}

#mtpReliabilityReport .mr-table-card {
	margin-bottom: 13px;
	overflow: hidden;
}

#mtpReliabilityReport .mr-table-wrap {
	overflow-x: auto;
}

#mtpReliabilityReport .mr-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 780px;
}

#mtpReliabilityReport .mr-table tbody tr:nth-child(even) {
	background: #fafafa;
}

#mtpReliabilityReport .mr-table th {
	padding: 10px 13px;
	background: #171717;
	border-top: 1px solid #171717;
	border-bottom: 1px solid #171717;
	font-size: 12px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	white-space: nowrap;
}

#mtpReliabilityReport .mr-table td {
	padding: 9px 13px;
	color: #4d5868;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 700;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
}

#mtpReliabilityReport .mr-table tr:last-child td {
	border-bottom: 0;
}

#mtpReliabilityReport .mr-platform {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 650;
	color: #26313a;
}

#mtpReliabilityReport .mr-platform-icon {
	width: 26px;
	height: 26px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #6c757d;
	font-size: 13px;
	color: #fff;
}

#mtpReliabilityReport .mr-platform-icon.instagram {
	background: linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45);
}

#mtpReliabilityReport .mr-platform-icon.tiktok {
	background: #000;
	text-shadow: 1px 1px #f72e4dfc,-1px -1px #09f3f3;
}

#mtpReliabilityReport .mr-platform-icon.youtube {
	background: red;
}

#mtpReliabilityReport .mr-platform-icon.telegram {
	background: #229ED9;
}

#mtpReliabilityReport .mr-platform-icon.twitter {
	background: #1DA1F2;
}

#mtpReliabilityReport .mr-platform-icon.spotify {
	background: #1db954;
}

#mtpReliabilityReport .mr-platform-icon.facebook {
	background: #1877f2;
}

#mtpReliabilityReport .mr-platform-icon.others {
	background: #6c757d;
}

#mtpReliabilityReport .mr-rate-green {
	color: #089669!important;
	font-weight: 700;
}

#mtpReliabilityReport .mr-rate-orange {
	color: #d97706!important;
	font-weight: 700;
}

#mtpReliabilityReport .mr-rate-red {
	color: #df654a!important;
	font-weight: 700;
}

#mtpReliabilityReport .mr-view {
	color: #059669;
	font-weight: 700;
	font-size: 9px;
}

#mtpReliabilityReport .mr-section-heading {
	display: flex;
	align-items: center;
	margin-bottom: 13px;
	gap: 10px;
	padding: 15px 16px 12px;
}

#mtpReliabilityReport .mr-section-heading .mr-section-title {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}

#mtpReliabilityReport .mr-section-heading .icon {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #f0faf6;
	border: 1px solid #dcefe7;
	color: #10a978;
	font-size: 16px;
}

#mtpReliabilityReport .mr-section-heading h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 900;
	color: #171717;
}

#mtpReliabilityReport .mr-section-heading p {
	margin: 4px 0 0;
	color: #8b96a1;
	font-size: 12px;
}

#mtpReliabilityReport .mr-bottom-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 13px;
}

#mtpReliabilityReport .mr-refill {
	padding: 17px;
}

#mtpReliabilityReport .mr-refill-main {
	display: flex;
	align-items: center;
	gap: 30px;
}

#mtpReliabilityReport .mr-refill-ring {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: conic-gradient(#10b981 0deg,#10b981 336.9deg,#e8edf0 336.9deg);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
}

#mtpReliabilityReport .mr-refill-ring:after {
	content: "";
	position: absolute;
	width: 125px;
	height: 125px;
	border-radius: 50%;
	background: #fff;
}

#mtpReliabilityReport .mr-refill-ring-inner {
	position: relative;
	z-index: 1;
	text-align: center;
}

#mtpReliabilityReport .mr-refill-percent {
	font-size: 18px;
	font-weight: 900;
}

#mtpReliabilityReport .mr-refill-label {
	font-size: 8px;
	color: #8a949d;
	margin-top: 2px;
}

#mtpReliabilityReport .mr-refill-info {
	flex: 1;
}

#mtpReliabilityReport .mr-refill-title {
	font-size: 12px;
	font-weight: 700;
}

#mtpReliabilityReport .mr-refill-change {
	font-size: 11px;
	font-weight: 700;
	margin-left: 5px;
	color: #059669;
	background: rgb(5 150 105 / .15);
	padding: 3px 5px;
	border-radius: 5px;
	margin-top: 4px;
	width: max-content;
}

#mtpReliabilityReport .mr-mini-stat {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 15px;
}

#mtpReliabilityReport .mr-mini-icon {
	width: 42px;
	height: 42px;
	border-radius: 7px;
	background: #f0f7f4;
	color: #079669;
	display: flex;
	align-items: center;
	justify-content: center;
}

#mtpReliabilityReport .mr-mini-label {
	font-size: 12px;
	color: #8b96a1;
}

#mtpReliabilityReport .mr-mini-value {
	font-size: 16px;
	font-weight: 900;
	margin-top: 2px;
}

#mtpReliabilityReport .mr-cancel {
	padding-bottom: 12px;
}

#mtpReliabilityReport .mr-reason {
	padding: 6px 16px;
}

#mtpReliabilityReport .mr-reason-top {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: #66717c;
	margin-bottom: 5px;
}

#mtpReliabilityReport .mr-bar {
	height: 6px;
	background: #edf0f2;
	border-radius: 10px;
	overflow: hidden;
}

#mtpReliabilityReport .mr-bar span {
	display: block;
	height: 100%;
	width: var(--width);
	background: #10b981;
	border-radius: 10px;
	transition: width 1s ease;
}

#mtpReliabilityReport .mr-method {
	background: #f1faf7;
	border-color: #d9eee7;
	padding: 17px;
	margin-bottom: 13px;
}

#mtpReliabilityReport .mr-method-top {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	align-items: center;
}

#mtpReliabilityReport .mr-method-title {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 14px;
	font-weight: 900;
}

#mtpReliabilityReport .mr-method-title i {
	color: #089669;
	font-size: 16px;
}

#mtpReliabilityReport .mr-method-sub {
	font-size: 9px;
	color: #84918c;
	margin: 4px 0 0 25px;
}

#mtpReliabilityReport .mr-method-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 18px;
}

#mtpReliabilityReport .mr-method-item {
	display: flex;
	gap: 9px;
}

#mtpReliabilityReport .mr-method-icon {
	color: #089669;
	font-size: 14px;
	width: 18px;
}

#mtpReliabilityReport .mr-method-item strong {
	display: block;
	font-size: 15px;
	margin-bottom: 3px;
}

#mtpReliabilityReport .mr-method-item span {
	display: block;
	color: #84918c;
	font-size: 12px;
	line-height: 1.45;
}

#mtpReliabilityReport .mr-research {
	margin: 25px auto;
}

#mtpReliabilityReport .mr-research-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 9px;
}

#mtpReliabilityReport .mr-research-link {
	background: #111a22;
	border: 1px solid #111a22;
	border-radius: 15px;
	padding: 25px 15px;
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none!important;
	transition: .2s;
}

#mtpReliabilityReport .mr-research-link:hover {
	transform: translateY(-4px);
	border-color: rgb(16 185 129 / .45);
	box-shadow: 0 20px 50px rgb(16 185 129 / .08);
}

#mtpReliabilityReport .mr-research-link:hover strong {
	color: #10b981;
}

#mtpReliabilityReport .mr-research-link .icon {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #f0faf6;
	border: 1px solid #dcefe7;
	color: #10a978;
	font-size: 16px;
}

#mtpReliabilityReport .mr-research-link strong {
	display: block;
	color: #fff;
	font-size: 16px;
}

#mtpReliabilityReport .mr-research-link span {
	display: block;
	color: #9ca8b2;
	font-size: 12px;
	margin-top: 2px;
}

@media(max-width:991.98px) {
	#mtpReliabilityReport .mr-top {
		flex-direction: column;
	}

	#mtpReliabilityReport .mr-total-box {
		width: 100%;
	}

	#mtpReliabilityReport .mr-kpis {
		grid-template-columns: repeat(2,1fr);
	}

	#mtpReliabilityReport .mr-chart-grid {
		grid-template-columns: 1fr;
	}

	#mtpReliabilityReport .mr-bottom-grid {
		grid-template-columns: 1fr;
	}

	#mtpReliabilityReport .mr-method-grid {
		grid-template-columns: repeat(2,1fr);
	}
}

@media(max-width:767.98px) {
	#mtpReliabilityReport .mr-kpis {
		gap: 8px;
	}

	#mtpReliabilityReport .mr-kpi {
		padding: 13px;
	}

	#mtpReliabilityReport .mr-kpi-value {
		font-size: 18px;
	}

	#mtpReliabilityReport .mr-chart-card {
		min-height: 350px;
	}

	#mtpReliabilityReport .mr-chart {
		height: 260px;
	}

	#mtpReliabilityReport .mr-method-grid {
		grid-template-columns: 1fr;
	}

	#mtpReliabilityReport .mr-research-grid {
		grid-template-columns: 1fr;
	}
}

@media(max-width:420px) {
	#mtpReliabilityReport .mr-kpis {
		grid-template-columns: 1fr;
	}

	#mtpReliabilityReport .mr-total-number {
		font-size: 24px;
	}
}

.mtp-best .lsb-card {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 21px 23px 0;
	margin-top: 15px;
}

.mtp-best .lsb-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.mtp-best .lsb-title-block {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.mtp-best .lsb-title-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mtp-best .lsb-title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #171717;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.01em;
}

.mtp-best .lsb-status-dot {
	width: 7px;
	height: 7px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: #10b981;
}

.mtp-best .lsb-live-text {
	display: inline-flex;
	align-items: center;
	height: 18px;
	padding: 0 6px;
	border-radius: 4px;
	background: #f0faf6;
	color: #0f9f6e;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .05em;
}

.mtp-best .lsb-subtitle {
	color: #8b949e;
	font-size: 11.5px;
	margin-bottom: 0;
}

.mtp-best .lsb-updated {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.mtp-best .lsb-updated i {
	font-size: 10px;
	color: #a3abb5;
}

.mtp-best .lsb-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}

.mtp-best .lsb-toggle {
	display: inline-flex;
	align-items: center;
	padding: 3px;
	background: #f3f5f7;
	border: 1px solid #e7eaee;
	border-radius: 7px;
	gap: 2px;
}

.mtp-best .lsb-toggle .btn {
	border: 0;
	outline: 0;
	background: #fff0;
	color: #737b86!important;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	padding: 7px 11px;
	border-radius: 5px;
	transition: background .18s ease,color .18s ease,box-shadow .18s ease;
}

.mtp-best .lsb-toggle .btn:hover {
	color: #343a40!important;
}

.mtp-best .lsb-toggle .btn.active {
	background: #fff;
	color: #171a1f!important;
	box-shadow: 0 1px 3px rgb(16 24 40 / .08);
}

.mtp-best .lsb-toggle .btn:focus {
	box-shadow: 0 0 0 2px rgb(16 185 129 / .12);
}

.mtp-best .lsb-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #59636f!important;
	font-size: 11.5px;
	font-weight: 700;
	text-decoration: none!important;
	white-space: nowrap;
	transition: color .18s ease,gap .18s ease;
}

.mtp-best .lsb-link i {
	font-size: 9px;
	transition: transform .18s ease;
}

.mtp-best .lsb-link:hover {
	color: #10a978!important;
}

.mtp-best .lsb-link:hover i {
	transform: translateX(3px);
}

.mtp-best .lsb-divider {
	height: 1px;
	background: #edf0f3;
	margin: 18px 0 0;
}

.mtp-best .lsb-stats {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
}

.mtp-best .lsb-stat {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	min-width: 0;
	padding: 20px 20px 19px 0;
}

.mtp-best .lsb-stat:not(:first-child) {
	padding-left: 20px;
	border-left: 1px solid #edf0f3;
}

.mtp-best .lsb-icon-top {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #f0faf6;
	border: 1px solid #dcefe7;
	color: #10a978;
	font-size: 16px;
}

.mtp-best .lsb-icon {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: #10a978;
	color: #fff;
	font-size: 13px;
}

.mtp-best .lsb-stat-content {
	min-width: 0;
}

.mtp-best .lsb-stat-label {
	color: #68717d;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.35;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mtp-best .lsb-stat-value {
	color: #171a1f;
	font-size: 22px;
	font-weight: 750;
	line-height: 1.1;
	letter-spacing: -.025em;
	white-space: nowrap;
	transition: opacity .12s ease,transform .18s ease;
}

.mtp-best .lsb-stat-value.lsb-value-changing {
	opacity: 0;
	transform: translateY(3px);
}

.mtp-best .lsb-stat-compare {
	color: #9aa2ac;
	font-size: 10.5px;
	line-height: 1.35;
	margin-top: 5px;
	white-space: nowrap;
}

.mtp-best .lsb-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	min-height: 36px;
	border-top: 1px solid #edf0f3;
	color: #9aa2ac;
	font-size: 10px;
}

.mtp-best .lsb-footer-status {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.mtp-best .lsb-footer-status i {
	color: #10b981;
	font-size: 6px;
}

@media (max-width:991.98px) {
	.mtp-best .lsb-header {
		align-items: flex-start;
	}

	.mtp-best .lsb-actions {
		flex-direction: column;
		align-items: flex-end;
	}

	.mtp-best .lsb-stats {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.mtp-best .lsb-stat:nth-child(3) {
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid #edf0f3;
	}

	.mtp-best .lsb-stat:nth-child(4) {
		border-top: 1px solid #edf0f3;
	}
}

@media (max-width:767.98px) {
	.mtp-best .lsb-card {
		padding: 18px 16px 0;
	}

	.mtp-best .lsb-header {
		flex-direction: column;
		align-items: stretch;
		gap: 15px;
	}

	.mtp-best .lsb-actions {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.mtp-best .lsb-link {
		margin-left: auto;
	}

	.mtp-best .lsb-stat {
		padding-top: 17px;
		padding-bottom: 17px;
	}
}

@media (max-width:500px) {
	.mtp-best .lsb-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.mtp-best .lsb-toggle {
		width: 100%;
	}

	.mtp-best .lsb-toggle .btn {
		flex: 1;
		text-align: center;
	}

	.mtp-best .lsb-link {
		margin-left: 0;
		justify-content: center;
		padding: 3px 0;
	}

	.mtp-best .lsb-stats {
		grid-template-columns: 1fr;
	}

	.mtp-best .lsb-stat,.mtp-best .lsb-stat:nth-child(3),.mtp-best .lsb-stat:nth-child(4) {
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid #edf0f3;
		border-left: none!important;
	}

	.mtp-best .lsb-stat:first-child {
		border-top: 0;
	}

	.mtp-best .lsb-footer {
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
		gap: 3px;
		padding: 9px 0;
	}
}

@media (prefers-reduced-motion:reduce) {
	.mtp-best .lsb-status-dot,.mtp-best .lsb-link,.mtp-best .lsb-link i,.mtp-best .lsb-stat-value {
		transition: none!important;
	}
}

.perf-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-width: 200px;
	padding: 10px 20px;
	border: none;
	border-radius: 7px;
	color: #ffffff!important;
	background: #3be395;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none!important;
	transition: transform .2s ease,box-shadow .2s ease;
}

.perf-link:hover {
	transform: translateY(-2px);
	color: #ffffff!important;
}

@media (max-width:991.98px) {
	.perf-link {
		width: 100%;
	}
}

.mtp-compare-checkbox {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.mtp-compare-check {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin: 0 9px 0 0;
	cursor: pointer;
	vertical-align: middle;
}

.mtp-compare-box {
	position: relative;
	display: block;
	width: 18px;
	height: 18px;
	border: 1.5px solid #cbd5e1;
	border-radius: 5px;
	background: #fff;
	transition: all .18s ease;
}

.mtp-compare-box:after {
	content: "";
	position: absolute;
	left: 5px;
	top: 2px;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) scale(0);
	opacity: 0;
	transition: all .15s ease;
}

.mtp-compare-checkbox:checked+.mtp-compare-box {
	background: #3be395;
	border-color: #3be395;
}

.mtp-compare-checkbox:checked+.mtp-compare-box:after {
	opacity: 1;
	transform: rotate(45deg) scale(1);
}

.mtp-compare-check:hover .mtp-compare-box {
	border-color: #8956fb;
}

.mtp-compare-checkbox:focus-visible+.mtp-compare-box {
	outline: 3px solid rgb(137 86 251 / .16);
	outline-offset: 2px;
}

.mtp-compare-tray {
	position: fixed;
	z-index: 1050;
	left: 50%;
	bottom: 22px;
	width: min(1080px, calc(100% - 30px));
	transform: translate(-50%,calc(100% + 40px));
	opacity: 0;
	visibility: hidden;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 13px 15px 13px 18px;
	background: rgb(255 255 255 / .97);
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	box-shadow: 0 18px 50px rgb(15 23 42 / .14),0 3px 12px rgb(15 23 42 / .06);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	transition: transform .28s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility .2s ease;
}

.mtp-compare-tray.mtp-is-visible {
	transform: translate(-50%,0);
	opacity: 1;
	visibility: visible;
}

.mtp-compare-tray-info {
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	min-width: 145px;
}

.mtp-compare-selected-count {
	display: block;
	color: #111827;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

.mtp-compare-tray-label {
	display: block;
	margin-top: 1px;
	color: #64748b;
	font-size: 12px;
	line-height: 18px;
}

.mtp-compare-warning {
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(100% + 10px);
	margin-left: auto;
	margin-right: auto;
	width: max-content;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px 13px;
	color: #991b1b;
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 9px;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	box-shadow: 0 8px 25px rgb(127 29 29 / .10);
	opacity: 0;
	transform: translateY(8px);
	pointer-events: none;
	transition: opacity .2s ease,transform .2s ease;
}

.mtp-compare-warning.mtp-warning-visible {
	opacity: 1;
	transform: translateY(0);
}

.mtp-compare-warning-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	color: #b91c1c;
	background: #fee2e2;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 900;
}

.mtp-selected-list {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	gap: 7px;
	overflow-x: auto;
	scrollbar-width: none;
}

.mtp-selected-list::-webkit-scrollbar {
	display: none;
}

.mtp-selected-chip {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 7px;
	height: 32px;
	padding: 0 10px;
	color: #334155;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: all .16s ease;
}

.mtp-selected-chip:hover {
	color: #dc2626;
	border-color: #fecaca;
	background: #fef2f2;
}

.mtp-selected-chip-close {
	color: #94a3b8;
	font-size: 15px;
	line-height: 1;
}

.mtp-selected-chip:hover .mtp-selected-chip-close {
	color: #dc2626;
}

.mtp-text-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 7px 5px;
	color: #64748b;
	background: #fff0;
	border: 0;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
}

.mtp-text-button:hover {
	color: #111827;
}

.mtp-compare-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-width: 145px;
	height: 38px;
	padding: 0 15px;
	color: #fff;
	background: #8956fb;
	border: 1px solid #8956fb;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	box-shadow: 0 5px 14px rgb(137 86 251 / .18);
	transition: all .16s ease;
}

.mtp-compare-button:hover:not(:disabled) {
	background: #7842f4;
	border-color: #7842f4;
	box-shadow: 0 7px 18px rgb(137 86 251 / .25);
	transform: translateY(-1px);
}

.mtp-compare-button:disabled {
	opacity: .45;
	cursor: not-allowed;
	box-shadow: none;
}

.mtp-compare-modal .modal-dialog {
	width: calc(100% - 30px);
	max-width: 1180px;
	margin: 30px auto;
}

.mtp-compare-modal .modal-content {
	overflow: hidden;
	border: 0;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 25px 80px rgb(15 23 42 / .22);
}

.mtp-compare-modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	border-bottom: 1px solid #eef2f7;
}

.mtp-compare-modal-title {
	margin: 0;
	color: #111827;
	font-size: 18px;
	font-weight: 750;
}

.mtp-compare-modal-subtitle {
	margin: 4px 0 0;
	color: #64748b;
	font-size: 12px;
}

.mtp-compare-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: #64748b;
	background: #f8fafc;
	border: 0;
	border-radius: 8px;
	font-size: 21px;
	line-height: 1;
	cursor: pointer;
}

.mtp-compare-close:hover {
	color: #111827;
	background: #f1f5f9;
}

.mtp-compare-modal-body {
	padding: 0;
}

.mtp-comparison-scroll {
	width: 100%;
	overflow-x: auto;
}

.mtp-comparison-table {
	width: 100%;
	min-width: 820px;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

.mtp-comparison-table th,.mtp-comparison-table td {
	padding: 15px 17px;
	border-right: 1px solid #eef2f7;
	border-bottom: 1px solid #eef2f7;
	vertical-align: top;
	text-align: left;
}

.mtp-comparison-table tr>*:last-child {
	border-right: 0;
}

.mtp-comparison-table tbody tr:last-child>* {
	border-bottom: 0;
}

.mtp-comparison-table thead th {
	min-width: 210px;
	background: #fafbfc;
}

.mtp-comparison-table thead th:first-child {
	width: 170px;
	min-width: 170px;
}

.mtp-comparison-table tbody th {
	width: 170px;
	min-width: 170px;
	color: #475569;
	background: #fafbfc;
	font-size: 12px;
	font-weight: 700;
}

.mtp-compare-service-id {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 7px;
	color: #6d43d9;
	background: #f1ebff;
	border-radius: 5px;
	font-size: 11px;
	font-weight: 900;
}

.mtp-compare-service-name {
	display: block;
	margin-top: 9px;
	color: #111827;
	font-size: 13px;
	font-weight: 700;
	line-height: 19px;
	overflow-wrap: anywhere;
}

.mtp-copy-id {
	margin-top: 10px;
	padding: 0;
	color: #8956fb;
	background: #fff0;
	border: 0;
	font-size: 11px;
	font-weight: 700;
	cursor: pointer;
}

.mtp-copy-id:hover {
	color: #7040e7;
	text-decoration: underline;
}

.mtp-compare-value {
	color: #334155;
	font-size: 13px;
	line-height: 20px;
	overflow-wrap: anywhere;
}

.mtp-compare-description {
	max-height: 190px;
	overflow-y: auto;
	color: #475569;
	font-size: 12px;
	line-height: 19px;
}

.mtp-compare-description p {
	margin-bottom: 8px;
}

.mtp-compare-description p:last-child {
	margin-bottom: 0;
}

.mtp-compare-description ul,.mtp-compare-description ol {
	padding-left: 18px;
}

.mtp-compare-description img {
	max-width: 100%;
	height: auto;
}

.mtp-compare-empty {
	color: #94a3b8;
}

.mtp-compare-buy-cell {
	padding-top: 17px!important;
	padding-bottom: 17px!important;
	background: #fafbfc;
}

.mtp-compare-buy-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	min-height: 40px;
	padding: 0 13px;
	color: #fff!important;
	background: #3be395;
	border: 1px solid #3be395;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none!important;
	transition: all .16s ease;
}

.mtp-compare-buy-button:hover {
	color: #fff!important;
	background: #2ac37c;
	border-color: #2ac37c;
	transform: translateY(-1px);
	box-shadow: 0 7px 17px rgb(137 86 251 / .20);
}

.mtp-compare-buy-button svg {
	width: 15px;
	height: 15px;
	flex: 0 0 auto;
}

@media (max-width:767.98px) {
	.mtp-compare-tray {
		bottom: 10px;
		width: calc(100% - 20px);
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 10px;
		padding: 12px;
	}

	.mtp-compare-tray-info {
		min-width: 0;
	}

	.mtp-selected-list {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
	}

	.mtp-compare-button {
		grid-column: 2;
		grid-row: 1;
		min-width: 125px;
	}

	.mtp-text-button {
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
	}

	.mtp-compare-warning {
		left: 0;
		right: 0;
	}

	.mtp-compare-modal .modal-dialog {
		width: calc(100% - 16px);
		margin: 8px auto;
	}

	.mtp-compare-modal .modal-content {
		border-radius: 13px;
	}

	.mtp-compare-modal-header {
		padding: 16px;
	}

	.mtp-comparison-table {
		min-width: 700px;
	}
}

.s-col-btn {
	display: flex;
	align-items: center;
	gap: 7px;
}

.s-col-btn .btn-data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: var(--color-10)!important;
	border: 1px solid #151d4600!important;
	border-radius: 7px;
	padding: 6px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--color-3)!important;
	font-size: 12px!important;
	font-weight: 700;
}

.s-col-btn .btn-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #10B981!important;
	border: 1px solid #3be395!important;
	border-radius: 7px;
	padding: 13px 6px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff!important;
	font-size: 12px!important;
	font-weight: 700;
}

@media only screen and (max-width:992px) {
	.s-col-btn .btn-data,.s-col-btn .btn-details {
		width: 100%;
		justify-content: center;
	}

	.sp-serv-sm {
		font-weight: 400;
		font-size: 13px;
		line-height: unset;
	}

	.s-col-id .sp-serv-sm {
		font-weight: 400;
		font-size: 13px;
		line-height: unset;
		background: #3be395;
		padding: 3px 7px;
		border-radius: 7px;
		color: #fff;
	}

	.active-data {
		justify-content: center;
		margin: auto;
	}
}

.inpage h2 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -.5px;
	color: #171717;
}

.inpage h2 span {
	background: #27684a;
	background: -moz-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	background: -webkit-linear-gradient(163deg,#27684a 0%,#35c581 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	font-weight: 700;
	position: relative;
}

.inpage h2 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #34d399;
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: .15;
	z-index: -1;
}

.inpage p {
	line-height: 24px;
	color: #171717;
}

.sccs-card .sccs-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sccs-card .card-body {
	padding: 15px 7px;
}

.sccs-card .sccs-container .first {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sccs-card .sccs-container .sccs-btn .btn {
	padding: 5px 15px!important;
	border-radius: 8px!important;
	font-size: 13px!important;
}

.sccs-card .sccs-container .card-header::before {
	display: none;
}

@media only screen and (max-width:992px) {
	.sccs-card .sccs-container,.sccs-card .sccs-container .first {
		flex-direction: column;
	}

	.sccs-card .sccs-container .sccs-rank {
		margin-top: 7px;
		text-align: center;
	}

	.sccs-card .sccs-container .icon {
		display: none;
	}

	.sccs-card .sccs-btn {
		margin-top: 10px;
	}
}

.card-tg-container {
	display: flex;
	align-items: center;
	background: #24A1DE;
	position: relative;
	border-radius: 10px;
	width: 100%;
	margin-bottom: .5rem;
	overflow: hidden;
}

.card-tg-container .card-tg-wrapper {
	position: relative;
	overflow: hidden;
}

.card-tg-container .card-tg {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
	width: 100%;
}

.card-tg-container .card-tg:hover {
	opacity: .9;
}

.card-tg-container .card-tg .p-absolute {
	font-size: 124px;
	color: rgb(255 255 255 / .2);
	right: -5px;
	top: -35px;
}

.card-tg-container .card-tg .card-body {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 15px 10px 10px;
}

.card-tg-container .card-tg .card-tg-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	line-height: 38px;
	background: rgb(255 255 255 / .3);
	border-radius: 10px;
}

.card-tg-container .card-tg .number {
	background: #df2020;
	border-radius: 100%;
	width: fit-content;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	position: absolute;
	font-weight: 700;
	right: 10px;
	top: 20px;
	z-index: 1;
	-webkit-animation: pulse-red 2s infinite;
	animation: pulse-red 2s infinite;
}

@-webkit-keyframes pulse-red {
	0% {
		box-shadow: 0 0 0 0 rgb(255 82 82 / .7);
	}

	70% {
		box-shadow: 0 0 0 10px #fff0;
	}

	100% {
		box-shadow: 0 0 0 0 #fff0;
	}
}

#levelModal .levelNav {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	margin: 0;
}

#levelModal .levelNav .nav-item {
	margin: 0;
}

#levelModal .levelNav .nav-link {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 45px;
	padding: 7px 15px;
	background: var(--color-1);
	color: var(--color-3);
	border: 1px solid #fff0;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .2px;
	text-align: left;
	transition: background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}

#levelModal .levelNav .nav-link .icon {
	width: 28px;
	height: 28px;
	min-width: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	transition: .25s ease;
}

#levelModal .levelNav .nav-link .icon img {
	width: 28px;
	height: 28px;
}

#levelModal .levelNav .nav-link .text {
	flex: 1;
}

#levelModal .levelNav .nav-link:hover {
	color: var(--color-3);
	background: var(--color-1);
	border-color: rgb(53 197 129 / .20);
	transform: translateX(3px);
	box-shadow: 0 5px 18px rgb(0 0 0 / .04);
}

#levelModal .levelNav .nav-link:hover .icon {
	background: rgb(53 197 129 / .12);
	color: #35c581;
}

#levelModal .levelNav .nav-link.active {
	position: relative;
	color: #fff;
	background: #3be395;
	border-color: #fff0;
	box-shadow: 0 8px 22px rgb(53 197 129 / .22),inset 0 1px 0 rgb(255 255 255 / .12);
	transform: translateX(3px);
}

#levelModal .levelNav .nav-link.active::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 11px;
	bottom: 11px;
	width: 3px;
	border-radius: 0 4px 4px 0;
	background: #fff;
}

.dark #levelModal .levelNav .nav-link {
	background: var(--color-10);
	color: var(--color-3);
}

.dark #levelModal .levelNav .nav-link:hover {
	background: var(--color-1);
	border-color: rgb(53 197 129 / .18);
}

.dark #levelModal .levelNav .nav-link.active {
	color: #fff;
	background: linear-gradient(135deg,#245b42 0%,#2eae72 100%);
}

#levelModal .account_benifit_wrap {
	position: relative;
	height: 100%;
}

#levelModal .account_benifit_wrap>.row {
	margin-left: -7px;
	margin-right: -7px;
}

#levelModal .account_benifit_wrap>.row>[class*="col-"] {
	padding-left: 7px;
	padding-right: 7px;
}

#levelModal .account_benifit_wrap .tab-content {
	position: relative;
	min-height: 235px;
	padding: 0;
	overflow: hidden;
	background: var(--color-1);
	border: 1px solid rgb(127 127 127 / .08);
	border-radius: 16px;
}

#levelModal .account_benifit_wrap .tab-pane {
	min-height: 235px;
	padding: 10px;
}

#levelModal .acc_level_name {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	padding: 10px 15px;
	margin-bottom: 10px;
	overflow: hidden;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .4px;
	text-align: left;
	background: linear-gradient(135deg,#27684a 0%,#35c581 100%);
	border-radius: 13px;
	box-shadow: 0 10px 24px rgb(39 104 74 / .16);
}

#levelModal .acc_level_name::after {
	content: "";
	position: absolute;
	width: 150px;
	height: 150px;
	right: -70px;
	top: -75px;
	border-radius: 50%;
	background: rgb(255 255 255 / .08);
	pointer-events: none;
}

#levelModal .acc_level_name::before {
	content: "";
	position: absolute;
	width: 90px;
	height: 90px;
	right: 20px;
	bottom: -65px;
	border-radius: 50%;
	background: rgb(255 255 255 / .05);
	pointer-events: none;
}

#levelModal .acc_level_name .icon {
	position: relative;
	z-index: 1;
	width: 42px;
	height: 42px;
	min-width: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#levelModal .acc_level_name .icon img {
	width: 42px;
	height: 42px;
}

#levelModal .acc_level_name .acc_text {
	position: relative;
	z-index: 1;
}

#levelModal .acc_level_benifit {
	padding: 2px 3px;
}

#levelModal .acc_level_benifit ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#levelModal .acc_level_benifit ul li {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding: 10px 7px;
	margin-bottom: 6px;
	color: var(--color-3);
	font-size: 12px;
	line-height: 1.5;
	font-weight: 700;
	background: var(--color-8);
	border: 1px solid rgb(127 127 127 / .07);
	border-radius: 9px;
	transition: .2s ease;
}

#levelModal .acc_level_benifit ul li:last-child {
	margin-bottom: 0;
}

#levelModal .acc_level_benifit ul li:hover {
	transform: translateX(2px);
	border-color: rgb(53 197 129 / .18);
	background: rgb(53 197 129 / .04);
}

#levelModal .acc_level_benifit ul li::first-letter {
	color: #35c581;
}

.dark #levelModal .acc_level_benifit ul li {
	color: var(--color-4);
	background: var(--color-10);
	border-color: rgb(255 255 255 / .04);
}

#levelModal .level_table_wrap {
	height: 100%;
	padding: 14px;
	background: var(--color-10);
	border: 1px solid rgb(127 127 127 / .07);
	border-radius: 16px;
}

#levelModal .level_table_wrap::before {
	content: "ACCOUNT LEVELS";
	display: block;
	margin: 2px 4px 12px;
	color: var(--color-3);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 1px;
	opacity: .65;
}

.dark #levelModal .level_table_wrap::before {
	color: var(--color-4);
}

#levelModal table.level_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 5px;
}

#levelModal table.level_table tbody tr {
	transition: .2s ease;
}

#levelModal table.level_table tbody tr:hover {
	transform: translateX(2px);
}

#levelModal table.level_table tr td {
	padding: 9px 6px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-3);
	border: 0;
}

#levelModal table.level_table tr td:first-child {
	padding-left: 10px;
	border-radius: 8px 0 0 8px;
}

#levelModal table.level_table tr td:last-child {
	padding-right: 10px;
	border-radius: 0 8px 8px 0;
}

#levelModal table.level_table tr {
	background: var(--color-2);
}

#levelModal table.level_table tr td.primary-color {
	color: #35c581;
	font-weight: 900;
}

#levelModal table.level_table tr td:nth-child(2) {
	width: 22px;
	color: var(--color-4);
	text-align: center;
	opacity: .5;
}

#levelModal table.level_table tr td:nth-child(3) {
	white-space: nowrap;
	text-align: right;
	color: var(--color-3);
	font-weight: 700;
}

.dark #levelModal table.level_table tr td {
	color: var(--color-4);
}

#levelModal table.level_table tr td.primary-color {
	color: #10B981!important;
}

#levelModal .account_benifit_wrap h2 {
	font-size: 24px;
	font-weight: 700;
	color: var(--color-3);
}

.dark #levelModal .account_benifit_wrap h2 {
	color: var(--color-4);
}

#levelModal .user_point_data,#levelModal .user_level_benifits .user_level {
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 15px;
}

.dark #levelModal .user_level_benifits .user_level,.dark #levelModal .user_point_data {
	color: var(--color-5);
}

#levelModal .point_note ul,#levelModal .user_benifits ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#levelModal .user_point_data {
	display: flex;
	gap: 10px;
	align-items: center;
}

#levelModal .point_note ul li,#levelModal .user_benifits ul li {
	font-size: 16px;
	font-weight: 400;
	color: var(--color-4);
}

#levelModal .modal-body>.row {
	align-items: stretch;
}

#levelModal .modal-body>.row>.col-lg-3,#levelModal .modal-body>.row>.col-lg-9 {
	display: flex;
	flex-direction: column;
}

@media only screen and (max-width:992px) {
	#levelModal .levelNav {
		grid-template-columns: repeat(3,1fr);
		margin-bottom: 15px!important;
	}

	#levelModal .levelNav .nav-link {
		justify-content: center;
		padding: 11px 8px;
		min-height: 54px;
		text-align: center;
	}

	#levelModal .levelNav .nav-link .icon {
		width: 32px;
		height: 32px;
		min-width: 32px;
	}

	#levelModal .levelNav .nav-link.active,#levelModal .levelNav .nav-link:hover {
		transform: translateY(-2px);
	}

	#levelModal .levelNav .nav-link.active::before {
		display: none;
	}

	#levelModal .account_benifit_wrap .tab-content {
		margin-bottom: 12px;
	}
}

@media only screen and (max-width:550px) {
	#levelModal .levelNav {
		grid-template-columns: repeat(2,1fr);
		gap: 7px;
	}

	#levelModal .levelNav .nav-link {
		min-height: 42px;
		padding: 5px 10px;
		gap: 8px;
		border-radius: 10px;
		font-size: 12px;
	}

	#levelModal .levelNav .nav-link .icon {
		width: 24px;
		height: 24px;
		min-width: 24px;
		border-radius: 8px;
		font-size: 13px;
	}

	#levelModal .account_benifit_wrap .tab-content {
		min-height: auto;
		margin-bottom: 10px;
		border-radius: 13px;
	}

	#levelModal .account_benifit_wrap .tab-pane {
		min-height: auto;
	}

	#levelModal .acc_level_name {
		min-height: 58px;
		padding: 10px 12px;
		margin-bottom: 12px;
		border-radius: 11px;
		font-size: 17px;
	}

	#levelModal .acc_level_name .icon {
		width: 35px;
		height: 35px;
		min-width: 35px;
		border-radius: 9px;
		font-size: 15px;
	}

	#levelModal .acc_level_benifit ul li {
		padding: 9px 10px;
		font-size: 12px;
	}

	#levelModal .level_table_wrap {
		padding: 11px;
		border-radius: 13px;
	}

	#levelModal .level_table_wrap::before {
		margin-bottom: 9px;
		font-size: 10px;
	}

	#levelModal table.level_table tr td {
		padding: 8px 5px;
		font-size: 11px;
	}

	#levelModal table.level_table tr td:first-child {
		padding-left: 8px;
	}

	#levelModal table.level_table tr td:last-child {
		padding-right: 8px;
	}
}

@media only screen and (max-width:360px) {
	#levelModal .levelNav .nav-link {
		padding-left: 7px;
		padding-right: 7px;
		font-size: 11px;
	}

	#levelModal .levelNav .nav-link .icon {
		width: 28px;
		height: 28px;
		min-width: 28px;
		font-size: 12px;
	}

	#levelModal .acc_level_benifit ul li {
		font-size: 11px;
	}

	#levelModal table.level_table tr td {
		font-size: 10px;
	}
}

.user-point-data {
	position: relative;
	width: 100%;
	min-height: auto;
	margin-bottom: 18px;
	padding: 24px 26px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	border-radius: 10px;
	color: #fff;
	background: linear-gradient(135deg,#27684a 0%,#35c581 100%);
	box-shadow: 0 12px 30px rgb(39 104 74 / .18);
}

.user-point-data::before {
	content: "";
	position: absolute;
	width: 190px;
	height: 190px;
	right: -65px;
	top: -105px;
	border-radius: 50%;
	background: rgb(255 255 255 / .08);
}

.user-point-data::after {
	content: "";
	position: absolute;
	width: 110px;
	height: 110px;
	right: 90px;
	bottom: -80px;
	border-radius: 50%;
	background: rgb(255 255 255 / .05);
}

.user-point-data .point-data {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px;
	font-size: 15px;
	font-weight: 700;
	color: rgb(255 255 255 / .82);
}

.user-point-data .title {
	color: rgb(255 255 255 / .72);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.2px;
}

.user-point-data #pointsPopup {
	color: #fff;
	font-size: 38px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: -.8px;
}

.user-point-data #point_balancepopup {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
}

.user-point-data .point-data>span:not(#pointsPopup):not(#point_balancepopup) {
	font-size: 14px;
	opacity: .75;
}

.point-note {
	padding: 18px;
	background: var(--color-1);
	border: 1px solid rgb(127 127 127 / .08);
	border-radius: 10px;
}

.point-note ol {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: point-step;
}

.point-note ol li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 42px;
	padding: 5px 10px 5px 0;
	color: var(--color-3);
	font-size: 13px;
	line-height: 1.55;
	font-weight: 700;
	counter-increment: point-step;
}

.point-note ol li::before {
	content: counter(point-step);
	width: 28px;
	height: 28px;
	min-width: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
	border-radius: 8px;
	color: #35c581;
	background: rgb(53 197 129 / .10);
	font-size: 11px;
	font-weight: 900;
}

.dark .point-note {
	background: var(--color-10);
	border-color: rgb(255 255 255 / .05);
}

.dark .point-note ol li {
	color: var(--color-4);
}

.point-note>div {
	margin-top: 18px;
	border-top: 1px solid rgb(127 127 127 / .08);
}

.point-note .btn.btn-primary {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	width: 100%;
	padding: 10px 18px;
	border: 0;
	border-radius: 10px;
	color: #fff;
	background: #3B82F6;
	box-shadow: 0 7px 18px rgb(59 130 246 / .18);
	font-size: 13px;
	font-weight: 700;
	transition: transform .2s ease,box-shadow .2s ease,filter .2s ease;
}

.point-note .btn.btn-primary:hover {
	color: #fff;
	transform: translateY(-2px);
	filter: brightness(1.04);
	box-shadow: 0 10px 24px rgb(59 130 246 / .25);
}

.point-note .btn.btn-primary:active {
	transform: translateY(0);
}

@media only screen and (max-width:550px) {
	.user-point-data {
		flex-direction: column;
		min-height: 100px;
		padding: 15px 20px;
		border-radius: 10px;
	}

	.user-point-data #pointsPopup {
		font-size: 32px;
	}

	.user-point-data #point_balancepopup {
		font-size: 19px;
	}

	.point-note {
		padding: 14px;
		border-radius: 13px;
	}

	.point-note ol li {
		font-size: 12px;
		gap: 10px;
	}

	.point-note ol li::before {
		width: 26px;
		height: 26px;
		min-width: 26px;
	}

	.point-note>div {
		margin-top: 14px;
		padding-top: 14px;
	}

	.point-note .btn.btn-primary {
		width: 100%;
		min-height: 44px;
	}
}

.no-reportbox {
	display: none;
	margin: 0 0 15px 0;
	padding: 10px 12px;
	border: 1px solid #10b981;
	border-radius: 10px;
	background: rgb(16 185 129 / .05);
	cursor: pointer;
	transition: all .2s ease;
}

.no-reportbox-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.no-reportbox-left {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
}

.no-reportbox-left .icon {
	width: 30px;
	height: 30px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #10b981;
	color: #fff;
	flex: none;
}

.no-reportbox-left .title {
	font-size: 13px;
	font-weight: 700;
	color: #10b981;
	line-height: 1.3;
}

.no-reportbox-left .go-details {
	font-size: 11px;
	color: var(--color-3);
}

.no-reportbox-right {
	font-size: 13px;
	font-weight: 700;
	color: #10b981;
	white-space: nowrap;
}

.sr-live-modal {
	display: none;
	position: fixed;
	z-index: 99999;
	inset: 0;
	padding: 12px;
	background: rgb(15 23 42 / .58);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.sr-live-modal.is-open {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sr-live-modal .sr-live-modal-box {
	width: 100%;
	height: 100%;
	max-width: 1600px;
	max-height: 96vh;
	background: #f8fafc;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 25px 80px rgb(15 23 42 / .25);
	display: flex;
	flex-direction: column;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

.sr-live-modal .sr-live-modal-header {
	flex: 0 0 auto;
	min-height: 68px;
	padding: 14px 20px;
	background: #fff;
	border-bottom: 1px solid #e5e7eb;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.sr-live-modal .sr-live-modal-header-left {
	min-width: 0;
}

.sr-live-modal .sr-live-modal-title {
	margin: 0;
	color: #111827;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 750;
}

.sr-live-modal .sr-live-modal-subtitle {
	margin-top: 4px;
	color: #64748b;
	font-size: 12px;
}

.sr-live-modal .sr-live-modal-close {
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 10px;
	background: #f1f5f9;
	color: #475569;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex: 0 0 auto;
	transition: .15s ease;
}

.sr-live-modal .sr-live-modal-close:hover {
	background: #e2e8f0;
	color: #0f172a;
}

.sr-live-modal .sr-live-modal-body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 18px;
}

.sr-live-modal .sr-live-report-wrapper {
	width: 100%;
	max-width: 1450px;
	margin: 0 auto;
	color: #0f172a;
}

.sr-live-modal .sr-live-report-wrapper *,.sr-live-modal .sr-live-report-wrapper *::before,.sr-live-modal .sr-live-report-wrapper *::after {
	box-sizing: border-box;
}

.sr-live-modal .sr-live-warning {
	display: none;
	padding: 45px 20px;
	text-align: center;
	border-radius: 16px;
	border: 1px solid #fde68a;
	background: #fffbeb;
}

.sr-live-modal .sr-live-warning-title {
	font-size: 17px;
	font-weight: 700;
	color: #92400e;
	margin-bottom: 7px;
}

.sr-live-modal .sr-live-warning-text {
	font-size: 14px;
	color: #78350f;
}

.sr-live-modal .sr-live-report-content {
	display: none;
}

.sr-live-modal .sr-live-metrics-grid {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 14px;
	margin-bottom: 18px;
}

.sr-live-modal .sr-live-metric-card {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 18px;
}

.sr-live-modal .sr-live-metric-label {
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 10px;
}

.sr-live-modal .sr-live-metric-value {
	color: #171717;
	font-size: 25px;
	line-height: 1.1;
	font-weight: 750;
	letter-spacing: -.4px;
}

.sr-live-modal .sr-live-metric-description {
	color: #94a3b8;
	font-size: 13px;
	margin-top: 8px;
}

.sr-live-modal .sr-live-chart-card {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 22px;
}

.sr-live-modal .sr-live-chart-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 15px;
}

.sr-live-modal .sr-live-chart-title {
	font-size: 17px;
	font-weight: 700;
	color: #111827;
	margin: 0;
}

.sr-live-modal .sr-live-chart-subtitle {
	font-size: 13px;
	color: #64748b;
	margin-top: 4px;
}

.sr-live-modal .sr-live-chart {
	min-height: 300px;
}

.sr-live-modal .sr-live-report-grid {
	display: grid;
	grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr);
	gap: 18px;
}

.sr-live-modal .sr-live-status-card {
	min-width: 0;
}

.sr-live-modal .sr-live-status-layout {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
}

.sr-live-modal #srLiveStatusChart {
	min-height: 250px;
	width: 100%;
}

.sr-live-modal #srLiveStatusLegend {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	padding: 5px 5px 5px 10px;
}

.sr-live-modal .sr-live-status-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 10px;
	border-radius: 9px;
	background: #f8fafc;
}

.sr-live-modal .sr-live-status-left {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.sr-live-modal .sr-live-status-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	flex: 0 0 auto;
}

.sr-live-modal .sr-live-status-name {
	font-size: 12px;
	color: #475569;
	white-space: nowrap;
}

.sr-live-modal .sr-live-status-right {
	display: flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
}

.sr-live-modal .sr-live-status-count {
	font-size: 12px;
	font-weight: 700;
	color: #0f172a;
}

.sr-live-modal .sr-live-status-percent {
	font-size: 11px;
	color: #94a3b8;
}

.sr-live-modal .sr-live-skeleton {
	display: none;
}

.sr-live-modal .sr-live-skeleton-metrics {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 14px;
	margin-bottom: 18px;
}

.sr-live-modal .sr-live-skeleton-metric {
	height: 125px;
	border-radius: 15px;
	background: linear-gradient(90deg,#f8fafc 25%,#eef2f7 50%,#f8fafc 75%);
	background-size: 200% 100%;
	animation: srLiveSkeleton 1.5s infinite;
}

.sr-live-modal .sr-live-skeleton-line {
	height: 12px;
	border-radius: 7px;
	background: linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);
	background-size: 200% 100%;
	animation: srLiveSkeleton 1.5s infinite;
}

.sr-live-modal .sr-live-skeleton-chart {
	height: 360px;
	border-radius: 12px;
	background: linear-gradient(90deg,#f8fafc 25%,#eef2f7 50%,#f8fafc 75%);
	background-size: 200% 100%;
	animation: srLiveSkeleton 1.5s infinite;
}

@keyframes srLiveSkeleton {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

@media (max-width:1100px) {
	.sr-live-modal .sr-live-metrics-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.sr-live-modal .sr-live-report-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width:767px) {
	.sr-live-modal {
		padding: 5px;
	}

	.sr-live-modal .sr-live-modal-box {
		max-height: 99vh;
		border-radius: 12px;
	}

	.sr-live-modal .sr-live-modal-header {
		min-height: 58px;
		padding: 11px 13px;
	}

	.sr-live-modal .sr-live-modal-title {
		font-size: 16px;
	}

	.sr-live-modal .sr-live-modal-body {
		padding: 10px;
	}

	.sr-live-modal .sr-live-metrics-grid,.sr-live-modal .sr-live-skeleton-metrics {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.sr-live-modal .sr-live-chart-card {
		padding: 15px;
		border-radius: 13px;
	}

	.sr-live-modal .sr-live-chart-title {
		font-size: 15px;
	}

	.sr-live-modal .sr-live-metric-card {
		padding: 15px;
	}

	.sr-live-modal .sr-live-metric-value {
		font-size: 21px;
	}

	.sr-live-modal #srLiveStatusChart {
		min-height: 250px;
	}

	.sr-live-modal .sr-live-chart {
		min-height: 280px;
	}

	.sr-live-modal #srLiveStatusLegend {
		grid-template-columns: 1fr;
	}
}

@media (max-width:480px) {
	.sr-live-modal .sr-live-metrics-grid,.sr-live-modal .sr-live-skeleton-metrics {
		grid-template-columns: 1fr;
	}
}

.mtp-pricing-card {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	background: radial-gradient(circle at 85% 20%,rgb(16 185 129 / .28),transparent 28%),radial-gradient(circle at 55% 100%,rgb(16 185 129 / .10),transparent 30%),linear-gradient(120deg,#071b16 0%,#0a2920 48%,#07533d 100%);
	border: 1px solid rgb(52 211 153 / .35);
	box-shadow: 0 25px 60px rgb(6 78 59 / .13),inset 0 1px 0 rgb(255 255 255 / .08);
	isolation: isolate;
}

.mtp-pricing-card::before {
	content: "";
	position: absolute;
	left: -10%;
	top: -70%;
	width: 75%;
	height: 160%;
	background: linear-gradient(115deg,transparent 35%,rgb(255 255 255 / .035) 50%,transparent 65%);
	transform: rotate(10deg);
	pointer-events: none;
}

.mtp-pricing-card::after {
	content: "";
	position: absolute;
	width: 500px;
	height: 250px;
	left: 30%;
	bottom: -220px;
	background: rgb(16 185 129 / .24);
	filter: blur(80px);
	border-radius: 50%;
	pointer-events: none;
}

.mtp-pricing-card .mtp-pricing-grid {
	position: relative;
	min-height: 230px;
	display: grid;
	grid-template-columns: minmax(0,1.35fr) minmax(360px,.65fr);
	align-items: center;
	z-index: 2;
}

.mtp-pricing-card .mtp-pricing-content {
	position: relative;
	padding: 28px 20px 28px 48px;
	z-index: 5;
}

.mtp-pricing-card .mtp-pricing-title {
	margin: 0;
	color: #fff;
	font-size: 32px;
	line-height: 1.13;
	font-weight: 700;
	letter-spacing: -.7px;
}

.mtp-pricing-card .mtp-pricing-title strong {
	font-weight: 900;
	color: #34d399;
	text-shadow: 0 0 30px rgb(52 211 153 / .15);
}

.mtp-pricing-card .mtp-pricing-text {
	max-width: 650px;
	margin: 14px 0 20px;
	color: rgb(255 255 255 / .72);
	font-size: 14px;
	line-height: 1.7;
}

.mtp-pricing-card .mtp-pricing-text a {
	color: #6ee7b7;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px dashed rgb(110 231 183 / .5);
	transition: all .2s ease;
}

.mtp-pricing-card .mtp-pricing-text a:hover {
	color: #a7f3d0;
	border-bottom-color: #a7f3d0;
}

.mtp-pricing-card .mtp-pricing-features {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.mtp-pricing-card .mtp-feature {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 6px 13px 6px 7px;
	border-radius: 50px;
	background: rgb(255 255 255 / .055);
	border: 1px solid rgb(255 255 255 / .09);
	color: rgb(255 255 255 / .88);
	font-size: 12px;
	font-weight: 700;
	backdrop-filter: blur(8px);
	transition: transform .2s ease,background .2s ease,border-color .2s ease;
}

.mtp-pricing-card .mtp-feature:hover {
	transform: translateY(-2px);
	background: rgb(255 255 255 / .09);
	border-color: rgb(52 211 153 / .3);
}

.mtp-pricing-card .mtp-feature-icon {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #052e25;
	background: #6ee7b7;
	font-size: 10px;
}

.mtp-pricing-card .mtp-pricing-visual {
	position: relative;
	height: 230px;
	overflow: hidden;
}

.mtp-pricing-card .mtp-visual-circle {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.mtp-pricing-card .mtp-circle-1 {
	width: 330px;
	height: 330px;
	right: -70px;
	top: -15px;
	background: radial-gradient(circle,rgb(52 211 153 / .22) 0%,rgb(16 185 129 / .08) 42%,transparent 70%);
	border: 1px solid rgb(52 211 153 / .13);
}

.mtp-pricing-card .mtp-circle-2 {
	width: 220px;
	height: 220px;
	right: 30px;
	top: 45px;
	border: 1px solid rgb(110 231 183 / .12);
	box-shadow: 0 0 60px rgb(16 185 129 / .10);
}

.mtp-pricing-card .mtp-chart-card {
	position: absolute;
	width: 270px;
	height: 185px;
	right: 70px;
	top: 18px;
	padding: 18px 18px 14px;
	border-radius: 20px;
	background: linear-gradient(145deg,rgb(255 255 255 / .16),rgb(255 255 255 / .055));
	border: 1px solid rgb(255 255 255 / .16);
	box-shadow: 0 25px 45px rgb(0 0 0 / .18),inset 0 1px 0 rgb(255 255 255 / .10);
	backdrop-filter: blur(14px);
	transform: rotate(-4deg);
	z-index: 3;
}

.mtp-pricing-card .mtp-chart-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: rgb(255 255 255 / .82);
	font-size: 12px;
	font-weight: 700;
}

.mtp-pricing-card .mtp-chart-percent {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #6ee7b7;
	font-size: 11px;
}

.mtp-pricing-card .mtp-chart-bars {
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 18px;
	height: 95px;
	display: flex;
	align-items: flex-end;
	gap: 9px;
	opacity: .32;
}

.mtp-pricing-card .mtp-chart-bars span {
	flex: 1;
	min-height: 10px;
	border-radius: 5px 5px 2px 2px;
	background: linear-gradient(to top,rgb(52 211 153 / .15),rgb(110 231 183 / .8));
}

.mtp-pricing-card .mtp-chart-line {
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 18px;
	height: 95px;
	color: #6ee7b7;
	z-index: 2;
}

.mtp-pricing-card .mtp-chart-line svg {
	width: 100%;
	height: 100%;
}

.mtp-pricing-card .mtp-social-icon {
	position: absolute;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	color: #fff;
	font-size: 19px;
	background: rgb(255 255 255 / .10);
	border: 1px solid rgb(255 255 255 / .16);
	box-shadow: 0 12px 30px rgb(0 0 0 / .18),inset 0 1px 0 rgb(255 255 255 / .08);
	backdrop-filter: blur(10px);
	z-index: 5;
}

.mtp-pricing-card .mtp-instagram {
	top: 24px;
	right: 35px;
	color: #f9a8d4;
}

.mtp-pricing-card .mtp-instagram:before,.mtp-pricing-card .mtp-tiktok:before,.mtp-pricing-card .mtp-youtube:before {
	display: none;
}

.mtp-pricing-card .mtp-tiktok {
	top: 95px;
	right: 20px;
	color: #fff;
}

.mtp-pricing-card .mtp-youtube {
	bottom: 24px;
	right: 54px;
	color: #f87171;
}

.mtp-pricing-card .mtp-telegram {
	top: 78px;
	left: 10px;
	color: #7dd3fc;
}

.mtp-pricing-card .mtp-price-badge {
	position: absolute;
	left: 35px;
	bottom: 34px;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 9px 14px 9px 9px;
	border-radius: 14px;
	background: rgb(5 46 37 / .72);
	border: 1px solid rgb(110 231 183 / .20);
	box-shadow: 0 15px 35px rgb(0 0 0 / .20);
	backdrop-filter: blur(10px);
	z-index: 6;
}

.mtp-pricing-card .mtp-price-badge-icon {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	color: #064e3b;
	background: #6ee7b7;
	font-size: 13px;
}

.mtp-pricing-card .mtp-price-badge small {
	display: block;
	margin-bottom: 1px;
	color: rgb(255 255 255 / .52);
	font-size: 9px;
}

.mtp-pricing-card .mtp-price-badge strong {
	display: block;
	color: #fff;
	font-size: 11px;
}

.mtp-pricing-card .mtp-dots {
	position: absolute;
	width: 70px;
	height: 45px;
	opacity: .18;
	background-image: radial-gradient(circle,#6ee7b7 1.5px,transparent 1.5px);
	background-size: 12px 12px;
	z-index: 1;
}

.mtp-pricing-card .mtp-dots-1 {
	right: 15px;
	bottom: 5px;
}

.mtp-pricing-card .mtp-dots-2 {
	left: 8px;
	top: 15px;
	opacity: .10;
}

.mtp-pricing-card .mtp-pricing-glow {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	filter: blur(55px);
	z-index: 0;
}

.mtp-pricing-card .mtp-glow-1 {
	width: 180px;
	height: 180px;
	top: -100px;
	right: 25%;
	background: rgb(16 185 129 / .14);
}

.mtp-pricing-card .mtp-glow-2 {
	width: 150px;
	height: 150px;
	bottom: -90px;
	left: 10%;
	background: rgb(52 211 153 / .10);
}

@media (max-width:991.98px) {
	.mtp-pricing-card .mtp-pricing-grid {
		grid-template-columns: 1fr;
	}

	.mtp-pricing-card .mtp-pricing-content {
		padding: 15px;
		text-align: center;
	}

	.mtp-pricing-card .mtp-pricing-features {
		justify-content: center;
	}

	.mtp-pricing-card .mtp-pricing-visual {
		display: none;
	}
}

.mtp-support-box {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 30px 34px;
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: 10px;
	background: radial-gradient(circle at 78% 35%,rgb(36 201 143 / .18),transparent 32%),radial-gradient(circle at 100% 100%,rgb(31 158 113 / .16),transparent 38%),linear-gradient(115deg,#102b24 0%,#164537 48%,#1d6249 100%);
	border: 1px solid rgb(64 216 160 / .14);
	box-shadow: 0 10px 30px rgb(23 87 59 / .14),inset 0 1px 0 rgb(255 255 255 / .12);
	isolation: isolate;
}

.mtp-support-box::before {
	content: "";
	position: absolute;
	left: 0;
	top: 22px;
	bottom: 22px;
	width: 7px;
	border-radius: 0 6px 6px 0;
	background: rgb(255 255 255 / .9);
	box-shadow: 0 0 18px rgb(255 255 255 / .3);
	z-index: 3;
}

.mtp-support-box::after {
	content: "";
	position: absolute;
	width: 430px;
	height: 430px;
	right: -170px;
	bottom: -270px;
	border-radius: 50%;
	background: rgb(255 255 255 / .12);
	filter: blur(5px);
	z-index: -1;
}

.mtp-support-box .mtp-support-content {
	position: relative;
	z-index: 4;
	min-width: 0;
	flex: 1;
}

.mtp-support-box .mtp-support-title {
	display: flex;
	align-items: center;
	gap: 11px;
	margin: 0 0 10px;
	color: #fff;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.35px;
}

.mtp-support-box .mtp-support-title-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: rgb(255 255 255 / .14);
	border: 1px solid rgb(255 255 255 / .16);
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .1);
	font-size: 17px;
}

.mtp-support-box .mtp-support-description {
	max-width: 790px;
	margin: 0;
	color: rgb(255 255 255 / .86);
	font-size: 13px;
	line-height: 1.75;
	font-weight: 400;
}

.mtp-support-box .mtp-support-description .mtp-support-item {
	display: inline;
}

.mtp-support-box .mtp-support-description .mtp-dot {
	display: inline-block;
	margin: 0 7px;
	color: #7ff0b7;
	font-size: 16px;
	line-height: 0;
	vertical-align: -1px;
}

.mtp-support-box .mtp-support-cta {
	position: relative;
	z-index: 5;
	flex: 0 0 auto;
	min-width: 225px;
	padding: 15px 17px;
	border-radius: 14px;
	background: rgb(255 255 255 / .11);
	border: 1px solid rgb(255 255 255 / .17);
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .08),0 10px 30px rgb(0 0 0 / .08);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	cursor: pointer;
	transition: transform .22s ease,background .22s ease,border-color .22s ease;
}

.mtp-support-box .mtp-support-cta:hover {
	transform: translateY(-2px);
	background: rgb(255 255 255 / .16);
	border-color: rgb(255 255 255 / .25);
}

.mtp-support-box .mtp-support-cta-label {
	display: block;
	margin-bottom: 9px;
	color: rgb(255 255 255 / .7);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .7px;
	text-transform: uppercase;
}

.mtp-support-box .mtp-support-cta-main {
	display: flex;
	align-items: center;
	gap: 11px;
}

.mtp-support-box .mtp-whatsapp-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #fff;
	color: #20b86b;
	font-size: 21px;
	box-shadow: 0 6px 18px rgb(0 0 0 / .12);
}

.mtp-support-box .mtp-support-cta-text {
	min-width: 0;
}

.mtp-support-box .mtp-support-cta-title {
	display: block;
	margin-bottom: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .35px;
}

.mtp-support-box .mtp-support-phone {
	display: block;
	color: rgb(255 255 255 / .72);
	font-size: 12px;
	font-weight: 700;
}

.mtp-support-box .mtp-support-bg {
	position: absolute;
	right: 200px;
	bottom: 0;
	max-width: 300px;
	max-height: 180px;
	opacity: .09;
	pointer-events: none;
	z-index: 1;
}

.mtp-support-box .mtp-support-orb {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: 1;
}

.mtp-support-box .mtp-support-orb-1 {
	width: 110px;
	height: 110px;
	right: 310px;
	top: -65px;
	border: 1px solid rgb(255 255 255 / .08);
}

.mtp-support-box .mtp-support-orb-2 {
	width: 70px;
	height: 70px;
	right: 370px;
	bottom: -42px;
	border: 1px solid rgb(255 255 255 / .07);
}

@media (max-width:900px) {
	.mtp-support-box {
		padding: 26px;
		gap: 20px;
	}

	.mtp-support-box .mtp-support-cta {
		min-width: 205px;
	}

	.mtp-support-box .mtp-support-bg {
		right: 170px;
	}
}

@media (max-width:700px) {
	.mtp-support-box {
		display: block;
		padding: 24px 22px;
		border-radius: 14px;
	}

	.mtp-support-box::before {
		top: 18px;
		bottom: 18px;
	}

	.mtp-support-box .mtp-support-title {
		font-size: 21px;
	}

	.mtp-support-box .mtp-support-title-icon {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
		font-size: 15px;
	}

	.mtp-support-box .mtp-support-description {
		font-size: 12px;
		line-height: 1.7;
	}

	.mtp-support-box .mtp-support-cta {
		width: 100%;
		min-width: 0;
		margin-top: 20px;
	}

	.mtp-support-box .mtp-support-bg,.mtp-support-box .mtp-support-orb {
		opacity: .04;
	}
}

.mtp-ai-banner {
	position: relative;
	width: 100%;
	max-height: 165px;
	display: flex;
	align-items: center;
	padding: 26px 34px;
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: 10px;
	background: radial-gradient(circle at 78% 35%,rgb(137 86 251 / .22),transparent 32%),radial-gradient(circle at 100% 100%,rgb(95 62 190 / .16),transparent 38%),linear-gradient(115deg,#171326 0%,#211a38 48%,#2c2250 100%);
	border: 1px solid rgb(137 86 251 / .16);
	box-shadow: 0 12px 35px rgb(35 24 68 / .10),inset 0 1px 0 rgb(255 255 255 / .05);
	isolation: isolate;
}

.mtp-ai-banner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 24px;
	bottom: 24px;
	width: 7px;
	border-radius: 0 6px 6px 0;
	background: #9b72ff;
	box-shadow: 0 0 18px rgb(137 86 251 / .65);
	z-index: 4;
}

.mtp-ai-banner::after {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: 80px;
	top: -190px;
	border-radius: 50%;
	background: rgb(137 86 251 / .16);
	filter: blur(60px);
	z-index: -1;
}

.mtp-ai-banner .mtp-ai-content {
	position: relative;
	z-index: 5;
	max-width: 720px;
}

.mtp-ai-banner .mtp-ai-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 26px;
	padding: 0 9px;
	margin-bottom: 10px;
	border-radius: 7px;
	background: rgb(137 86 251 / .14);
	border: 1px solid rgb(137 86 251 / .24);
	color: #c5b1ff;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .65px;
	text-transform: uppercase;
}

.mtp-ai-banner .mtp-ai-badge i {
	font-size: 10px;
	color: #a980ff;
}

.mtp-ai-banner .mtp-ai-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 8px;
	color: #fff;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.45px;
}

.mtp-ai-banner .mtp-ai-title-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: rgb(255 255 255 / .08);
	border: 1px solid rgb(255 255 255 / .10);
	color: #b895ff;
	font-size: 16px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .05);
}

.mtp-ai-banner .mtp-ai-description {
	max-width: 650px;
	margin: 0;
	color: rgb(255 255 255 / .66);
	font-size: 13px;
	line-height: 1.7;
	font-weight: 400;
}

.mtp-ai-banner .mtp-ai-bg {
	position: absolute;
	right: 25px;
	bottom: 0;
	max-width: 330px;
	max-height: 180px;
	opacity: .32;
	z-index: 2;
	pointer-events: none;
	filter: drop-shadow(0 12px 30px rgb(0 0 0 / .20));
}

.mtp-ai-banner .mtp-ai-image-glow {
	position: absolute;
	width: 240px;
	height: 240px;
	right: 75px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	background: rgb(137 86 251 / .18);
	filter: blur(55px);
	z-index: 1;
}

.mtp-ai-banner .mtp-ai-circle {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: 1;
}

.mtp-ai-banner .mtp-ai-circle-1 {
	width: 125px;
	height: 125px;
	right: 310px;
	top: -70px;
	border: 1px solid rgb(255 255 255 / .05);
}

.mtp-ai-banner .mtp-ai-circle-2 {
	width: 75px;
	height: 75px;
	right: 350px;
	bottom: -40px;
	border: 1px solid rgb(255 255 255 / .045);
}

@media (max-width:900px) {
	.mtp-ai-banner {
		padding: 26px;
	}

	.mtp-ai-banner .mtp-ai-bg {
		right: -10px;
		opacity: .20;
	}

	.mtp-ai-banner .mtp-ai-content {
		max-width: 70%;
	}
}

@media (max-width:700px) {
	.mtp-ai-banner {
		padding: 24px 22px;
		border-radius: 14px;
	}

	.mtp-ai-banner::before {
		top: 18px;
		bottom: 18px;
	}

	.mtp-ai-banner .mtp-ai-content {
		max-width: 100%;
	}

	.mtp-ai-banner .mtp-ai-badge {
		margin-bottom: 8px;
	}

	.mtp-ai-banner .mtp-ai-title {
		font-size: 21px;
	}

	.mtp-ai-banner .mtp-ai-title-icon {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
		font-size: 14px;
	}

	.mtp-ai-banner .mtp-ai-description {
		max-width: 90%;
		font-size: 12px;
		line-height: 1.65;
	}

	.mtp-ai-banner .mtp-ai-bg {
		right: -45px;
		max-width: 250px;
		opacity: .11;
	}

	.mtp-ai-banner .mtp-ai-image-glow {
		right: -20px;
		opacity: .5;
	}
}

@media (max-width:430px) {
	.mtp-ai-banner {
		padding: 22px 19px;
	}

	.mtp-ai-banner .mtp-ai-title {
		font-size: 19px;
	}

	.mtp-ai-banner .mtp-ai-description {
		max-width: 100%;
	}

	.mtp-ai-banner .mtp-ai-bg {
		right: -65px;
		opacity: .08;
	}
}

.mtp-mass-banner {
	position: relative;
	width: 100%;
	max-height: 165px;
	display: flex;
	align-items: center;
	padding: 32px 34px;
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: 10px;
	background: radial-gradient(circle at 78% 35%,rgb(36 201 143 / .18),transparent 32%),radial-gradient(circle at 100% 100%,rgb(31 158 113 / .16),transparent 38%),linear-gradient(115deg,#102b24 0%,#164537 48%,#1d6249 100%);
	border: 1px solid rgb(64 216 160 / .14);
	box-shadow: 0 12px 35px rgb(20 72 55 / .10),inset 0 1px 0 rgb(255 255 255 / .05);
	isolation: isolate;
}

.mtp-mass-banner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 24px;
	bottom: 24px;
	width: 7px;
	border-radius: 0 6px 6px 0;
	background: #42d89d;
	box-shadow: 0 0 18px rgb(66 216 157 / .55);
	z-index: 4;
}

.mtp-mass-banner::after {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: 80px;
	top: -190px;
	border-radius: 50%;
	background: rgb(59 227 149 / .13);
	filter: blur(60px);
	z-index: -1;
}

.mtp-mass-banner .mtp-mass-content {
	position: relative;
	z-index: 5;
	max-width: 720px;
}

.mtp-mass-banner .mtp-mass-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 8px;
	color: #fff;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.45px;
	padding: 0;
}

.mtp-mass-banner .mtp-mass-title-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: rgb(255 255 255 / .08);
	border: 1px solid rgb(255 255 255 / .10);
	color: #71e8b7;
	font-size: 16px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .05);
}

.mtp-mass-banner .mtp-mass-description {
	max-width: 650px;
	margin: 0;
	color: rgb(255 255 255 / .86);
	font-size: 13px;
	line-height: 1.7;
	font-weight: 400;
}

.mtp-mass-banner .mtp-mass-bg {
	position: absolute;
	right: 25px;
	bottom: -25px;
	max-width: 330px;
	max-height: 180px;
	opacity: .28;
	z-index: 2;
	pointer-events: none;
	filter: drop-shadow(0 12px 30px rgb(0 0 0 / .20));
}

.mtp-mass-banner .mtp-mass-image-glow {
	position: absolute;
	width: 240px;
	height: 240px;
	right: 75px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	background: rgb(59 227 149 / .16);
	filter: blur(55px);
	z-index: 1;
}

.mtp-mass-banner .mtp-mass-circle {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: 1;
}

.mtp-mass-banner .mtp-mass-circle-1 {
	width: 125px;
	height: 125px;
	right: 310px;
	top: -70px;
	border: 1px solid rgb(255 255 255 / .05);
}

.mtp-mass-banner .mtp-mass-circle-2 {
	width: 75px;
	height: 75px;
	right: 350px;
	bottom: -40px;
	border: 1px solid rgb(255 255 255 / .045);
}

.mtp-mass-banner .btn-light {
	position: relative;
	margin-left: auto;
	z-index: 5;
}

@media (max-width:900px) {
	.mtp-mass-banner {
		padding: 26px;
	}

	.mtp-mass-banner .mtp-mass-bg {
		right: -10px;
		opacity: .18;
	}

	.mtp-mass-banner .mtp-mass-content {
		max-width: 70%;
	}

	.api-page .mtp-mass-banner {
		flex-direction: column;
	}

	.mtp-mass-banner .btn-light {
		margin-left: unset;
		margin-top: 10px;
	}
}

@media (max-width:700px) {
	.mtp-mass-banner {
		padding: 24px 22px;
		border-radius: 14px;
	}

	.mtp-mass-banner::before {
		top: 18px;
		bottom: 18px;
	}

	.mtp-mass-banner .mtp-mass-content {
		max-width: 100%;
	}

	.mtp-mass-banner .mtp-mass-title {
		font-size: 21px;
	}

	.mtp-mass-banner .mtp-mass-title-icon {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
		font-size: 14px;
	}

	.mtp-mass-banner .mtp-mass-description {
		max-width: 90%;
		font-size: 12px;
		line-height: 1.65;
	}

	.mtp-mass-banner .mtp-mass-bg {
		right: -45px;
		max-width: 250px;
		opacity: .10;
	}

	.mtp-mass-banner .mtp-mass-image-glow {
		right: -20px;
		opacity: .5;
	}
}

@media (max-width:430px) {
	.mtp-mass-banner {
		padding: 22px 19px;
	}

	.mtp-mass-banner .mtp-mass-title {
		font-size: 19px;
	}

	.mtp-mass-banner .mtp-mass-description {
		max-width: 100%;
	}

	.mtp-mass-banner .mtp-mass-bg {
		right: -65px;
		opacity: .07;
	}
}

.mtp-funds-banner {
	position: relative;
	width: 100%;
	max-height: 165px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 28px 30px 28px 34px;
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: 10px;
	background: radial-gradient(circle at 78% 35%,rgb(36 201 143 / .18),transparent 32%),radial-gradient(circle at 100% 100%,rgb(31 158 113 / .16),transparent 38%),linear-gradient(115deg,#102b24 0%,#164537 48%,#1d6249 100%);
	box-shadow: 0 14px 38px rgb(15 23 42 / .12),inset 0 1px 0 rgb(255 255 255 / .05);
	isolation: isolate;
}

.mtp-funds-banner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 24px;
	bottom: 24px;
	width: 7px;
	border-radius: 0 6px 6px 0;
	background: #42d89d;
	box-shadow: 0 0 18px rgb(66 216 157 / .55);
	z-index: 4;
}

.mtp-funds-banner::after {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: 80px;
	top: -190px;
	border-radius: 50%;
	background: rgb(59 227 149 / .13);
	filter: blur(60px);
	z-index: -1;
}

.mtp-funds-banner .mtp-funds-content {
	position: relative;
	z-index: 5;
	max-width: 650px;
}

.mtp-funds-banner .mtp-funds-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 8px;
	color: #fff;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.45px;
}

.mtp-funds-banner .mtp-funds-title-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: rgb(255 255 255 / .08);
	border: 1px solid rgb(255 255 255 / .10);
	color: #71e8b7;
	font-size: 16px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .05);
}

.mtp-funds-banner .mtp-funds-description {
	max-width: 600px;
	margin: 0;
	color: rgb(255 255 255 / .86);
	font-size: 13px;
	line-height: 1.7;
	font-weight: 400;
}

.mtp-funds-banner .mtp-funds-payment {
	position: relative;
	z-index: 6;
	width: 270px;
	flex: 0 0 270px;
	padding: 7px 16px;
	border-radius: 10px;
	background: linear-gradient(145deg,rgb(255 255 255 / .10),rgb(255 255 255 / .055));
	border: 1px solid rgb(255 255 255 / .12);
	box-shadow: 0 12px 30px rgb(0 0 0 / .12),inset 0 1px 0 rgb(255 255 255 / .07);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.mtp-funds-banner .mtp-funds-payment-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 13px;
}

.mtp-funds-banner .mtp-funds-payment-title {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.mtp-funds-banner .mtp-funds-payment-title i {
	color: #60a5fa;
	font-size: 11px;
}

.mtp-funds-banner .mtp-funds-secure {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #6ee7b7;
	font-size: 9px;
	font-weight: 700;
}

.mtp-funds-banner .mtp-funds-secure i {
	font-size: 9px;
}

.mtp-funds-banner .mtp-funds-payment-row {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 7px 0;
	border-top: 1px solid rgb(255 255 255 / .06);
}

.mtp-funds-banner .mtp-funds-payment-icon {
	width: 27px;
	height: 27px;
	flex: 0 0 27px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: rgb(255 255 255 / .07);
	color: #cbd5e1;
	font-size: 11px;
}

.mtp-funds-banner .mtp-funds-payment-row-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.mtp-funds-banner .mtp-funds-payment-row-title {
	color: rgb(255 255 255 / .86);
	font-size: 10px;
	font-weight: 700;
}

.mtp-funds-banner .mtp-funds-payment-row-sub {
	color: rgb(255 255 255 / .42);
	font-size: 9px;
	font-weight: 400;
}

.mtp-funds-banner .mtp-funds-payment-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
	padding-top: 9px;
	border-top: 1px solid rgb(255 255 255 / .07);
}

.mtp-funds-banner .mtp-funds-payment-footer-text {
	color: rgb(255 255 255 / .42);
	font-size: 9px;
}

.mtp-funds-banner .mtp-funds-payment-methods {
	display: flex;
	align-items: center;
	gap: 4px;
}

.mtp-funds-banner .mtp-funds-method {
	width: 24px;
	height: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: rgb(255 255 255 / .09);
	color: rgb(255 255 255 / .65);
	font-size: 8px;
}

.mtp-funds-banner .mtp-funds-card-decoration {
	position: absolute;
	right: 250px;
	bottom: -50px;
	width: 150px;
	height: 100px;
	border-radius: 18px;
	border: 1px solid rgb(255 255 255 / .035);
	transform: rotate(-12deg);
	z-index: 1;
}

@media (max-width:900px) {
	.mtp-funds-banner {
		padding: 26px;
		gap: 20px;
	}

	.mtp-funds-banner .mtp-funds-payment {
		width: 245px;
		flex-basis: 245px;
	}

	.mtp-funds-banner .mtp-funds-content {
		max-width: 55%!important;
	}
}

@media (max-width:700px) {
	.mtp-funds-banner {
		display: block;
		min-height: auto;
		padding: 24px 22px;
		border-radius: 14px;
	}

	.mtp-funds-banner::before {
		top: 18px;
		bottom: 18px;
	}

	.mtp-funds-banner .mtp-funds-content {
		max-width: 100%!important;
	}

	.mtp-funds-banner .mtp-funds-title {
		font-size: 21px;
	}

	.mtp-funds-banner .mtp-funds-title-icon {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
		font-size: 14px;
	}

	.mtp-funds-banner .mtp-funds-description {
		font-size: 12px;
		line-height: 1.65;
	}

	.mtp-funds-banner .mtp-funds-payment {
		display: none;
	}

	.mtp-funds-banner .mtp-funds-card-decoration {
		display: none;
	}
}

@media (max-width:430px) {
	.mtp-funds-banner {
		padding: 22px 19px;
	}

	.mtp-funds-banner .mtp-funds-title {
		font-size: 19px;
	}

	.mtp-funds-banner .mtp-funds-payment {
		padding: 14px;
	}
}

.mtp-invoice-banner {
	width: 100%;
	min-height: 165px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 20px 30px;
	margin-bottom: 15px;
	border-radius: 10px;
	background: radial-gradient(circle at 78% 35%,rgb(36 201 143 / .18),transparent 32%),radial-gradient(circle at 100% 100%,rgb(31 158 113 / .16),transparent 38%),linear-gradient(115deg,#102b24 0%,#164537 48%,#1d6249 100%);
	border: 1px solid rgb(255 255 255 / .06);
}

.mtp-invoice-banner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 24px;
	bottom: 24px;
	width: 7px;
	border-radius: 0 6px 6px 0;
	background: #42d89d;
	box-shadow: 0 0 18px rgb(66 216 157 / .55);
	z-index: 4;
}

.mtp-invoice-banner::after {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: 80px;
	top: -190px;
	border-radius: 50%;
	background: rgb(59 227 149 / .13);
	filter: blur(60px);
	z-index: -1;
	pointer-events: none;
}

.mtp-invoice-banner .mtp-invoice-content {
	position: relative;
	z-index: 3;
	max-width: 620px;
}

.mtp-invoice-banner .mtp-invoice-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 7px;
	color: #fff;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.4px;
}

.mtp-invoice-banner .mtp-invoice-title-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: rgb(255 255 255 / .08);
	border: 1px solid rgb(255 255 255 / .10);
	color: #71e8b7;
	font-size: 16px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .05);
}

.mtp-invoice-banner .mtp-invoice-description {
	margin: 0;
	max-width: 590px;
	color: rgb(226 232 240 / .86);
	font-size: 13px;
	line-height: 1.65;
	font-weight: 400;
}

.mtp-invoice-banner .mtp-invoice-paper {
	position: relative;
	padding: 12px;
	border-radius: 8px;
	background: linear-gradient(145deg,rgb(255 255 255 / .10),rgb(255 255 255 / .055));
	border: 1px solid rgb(255 255 255 / .12);
	box-shadow: 0 12px 30px rgb(0 0 0 / .12),inset 0 1px 0 rgb(255 255 255 / .07);
	width: 275px;
}

.mtp-invoice-banner .mtp-invoice-paper-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 11px;
}

.mtp-invoice-banner .mtp-invoice-paper-brand {
	font-size: 11px;
	color: #fff;
	font-weight: 900;
}

.mtp-invoice-banner .mtp-invoice-paper-label {
	color: #94a3b8;
	font-size: 8px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.mtp-invoice-banner .mtp-invoice-lines {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 11px;
}

.mtp-invoice-banner .mtp-invoice-line {
	height: 5px;
	border-radius: 10px;
	background: #e5e7eb30;
}

.mtp-invoice-banner .mtp-invoice-line.long {
	width: 82%;
}

.mtp-invoice-banner .mtp-invoice-line.medium {
	width: 60%;
}

.mtp-invoice-banner .mtp-invoice-line.short {
	width: 38%;
}

.mtp-invoice-banner .mtp-invoice-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 9px;
	border-top: 1px solid #e5e7eb30;
}

.mtp-invoice-banner .mtp-invoice-total span:first-child {
	color: rgb(255 255 255 / .42);
	font-size: 9px;
	font-weight: 700;
}

.mtp-invoice-banner .mtp-invoice-total strong {
	color: #e5e7eb30;
	font-size: 12px;
	font-weight: 900;
}

@media (max-width:767px) {
	.mtp-invoice-banner {
		min-height: auto;
		padding: 24px 20px;
	}

	.mtp-invoice-banner .mtp-invoice-paper {
		display: none;
	}

	.mtp-invoice-banner .mtp-invoice-content {
		max-width: 100%;
	}

	.mtp-invoice-banner .mtp-invoice-title {
		font-size: 19px;
	}

	.mtp-invoice-banner .mtp-invoice-description {
		font-size: 13px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.mtp-invoice-banner {
		padding: 24px;
		gap: 20px;
	}
}

.mtp-affiliate-banner {
	position: relative;
	width: 100%;
	max-height: 185px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 30px;
	overflow: hidden;
	border-radius: 10px;
	background: radial-gradient(circle at 78% 35%,rgb(36 201 143 / .18),transparent 32%),radial-gradient(circle at 100% 100%,rgb(31 158 113 / .16),transparent 38%),linear-gradient(115deg,#102b24 0%,#164537 48%,#1d6249 100%);
	border: 1px solid rgb(255 255 255 / .06);
	box-shadow: 0 12px 35px rgb(8 23 17 / .12);
}

.mtp-affiliate-banner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 24px;
	bottom: 24px;
	width: 7px;
	border-radius: 0 6px 6px 0;
	background: #42d89d;
	box-shadow: 0 0 18px rgb(66 216 157 / .55);
	z-index: 4;
}

.mtp-affiliate-banner::after {
	content: "";
	position: absolute;
	width: 280px;
	height: 280px;
	right: 130px;
	top: -180px;
	border-radius: 50%;
	background: rgb(16 185 129 / .10);
	filter: blur(8px);
	pointer-events: none;
}

.mtp-affiliate-banner .mtp-affiliate-content {
	position: relative;
	z-index: 3;
	max-width: 590px;
}

.mtp-affiliate-banner .mtp-affiliate-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 7px;
	color: #fff;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.4px;
}

.mtp-affiliate-banner .mtp-affiliate-title-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: rgb(16 185 129 / .13);
	border: 1px solid rgb(52 211 153 / .18);
	color: #34d399;
	font-size: 16px;
}

.mtp-affiliate-banner .mtp-affiliate-description {
	margin: 0;
	color: rgb(226 232 240 / .86);
	font-size: 13px;
	line-height: 1.65;
}

.mtp-affiliate-banner .mtp-affiliate-card {
	width: 285px;
	flex: 0 0 285px;
	position: relative;
	z-index: 4;
	padding: 15px;
	border: 1px solid rgb(255 255 255 / .10);
	border-radius: 13px;
	background: rgb(255 255 255 / .075);
	box-shadow: 0 18px 45px rgb(0 0 0 / .20),inset 0 1px 0 rgb(255 255 255 / .07);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.mtp-affiliate-banner .mtp-affiliate-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 13px;
}

.mtp-affiliate-banner .mtp-affiliate-card-title {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}

.mtp-affiliate-banner .mtp-affiliate-card-title i {
	color: #34d399;
}

.mtp-affiliate-banner .mtp-affiliate-percent {
	padding: 4px 7px;
	border-radius: 6px;
	background: rgb(16 185 129 / .10);
	color: #6ee7b7;
	font-size: 9px;
	font-weight: 900;
}

.mtp-affiliate-banner .mtp-affiliate-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px;
	margin-bottom: 11px;
	border-radius: 8px;
	background: rgb(0 0 0 / .16);
	border: 1px solid rgb(255 255 255 / .06);
}

.mtp-affiliate-banner .mtp-affiliate-link-icon {
	width: 27px;
	height: 27px;
	flex: 0 0 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: rgb(16 185 129 / .12);
	color: #34d399;
	font-size: 11px;
}

.mtp-affiliate-banner .mtp-affiliate-link-text {
	min-width: 0;
	flex: 1;
}

.mtp-affiliate-banner .mtp-affiliate-link-label {
	display: block;
	margin-bottom: 2px;
	color: rgb(226 232 240 / .48);
	font-size: 8px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.mtp-affiliate-banner .mtp-affiliate-link-value {
	display: block;
	overflow: hidden;
	color: rgb(255 255 255 / .86);
	font-size: 10px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mtp-affiliate-banner .mtp-affiliate-stats {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mtp-affiliate-banner .mtp-affiliate-stat {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
}

.mtp-affiliate-banner .mtp-affiliate-stat-icon {
	width: 27px;
	height: 27px;
	flex: 0 0 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: rgb(59 130 246 / .10);
	color: #60a5fa;
	font-size: 10px;
}

.mtp-affiliate-banner .mtp-affiliate-stat strong {
	display: block;
	color: #fff;
	font-size: 11px;
	line-height: 1.2;
}

.mtp-affiliate-banner .mtp-affiliate-stat span {
	display: block;
	margin-top: 2px;
	color: rgb(226 232 240 / .45);
	font-size: 8px;
}

.mtp-affiliate-banner .bg-figure {
	position: absolute;
	right: 0;
	opacity: .2;
}

@media (max-width:767px) {
	.mtp-affiliate-banner {
		min-height: auto;
		padding: 24px 20px;
	}

	.mtp-affiliate-banner .mtp-affiliate-card {
		display: none;
	}

	.mtp-affiliate-banner .mtp-affiliate-content {
		max-width: 100%;
	}

	.mtp-affiliate-banner .mtp-affiliate-title {
		font-size: 22px;
	}

	.mtp-affiliate-banner .mtp-affiliate-description {
		font-size: 13px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.mtp-affiliate-banner {
		padding: 24px;
		gap: 20px;
	}

	.mtp-affiliate-banner .mtp-affiliate-card {
		width: 245px;
		flex-basis: 245px;
	}
}

.mtp-giveaway-banner {
	position: relative;
	width: 100%;
	max-height: 185px;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 25px 30px;
	margin-bottom: 15px;
	border-radius: 10px;
	background: radial-gradient(circle at 78% 35%,rgb(36 201 143 / .18),transparent 32%),radial-gradient(circle at 100% 100%,rgb(31 158 113 / .16),transparent 38%),linear-gradient(115deg,#102b24 0%,#164537 48%,#1d6249 100%);
	border: 1px solid rgb(255 255 255 / .06);
	box-shadow: 0 12px 35px rgb(8 23 27 / .12);
}

.mtp-giveaway-banner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 24px;
	bottom: 24px;
	width: 7px;
	border-radius: 0 6px 6px 0;
	background: #42d89d;
	box-shadow: 0 0 18px rgb(66 216 157 / .55);
	z-index: 4;
}

.mtp-giveaway-banner::after {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: 80px;
	top: -190px;
	border-radius: 50%;
	background: rgb(59 227 149 / .13);
	filter: blur(60px);
	z-index: -1;
}

.mtp-giveaway-banner .mtp-giveaway-content {
	position: relative;
	z-index: 4;
	width: 55%;
	max-width: 620px;
}

.mtp-giveaway-banner .mtp-giveaway-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 7px;
	color: #fff;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.4px;
}

.mtp-giveaway-banner .mtp-giveaway-title-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: rgb(255 255 255 / .08);
	border: 1px solid rgb(255 255 255 / .10);
	color: #71e8b7;
	font-size: 16px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .05);
}

.mtp-giveaway-banner .mtp-giveaway-description {
	margin: 0;
	max-width: 570px;
	color: rgb(226 232 240 / .72);
	font-size: 13px;
	line-height: 1.65;
}

.mtp-giveaway-banner .mtp-giveaway-image {
	position: absolute;
	right: -5px;
	top: 50%;
	width: 330px;
	max-width: 100%;
	height: auto;
	transform: translateY(-50%) rotate(2deg);
	object-fit: contain;
	z-index: 2;
	pointer-events: none;
	opacity: .52;
	filter: drop-shadow(0 18px 35px rgb(0 0 0 / .22));
}

.mtp-giveaway-banner .mtp-give-circle {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: 1;
}

.mtp-giveaway-banner .mtp-give-circle-1 {
	width: 125px;
	height: 125px;
	right: 310px;
	top: -70px;
	border: 1px solid rgb(255 255 255 / .05);
}

.mtp-giveaway-banner .mtp-mass-circle-2 {
	width: 75px;
	height: 75px;
	right: 350px;
	bottom: -40px;
	border: 1px solid rgb(255 255 255 / .045);
}

@media (max-width:767px) {
	.mtp-giveaway-banner {
		min-height: 190px;
		padding: 24px 20px;
	}

	.mtp-giveaway-banner .mtp-giveaway-content {
		width: 100%;
		max-width: 100%;
	}

	.mtp-giveaway-banner .mtp-giveaway-title {
		font-size: 22px;
	}

	.mtp-giveaway-banner .mtp-giveaway-description {
		max-width: 100%;
		font-size: 13px;
		line-height: 1.6;
	}

	.mtp-giveaway-banner .mtp-giveaway-image {
		right: -35px;
		width: 230px;
		max-width: 55%;
		opacity: .38;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.mtp-giveaway-banner {
		padding: 24px;
	}

	.mtp-giveaway-banner .mtp-giveaway-content {
		width: 62%;
	}

	.mtp-giveaway-banner .mtp-giveaway-image {
		width: 270px;
		max-width: 40%;
		right: -15px;
	}

	.mtp-giveaway-banner .mtp-giveaway-description {
		max-width: 500px;
	}
}

.mtp-orders-banner {
	width: 100%;
	max-height: 165px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 20px 30px;
	margin-bottom: 15px;
	border-radius: 10px;
	background: radial-gradient(circle at 78% 35%,rgb(36 201 143 / .18),transparent 32%),radial-gradient(circle at 100% 100%,rgb(31 158 113 / .16),transparent 38%),linear-gradient(115deg,#102b24 0%,#164537 48%,#1d6249 100%);
	border: 1px solid rgb(255 255 255 / .06);
}

.mtp-orders-banner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 24px;
	bottom: 24px;
	width: 7px;
	border-radius: 0 6px 6px 0;
	background: #42d89d;
	box-shadow: 0 0 18px rgb(66 216 157 / .55);
	z-index: 4;
}

.mtp-orders-banner::after {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: 80px;
	top: -190px;
	border-radius: 50%;
	background: rgb(59 227 149 / .13);
	filter: blur(60px);
	z-index: -1;
	pointer-events: none;
}

.mtp-orders-banner .mtp-orders-content {
	position: relative;
	z-index: 5;
	max-width: 620px;
}

.mtp-orders-banner .mtp-orders-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 7px;
	color: #fff;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.4px;
}

.mtp-orders-banner .mtp-orders-title-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: rgb(255 255 255 / .08);
	border: 1px solid rgb(255 255 255 / .10);
	color: #71e8b7;
	font-size: 16px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .05);
}

.mtp-orders-banner .mtp-orders-description {
	margin: 0;
	max-width: 590px;
	color: rgb(226 232 240 / .84);
	font-size: 13px;
	line-height: 1.65;
	font-weight: 400;
}

.mtp-orders-banner .mtp-orders-panel {
	position: relative;
	width: 290px;
	flex: 0 0 290px;
	padding: 7px;
	border-radius: 9px;
	background: linear-gradient(145deg,rgb(255 255 255 / .10),rgb(255 255 255 / .045));
	border: 1px solid rgb(255 255 255 / .11);
	box-shadow: 0 14px 35px rgb(0 0 0 / .16),inset 0 1px 0 rgb(255 255 255 / .06);
	z-index: 5;
}

.mtp-orders-banner .mtp-orders-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.mtp-orders-banner .mtp-orders-panel-title {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
}

.mtp-orders-banner .mtp-orders-panel-title i {
	color: #60a5fa;
}

.mtp-orders-banner .mtp-orders-live {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 7px;
	border-radius: 6px;
	background: rgb(16 185 129 / .10);
	color: #6ee7b7;
	font-size: 8px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .4px;
}

.mtp-orders-banner .mtp-orders-live-dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #34d399;
	box-shadow: 0 0 8px rgb(52 211 153 / .8);
}

.mtp-orders-banner .mtp-order-row {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 7px 8px;
	margin-top: 5px;
	border-radius: 7px;
	background: rgb(0 0 0 / .13);
	border: 1px solid rgb(255 255 255 / .045);
}

.mtp-orders-banner .mtp-order-icon {
	width: 25px;
	height: 25px;
	flex: 0 0 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: rgb(16 185 129 / .10);
	color: #71e8b7;
	font-size: 9px;
}

.mtp-orders-banner .mtp-order-info {
	min-width: 0;
	flex: 1;
}

.mtp-orders-banner .mtp-order-name {
	display: block;
	overflow: hidden;
	color: rgb(255 255 255 / .86);
	font-size: 9px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mtp-orders-banner .mtp-order-id {
	display: block;
	margin-top: 2px;
	color: rgb(226 232 240 / .40);
	font-size: 7px;
}

.mtp-orders-banner .mtp-order-status {
	padding: 4px 6px;
	border-radius: 5px;
	background: rgb(16 185 129 / .10);
	color: #6ee7b7;
	font-size: 7px;
	font-weight: 900;
	text-transform: uppercase;
}

.mtp-orders-banner .mtp-order-status.blue {
	background: rgb(59 130 246 / .10);
	color: #93c5fd;
}

@media (max-width:767px) {
	.mtp-orders-banner {
		min-height: auto;
		padding: 24px 20px;
	}

	.mtp-orders-banner .mtp-orders-panel {
		display: none;
	}

	.mtp-orders-banner .mtp-orders-content {
		max-width: 100%;
	}

	.mtp-orders-banner .mtp-orders-title {
		font-size: 19px;
	}

	.mtp-orders-banner .mtp-orders-description {
		font-size: 13px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.mtp-orders-banner {
		padding: 24px;
		gap: 20px;
	}

	.mtp-orders-banner .mtp-orders-panel {
		width: 245px;
		flex-basis: 245px;
	}
}

.mtp-updates-banner {
	width: 100%;
	max-height: 165px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 15px 30px;
	margin-bottom: 15px;
	border-radius: 10px;
	background: radial-gradient(circle at 78% 35%,rgb(36 201 143 / .18),transparent 32%),radial-gradient(circle at 100% 100%,rgb(31 158 113 / .16),transparent 38%),linear-gradient(115deg,#102b24 0%,#164537 48%,#1d6249 100%);
	border: 1px solid rgb(255 255 255 / .06);
}

.mtp-updates-banner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 24px;
	bottom: 24px;
	width: 7px;
	border-radius: 0 6px 6px 0;
	background: #42d89d;
	box-shadow: 0 0 18px rgb(66 216 157 / .55);
	z-index: 4;
}

.mtp-updates-banner::after {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: 80px;
	top: -190px;
	border-radius: 50%;
	background: rgb(59 227 149 / .13);
	filter: blur(60px);
	z-index: -1;
	pointer-events: none;
}

.mtp-updates-banner .mtp-updates-content {
	position: relative;
	z-index: 5;
	max-width: 620px;
}

.mtp-updates-banner .mtp-updates-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 7px;
	color: #fff;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.4px;
}

.mtp-updates-banner .mtp-updates-title-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: rgb(255 255 255 / .08);
	border: 1px solid rgb(255 255 255 / .10);
	color: #71e8b7;
	font-size: 16px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .05);
}

.mtp-updates-banner .mtp-updates-description {
	margin: 0;
	max-width: 590px;
	color: rgb(226 232 240 / .84);
	font-size: 13px;
	line-height: 1.65;
	font-weight: 400;
}

.mtp-updates-banner .mtp-updates-panel {
	position: relative;
	width: 290px;
	flex: 0 0 290px;
	padding: 7px;
	border-radius: 9px;
	background: linear-gradient(145deg,rgb(255 255 255 / .10),rgb(255 255 255 / .045));
	border: 1px solid rgb(255 255 255 / .11);
	box-shadow: 0 14px 35px rgb(0 0 0 / .18),inset 0 1px 0 rgb(255 255 255 / .06);
	z-index: 5;
}

.mtp-updates-banner .mtp-updates-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 11px;
}

.mtp-updates-banner .mtp-updates-panel-title {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
}

.mtp-updates-banner .mtp-updates-version {
	padding: 4px 7px;
	border-radius: 6px;
	background: rgb(139 92 246 / .12);
	color: #c4b5fd;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .3px;
}

.mtp-updates-banner .mtp-update-item {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 7px 8px;
	margin-top: 5px;
	border-radius: 7px;
	background: rgb(0 0 0 / .13);
	border: 1px solid rgb(255 255 255 / .045);
}

.mtp-updates-banner .mtp-update-icon {
	width: 25px;
	height: 25px;
	flex: 0 0 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: rgb(16 185 129 / .10);
	color: #71e8b7;
	font-size: 9px;
}

.mtp-updates-banner .mtp-update-info {
	min-width: 0;
	flex: 1;
}

.mtp-updates-banner .mtp-update-name {
	display: block;
	overflow: hidden;
	color: rgb(255 255 255 / .88);
	font-size: 9px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mtp-updates-banner .mtp-update-date {
	display: block;
	margin-top: 2px;
	color: rgb(226 232 240 / .40);
	font-size: 7px;
}

.mtp-updates-banner .mtp-update-status {
	padding: 4px 6px;
	border-radius: 5px;
	background: rgb(16 185 129 / .10);
	color: #6ee7b7;
	font-size: 7px;
	font-weight: 900;
	text-transform: uppercase;
}

.mtp-updates-banner .mtp-update-status.blue {
	background: rgb(59 130 246 / .10);
	color: #93c5fd;
}

@media (max-width:767px) {
	.mtp-updates-banner {
		min-height: auto;
		padding: 24px 20px;
	}

	.mtp-updates-banner .mtp-updates-panel {
		display: none;
	}

	.mtp-updates-banner .mtp-updates-content {
		max-width: 100%;
	}

	.mtp-updates-banner .mtp-updates-title {
		font-size: 19px;
	}

	.mtp-updates-banner .mtp-updates-description {
		font-size: 13px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.mtp-updates-banner {
		padding: 24px;
		gap: 20px;
	}

	.mtp-updates-banner .mtp-updates-panel {
		width: 245px;
		flex-basis: 245px;
	}
}

.mtp-account-settings-banner {
	width: 100%;
	max-height: 165px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 20px 30px;
	margin-bottom: 15px;
	border-radius: 10px;
	background: radial-gradient(circle at 78% 35%,rgb(36 201 143 / .18),transparent 32%),radial-gradient(circle at 100% 100%,rgb(31 158 113 / .16),transparent 38%),linear-gradient(115deg,#102b24 0%,#164537 48%,#1d6249 100%);
	border: 1px solid rgb(255 255 255 / .06);
}

.mtp-account-settings-banner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 24px;
	bottom: 24px;
	width: 7px;
	border-radius: 0 6px 6px 0;
	background: #42d89d;
	box-shadow: 0 0 18px rgb(66 216 157 / .55);
	z-index: 4;
}

.mtp-account-settings-banner::after {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: 80px;
	top: -190px;
	border-radius: 50%;
	background: rgb(59 227 149 / .13);
	filter: blur(60px);
	z-index: -1;
	pointer-events: none;
}

.mtp-account-settings-banner .mtp-account-settings-content {
	position: relative;
	z-index: 5;
	max-width: 620px;
}

.mtp-account-settings-banner .mtp-account-settings-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 7px;
	color: #fff;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.4px;
}

.mtp-account-settings-banner .mtp-account-settings-title-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: rgb(255 255 255 / .08);
	border: 1px solid rgb(255 255 255 / .10);
	color: #71e8b7;
	font-size: 16px;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .05);
}

.mtp-account-settings-banner .mtp-account-settings-description {
	margin: 0;
	max-width: 590px;
	color: rgb(226 232 240 / .84);
	font-size: 13px;
	line-height: 1.65;
	font-weight: 400;
}

.mtp-account-settings-banner .mtp-account-settings-panel {
	position: relative;
	width: 290px;
	flex: 0 0 290px;
	padding: 7px;
	border-radius: 9px;
	background: linear-gradient(145deg,rgb(255 255 255 / .10),rgb(255 255 255 / .045));
	border: 1px solid rgb(255 255 255 / .11);
	box-shadow: 0 14px 35px rgb(0 0 0 / .18),inset 0 1px 0 rgb(255 255 255 / .06);
	z-index: 5;
}

.mtp-account-settings-banner .mtp-account-settings-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.mtp-account-settings-banner .mtp-account-settings-panel-title {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
}

.mtp-account-settings-banner .mtp-account-settings-panel-title i {
	color: #a78bfa;
}

.mtp-account-settings-banner .mtp-account-settings-status {
	padding: 4px 7px;
	border-radius: 6px;
	background: rgb(16 185 129 / .10);
	color: #6ee7b7;
	font-size: 8px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .4px;
}

.mtp-account-settings-banner .mtp-account-setting {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 7px 8px;
	margin-top: 5px;
	border-radius: 7px;
	background: rgb(0 0 0 / .13);
	border: 1px solid rgb(255 255 255 / .045);
}

.mtp-account-settings-banner .mtp-account-setting-icon {
	width: 25px;
	height: 25px;
	flex: 0 0 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: rgb(16 185 129 / .10);
	color: #71e8b7;
	font-size: 9px;
}

.mtp-account-settings-banner .mtp-account-setting-info {
	min-width: 0;
	flex: 1;
}

.mtp-account-settings-banner .mtp-account-setting-name {
	display: block;
	overflow: hidden;
	color: rgb(255 255 255 / .88);
	font-size: 9px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mtp-account-settings-banner .mtp-account-setting-meta {
	display: block;
	margin-top: 2px;
	color: rgb(226 232 240 / .40);
	font-size: 7px;
}

.mtp-account-settings-banner .mtp-account-setting-value {
	padding: 4px 6px;
	border-radius: 5px;
	background: rgb(59 130 246 / .10);
	color: #93c5fd;
	font-size: 7px;
	font-weight: 900;
	text-transform: uppercase;
}

.mtp-account-settings-banner .mtp-account-setting-value.green {
	background: rgb(16 185 129 / .10);
	color: #6ee7b7;
}

@media (max-width:767px) {
	.mtp-account-settings-banner {
		min-height: auto;
		padding: 24px 20px;
	}

	.mtp-account-settings-banner .mtp-account-settings-panel {
		display: none;
	}

	.mtp-account-settings-banner .mtp-account-settings-content {
		max-width: 100%;
	}

	.mtp-account-settings-banner .mtp-account-settings-title {
		font-size: 19px;
	}

	.mtp-account-settings-banner .mtp-account-settings-description {
		font-size: 13px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.mtp-account-settings-banner {
		padding: 24px;
		gap: 20px;
	}

	.mtp-account-settings-banner .mtp-account-settings-panel {
		width: 245px;
		flex-basis: 245px;
	}
}

.mtp-profit .mtp-profit-widget {
	width: 100%;
	min-height: 205px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: stretch;
	gap: 18px;
	padding: 16px;
	margin: 25px 0 0 0;
	border-radius: 15px;
	background: radial-gradient(circle at 15% 20%,rgb(16 185 129 / .10),transparent 28%),radial-gradient(circle at 82% 0%,rgb(59 130 246 / .10),transparent 30%),linear-gradient(120deg,#071716 0%,#0a211e 45%,#0d3029 100%);
	border: 1px solid rgb(255 255 255 / .07);
	box-shadow: 0 14px 40px rgb(0 0 0 / .10);
}

.mtp-profit .mtp-profit-widget::before {
	content: "";
	position: absolute;
	width: 420px;
	height: 420px;
	left: 35%;
	top: -280px;
	border-radius: 50%;
	background: rgb(16 185 129 / .10);
	filter: blur(75px);
	pointer-events: none;
}

.mtp-profit .mtp-profit-widget::after {
	content: "";
	position: absolute;
	width: 280px;
	height: 280px;
	right: -100px;
	bottom: -180px;
	border-radius: 50%;
	background: rgb(59 130 246 / .08);
	filter: blur(65px);
	pointer-events: none;
}

.mtp-profit .mtp-profit-controls {
	position: relative;
	z-index: 2;
	width: 390px;
	flex: 0 0 390px;
	display: flex;
	flex-direction: column;
	padding: 15px;
	border-radius: 11px;
	background: linear-gradient(145deg,rgb(255 255 255 / .095),rgb(255 255 255 / .035));
	border: 1px solid rgb(255 255 255 / .09);
	box-shadow: 0 14px 30px rgb(0 0 0 / .15),inset 0 1px 0 rgb(255 255 255 / .04);
}

.mtp-profit .mtp-profit-control-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}

.mtp-profit .mtp-profit-control-title {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #3be395;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .7px;
}

.mtp-profit .mtp-profit-control-title svg {
	color: #3be395;
	font-size: 11px;
}

.mtp-profit .mtp-profit-control-value {
	color: #fff;
	font-size: 12px;
	font-weight: 900;
}

.mtp-profit .mtp-profit-range {
	display: block;
	width: 100%;
	height: 4px;
	margin: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(90deg,#10b981 0%,#10b981 var(--progress,50%),rgb(255 255 255 / .09) var(--progress,50%),rgb(255 255 255 / .09) 100%);
	cursor: pointer;
}

.mtp-profit .mtp-profit-range::-webkit-slider-thumb {
	appearance: none;
	-webkit-appearance: none;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid #34d399;
	box-shadow: 0 0 0 3px rgb(52 211 153 / .10);
	cursor: pointer;
}

.mtp-profit .mtp-profit-range::-moz-range-thumb {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid #34d399;
	box-shadow: 0 0 0 3px rgb(52 211 153 / .10);
	cursor: pointer;
}

.mtp-profit .mtp-profit-range-footer {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}

.mtp-profit .mtp-profit-range-footer span {
	color: rgb(226 232 240 / .87);
	font-size: 12px;
	font-weight: 700;
}

.mtp-profit .mtp-profit-control-block+.mtp-profit-control-block {
	margin-top: 15px;
}

.mtp-profit .mtp-profit-result-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid rgb(255 255 255 / .065);
}

.mtp-profit .mtp-profit-result-caption {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}

.mtp-profit .mtp-profit-result-caption svg {
	color: #34d399;
}

.mtp-profit .mtp-profit-result-mini {
	color: #6ee7b7;
	font-size: 16px;
	font-weight: 900;
	white-space: nowrap;
}

.mtp-profit .mtp-profit-calculate {
	width: 100%;
	min-height: 46px;
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 14px;
	border: 1px solid rgb(52 211 153 / .18);
	border-radius: 8px;
	background: #34d399;
	color: #fff!important;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .55px;
	box-shadow: 0 8px 20px rgb(16 185 129 / .14);
	cursor: pointer;
	transition: transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

.mtp-profit .mtp-profit-calculate i {
	font-size: 9px;
}

.mtp-profit .mtp-profit-calculate:hover {
	transform: translateY(-1px);
	filter: brightness(1.05);
	box-shadow: 0 10px 25px rgb(16 185 129 / .24);
}

.mtp-profit .mtp-profit-calculate:active {
	transform: translateY(0);
}

.mtp-profit .mtp-profit-overview {
	position: relative;
	z-index: 2;
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 18px 20px;
	border-radius: 11px;
	background: linear-gradient(145deg,rgb(255 255 255 / .25),rgb(255 255 255 / .15));
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='552' fill='none'><g clip-path='url(%23a)'><path fill='%23266849' d='M0 0h600v552H0z'/><path fill='%23000' fill-rule='evenodd' d='m-33.09 201.72-62.903 150.81-98.287-40.947L-2.263-148.772l102.218 24.723-32.644 405.725 172.996-565.449 104.009 19.578-39.302 515.671 99.377-338.893 104.107 9.957 30.241 321.585 33.336-158.813 104.926 4.134 45.749 357.169-105.63 13.563-5.657-44.163-40.717 193.976-105.123-5.913-37.162-395.174-163.989 559.233-104.188-18.984 41.353-542.571L25.884 781.045l-103.992-19.803 45.019-559.522Z' clip-rule='evenodd' opacity='.1'/></g><path stroke='%23266849' d='M.5.5h599v551H.5z'/><defs><clipPath id='a'><path fill='%23fff' d='M0 0h600v552H0z'/></clipPath></defs></svg>");
	background-size: cover;
	background-position: center;
	border: 1px solid rgb(255 255 255 / .055);
}

.mtp-profit .mtp-profit-overview-label {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 20px;
	color: #9dffd2;
	font-size: 12px;
	line-height: 1;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .9px;
}

.mtp-profit .mtp-profit-overview-label svg {
	color: #9dffd2;
	font-size: 12px;
}

.mtp-profit .mtp-profit-overview-value {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 6px;
	color: #fff;
	font-size: 36px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: -1.4px;
}

.mtp-profit .mtp-profit-overview-value small {
	padding-bottom: 3px;
	color: rgb(255 255 255 / .77);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0;
}

.mtp-profit .mtp-profit-overview-sub {
	max-width: 530px;
	margin-top: 8px;
	color: #dcffeb;
	font-size: 12px;
	line-height: 1.55;
}

.mtp-profit .mtp-profit-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 14px;
}

.mtp-profit .mtp-profit-tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 23px;
	padding: 0 8px;
	border-radius: 6px;
	background: rgb(0 0 0 / .16);
	border: 1px solid rgb(255 255 255 / .045);
	color: #dcffeb;
	font-size: 12px;
	font-weight: 700;
}

.mtp-profit .mtp-profit-tag svg {
	color: #34d399;
	font-size: 12px;
}

.mtp-profit .mtp-profit-extra {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 7px;
	margin-top: 12px;
}

.mtp-profit .mtp-profit-extra-item {
	min-width: 0;
	padding: 8px 9px;
	border-radius: 7px;
	background: rgb(0 0 0 / .25);
	border: 1px solid rgb(255 255 255 / .28);
}

.mtp-profit .mtp-profit-extra-label {
	display: block;
	margin-bottom: 3px;
	color: #9dffd2;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .45px;
}

.mtp-profit .mtp-profit-extra-value {
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	font-weight: 900;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media (min-width:768px) and (max-width:991px) {
	.mtp-profit .mtp-profit-widget {
		gap: 12px;
		padding: 12px;
	}

	.mtp-profit .mtp-profit-controls {
		width: 320px;
		flex-basis: 320px;
	}

	.mtp-profit .mtp-profit-overview-value {
		font-size: 29px;
	}

	.mtp-profit .mtp-profit-extra {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

@media (max-width:767px) {
	.mtp-profit .mtp-profit-widget {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 12px;
		min-height: auto;
	}

	.mtp-profit .mtp-profit-controls {
		order: 1;
		width: 100%;
		flex: none;
		padding: 13px;
	}

	.mtp-profit .mtp-profit-overview {
		order: 2;
		width: 100%;
		padding: 16px;
	}

	.mtp-profit .mtp-profit-overview-value {
		font-size: 28px;
	}

	.mtp-profit .mtp-profit-overview-sub {
		font-size: 8px;
	}

	.mtp-profit .mtp-profit-extra {
		grid-template-columns: repeat(3,minmax(0,1fr));
	}

	.mtp-profit .mtp-profit-extra-item {
		padding: 7px;
	}
}

@media (max-width:480px) {
	.mtp-profit .mtp-profit-extra {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.mtp-profit .mtp-profit-tag {
		display: block;
		text-align: center;
	}

	.mtp-profit .mtp-profit-overview-value {
		justify-content: center;
	}

	.mtp-profit .mtp-profit-overview-sub {
		text-align: center;
	}

	.mtp-profit .mtp-profit-overview-label {
		justify-content: center;
		margin-bottom: 20px;
	}

	.mtp-profit .mtp-profit-tags {
		display: grid;
		justify-content: center;
		grid-template-columns: 1fr;
	}
}

.mtp-calculator .package-selector {
	position: relative;
	width: 100%;
	max-width: 920px;
	margin: 30px auto 0;
	padding: 34px;
	border: 1px solid #e5eaf2;
	border-radius: 15px;
	background: linear-gradient(145deg,#ffffff 0%,#fbfdfd 55%,#f5fffb 100%);
	box-shadow: 0 20px 55px rgb(15 23 42 / .07),0 3px 12px rgb(15 23 42 / .03);
	overflow: hidden;
}

.mtp-calculator .package-selector:before {
	content: "";
	position: absolute;
	width: 360px;
	height: 360px;
	top: -210px;
	right: -100px;
	background: rgb(52 211 153 / .13);
	border-radius: 50%;
	filter: blur(250px);
	pointer-events: none;
	z-index: 0;
}

.mtp-calculator .package-selector:after {
	content: "";
	position: absolute;
	width: 260px;
	height: 260px;
	bottom: -180px;
	left: -100px;
	background: rgb(52 211 153 / .08);
	border-radius: 50%;
	filter: blur(60px);
	pointer-events: none;
	z-index: 0;
}

.mtp-calculator .package-selector>* {
	position: relative;
	z-index: 2;
}

.mtp-calculator .package-group {
	margin-bottom: 30px;
}

.mtp-calculator .package-group:last-of-type {
	margin-bottom: 26px;
}

.mtp-calculator .package-group label {
	display: block;
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: .01em;
	color: #172033;
}

.mtp-calculator .category-boxes {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 10px;
}

.mtp-calculator .cat-box {
	position: relative;
	min-height: 62px;
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 11px 13px;
	border: 1px solid #e3e9f2;
	border-radius: 14px;
	background: rgb(255 255 255 / .88);
	color: #202a3d;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	user-select: none;
	overflow: hidden;
	transition: border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}

.mtp-calculator .cat-box:after {
	display: none;
}

.mtp-calculator .cat-box:not(.active):hover {
	border-color: #a7e8d0;
	background: #f7fffb;
	box-shadow: 0 7px 20px rgb(16 185 129 / .08);
	transform: translateY(-1px);
}

.mtp-calculator .cat-box.active {
	border-color: #34d399;
	background: linear-gradient(135deg,#f2fffa 0%,#eafff5 100%);
	color: #10291f;
	box-shadow: 0 8px 24px rgb(52 211 153 / .13),inset 0 0 0 1px rgb(52 211 153 / .08);
}

.mtp-calculator .cat-box.active:before {
	content: "";
	position: absolute;
	top: 8px;
	right: 8px;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #34d399;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 11px 11px;
	box-shadow: 0 3px 8px rgb(52 211 153 / .25);
}

.mtp-calculator .cat-box .cat-icon {
	position: relative;
	width: 38px;
	height: 38px;
	min-width: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	color: #fff;
	font-size: 17px;
	box-shadow: 0 4px 10px rgb(15 23 42 / .08);
	transition: transform .2s ease,box-shadow .2s ease;
}

.mtp-calculator .cat-box:hover .cat-icon {
	transform: scale(1.04);
}

.mtp-calculator .cat-box.active .cat-icon {
	box-shadow: 0 6px 15px rgb(16 185 129 / .12);
}

.mtp-calculator .cat-box .cat-icon.instagram {
	background: linear-gradient(135deg,#833ab4 0%,#fd1d1d 55%,#fcb045 100%);
}

.mtp-calculator .cat-box .cat-icon.tiktok {
	color: #fff;
	background: #050505;
	text-shadow: 1px 1px #25f4ee,-1px -1px #fe2c55;
}

.mtp-calculator .cat-box .cat-icon.youtube {
	background: #f03;
}

.mtp-calculator .cat-box .cat-icon.facebook {
	background: #1877f2;
}

.mtp-calculator .cat-box .cat-icon.spotify {
	background: #1ed760;
}

.mtp-calculator .cat-box .cat-icon.telegram {
	background: #229ed9;
}

.mtp-calculator .cat-box .cat-icon.twitter {
	background: #000;
}

.mtp-calculator .cat-box .cat-icon.kickstarter {
	background: #53fc18;
}

.mtp-calculator .subcategory-boxes {
	display: grid;
	grid-template-columns: repeat(6,minmax(0,1fr));
	gap: 8px;
}

.mtp-calculator .sub-box {
	min-height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 12px;
	border: 1px solid #e1e7f0;
	border-radius: 12px;
	background: #fff;
	color: #536074;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	user-select: none;
	white-space: nowrap;
	transition: background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}

.mtp-calculator .sub-box:not(.active):hover {
	background: #f4fffa;
	border-color: #a7e8d0;
	color: #13966b;
	transform: translateY(-1px);
}

.mtp-calculator .sub-box.active {
	border-color: #34d399;
	background: linear-gradient(135deg,#34d399,#20c997);
	color: #fff;
	box-shadow: 0 7px 16px rgb(52 211 153 / .2);
}

.mtp-calculator .slider-path-wrapper {
	position: relative;
	height: 9px;
	margin: 88px 5px 0;
	border-radius: 100px;
	background: #e4eaf2;
	box-shadow: inset 0 1px 2px rgb(15 23 42 / .05);
}

.mtp-calculator .slider-path-filled {
	position: absolute;
	top: 0;
	left: 0;
	height: 9px;
	border-radius: 100px;
	background: linear-gradient(90deg,#34d399 0%,#10b981 100%);
	box-shadow: 0 2px 7px rgb(16 185 129 / .22);
	transition: width .15s ease;
}

.mtp-calculator .slider-knob {
	position: absolute;
	top: -12px;
	width: 33px;
	height: 33px;
	border: 5px solid #fff;
	border-radius: 50%;
	background: #34d399;
	cursor: pointer;
	box-shadow: 0 3px 10px rgb(15 23 42 / .18),0 0 0 1px rgb(52 211 153 / .25);
	transition: transform .15s ease,box-shadow .15s ease;
}

.mtp-calculator .slider-knob:hover {
	transform: scale(1.08);
	box-shadow: 0 5px 15px rgb(15 23 42 / .2),0 0 0 5px rgb(52 211 153 / .1);
}

.mtp-calculator .package-tooltip {
	position: absolute;
	bottom: calc(100% + 20px);
	left: -4px;
	min-width: 72px;
	padding: 9px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: linear-gradient(135deg,#10b981,#34d399);
	color: #fff;
	box-shadow: 0 8px 20px rgb(16 185 129 / .2);
	cursor: pointer;
	user-select: none;
	transition: left .15s ease,transform .15s ease;
}

.mtp-calculator .package-tooltip p {
	margin: 0;
	color: #fff;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 700;
}

.mtp-calculator .package-tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	transform: translateX(-50%);
	border-left: 8px solid #fff0;
	border-right: 8px solid #fff0;
	border-top: 8px solid #34d399;
}

.mtp-calculator .package-selector-details {
	position: relative;
	min-height: 74px;
	display: flex;
	align-items: center;
	margin: 30px 0 12px;
	padding: 12px 16px;
	border: 1px solid #ccefe2;
	border-radius: 15px;
	background: linear-gradient(105deg,#f5fffb 0%,#ffffff 58%,#f8fffc 100%);
	box-shadow: 0 5px 18px rgb(16 185 129 / .05);
	overflow: hidden;
}

.mtp-calculator .package-selector-details:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: #34d399;
}

.mtp-calculator .package-selector .package-selector-details p {
	margin: 0;
	color: #687386;
	font-size: 13px;
	font-weight: 700;
}

.mtp-calculator .package-selector .package-selector-details p:nth-child(2) {
	margin-left: 12px;
	color: #0f9f70;
	font-size: 25px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: -.02em;
}

.mtp-calculator .package-selector .package-selector-discount {
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	min-height: 30px;
	padding: 6px 10px;
	border: 1px solid #b9f0dc;
	border-radius: 9px;
	background: #eafff6;
	color: #0c9b6c;
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity .3s ease,max-height .3s ease;
}

.mtp-calculator .package-selector .package-selector-discount.visible {
	opacity: 1;
	max-height: 100px;
}

.mtp-calculator .package-selector .btn-primary {
	position: relative;
	min-height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 10px;
	padding: 15px 20px;
	border: 0!important;
	border-radius: 15px;
	background: linear-gradient(135deg,#151b28 0%,#242c3b 100%)!important;
	color: #fff!important;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .01em;
	box-shadow: 0 9px 22px rgb(15 23 42 / .15);
	transition: transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.mtp-calculator .package-selector .btn-primary i {
	font-size: 14px;
	transition: transform .2s ease;
}

.mtp-calculator .package-selector .btn-primary:hover {
	transform: translateY(-2px);
	background: linear-gradient(135deg,#202938 0%,#303a4b 100%)!important;
	box-shadow: 0 13px 28px rgb(15 23 42 / .2);
}

.mtp-calculator .package-selector .btn-primary:hover i {
	transform: translateX(4px);
}

.mtp-calculator .package-selector .btn-primary:active {
	transform: translateY(0);
}

.mtp-calculator .amount-boxes {
	position: absolute;
}

.mtp-calculator .amount-box {
	border-radius: 10px;
	border: 1px solid #e3e9f2;
	background: #fff;
	color: #536074;
	cursor: pointer;
	transition: .2s ease;
}

.mtp-calculator .amount-box.active {
	border-color: #34d399;
	background: #34d399;
	color: #fff;
}

@media (max-width:991px) {
	.mtp-calculator .package-selector {
		max-width: 100%;
		padding: 28px;
	}

	.mtp-calculator .category-boxes {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.mtp-calculator .subcategory-boxes {
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
}

@media (max-width:767px) {
	.mtp-calculator .package-selector {
		padding: 22px 18px;
		border-radius: 20px;
	}

	.mtp-calculator .package-group {
		margin-bottom: 24px;
	}

	.mtp-calculator .category-boxes {
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 8px;
	}

	.mtp-calculator .cat-box {
		min-height: 58px;
		padding: 9px 10px;
		gap: 8px;
		border-radius: 12px;
		font-size: 13px;
	}

	.mtp-calculator .cat-box .cat-icon {
		width: 34px;
		height: 34px;
		min-width: 34px;
		border-radius: 9px;
		font-size: 15px;
	}

	.mtp-calculator .subcategory-boxes {
		grid-template-columns: repeat(3,minmax(0,1fr));
		gap: 7px;
	}

	.mtp-calculator .sub-box {
		min-height: 42px;
		padding: 8px 5px;
		border-radius: 10px;
		font-size: 12px;
	}

	.mtp-calculator .slider-path-wrapper {
		margin-top: 82px;
		margin-left: 3px;
		margin-right: 3px;
	}

	.mtp-calculator .package-selector-details {
		min-height: 68px;
		padding: 10px 13px;
		margin-top: 27px;
		border-radius: 14px;
	}

	.mtp-calculator .package-selector .package-selector-details p:nth-child(2) {
		font-size: 23px;
	}

	.mtp-calculator .package-selector .btn-primary {
		min-height: 54px;
		border-radius: 13px;
		font-size: 14px;
	}
}

@media (max-width:430px) {
	.mtp-calculator .package-selector {
		padding: 18px 14px;
	}

	.mtp-calculator .cat-box {
		min-height: 54px;
		padding: 8px;
		font-size: 12px;
	}

	.mtp-calculator .cat-box .cat-icon {
		width: 31px;
		height: 31px;
		min-width: 31px;
		font-size: 14px;
	}

	.mtp-calculator .cat-box.active:before {
		width: 16px;
		height: 16px;
		top: 6px;
		right: 6px;
		font-size: 8px;
	}

	.mtp-calculator .sub-box {
		font-size: 11px;
	}

	.mtp-calculator .package-selector-details {
		min-height: 64px;
	}

	.mtp-calculator .package-selector .package-selector-details p {
		font-size: 12px;
	}

	.mtp-calculator .package-selector .package-selector-details p:nth-child(2) {
		font-size: 21px;
	}
}

.mtp-industry {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: flex-end;
	gap: 32px;
	margin: 24px auto;
	padding: 36px 40px;
	border-radius: 15px;
	color: #f2f4ff;
	background: radial-gradient(600px 260px at 88% 0%,rgb(139 92 246 / .28),transparent 70%),radial-gradient(500px 240px at 0% 100%,rgb(91 140 255 / .18),transparent 70%),linear-gradient(135deg,#141a3a,#0a0e1f);
}

.mtp-industry::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background-image: linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .035) 1px,transparent 1px);
	background-size: 36px 36px;
	-webkit-mask-image: linear-gradient(90deg,transparent 5%,#000 70%);
	mask-image: linear-gradient(90deg,transparent 5%,#000 70%);
}

.mtp-industry .smm-chart {
	position: absolute;
	right: -15px;
	bottom: -40px;
	width: 62%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	opacity: .9;
}

.mtp-industry .smm-chart .area {
	fill: url(#smmArea);
}

.mtp-industry .smm-chart .line {
	fill: none;
	stroke: url(#smmLine);
	stroke-width: 2.5;
	stroke-linecap: round;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	animation: smm-draw 2.4s cubic-bezier(.3,.7,.2,1) .2s forwards;
}

.mtp-industry .smm-chart .line-2 {
	fill: none;
	stroke: rgb(154 163 199 / .35);
	stroke-width: 1.5;
	stroke-dasharray: 5 6;
}

.mtp-industry .smm-chart .dot {
	fill: #fff;
	stroke: #5b8cff;
	stroke-width: 3;
	opacity: 0;
	animation: smm-pop .4s ease 2.4s forwards;
}

@keyframes smm-draw {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes smm-pop {
	to {
		opacity: 1;
	}
}

.mtp-industry .smm-content {
	min-width: 0;
	max-width: 620px;
}

.mtp-industry .smm-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #b9c8ff;
	background: rgb(91 140 255 / .12);
	border: 1px solid rgb(91 140 255 / .4);
	border-radius: 999px;
}

.mtp-industry .smm-title {
	display: block;
	margin: 16px 0 10px;
	font-size: clamp(22px, 3.2vw, 32px);
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.01em;
}

.mtp-industry .smm-title span {
	background: linear-gradient(90deg,#fff,#b7c4ff);
	-webkit-background-clip: text;
	background-clip: text;
	color: #fff0;
}

.mtp-industry .smm-desc {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.6;
	color: #cbd2eb;
}

.mtp-industry .smm-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.mtp-industry .smm-stats li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 14px;
	font-size: 13px;
	font-weight: 700;
	background: rgb(255 255 255 / .05);
	border: 1px solid rgb(255 255 255 / .09);
	border-radius: 10px;
	backdrop-filter: blur(6px);
}

.mtp-industry .smm-stats svg {
	width: 16px;
	height: 16px;
	flex: none;
	stroke: #5b8cff;
}

.mtp-industry .smm-stats .free {
	color: #34d399;
}

.mtp-industry .smm-stats .free svg {
	stroke: #34d399;
}

.mtp-industry .smm-cta-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
}

.mtp-industry .smm-cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 30px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #fff!important;
	text-decoration: none;
	white-space: nowrap;
	background: linear-gradient(135deg,#5b8cff,#8b5cf6);
	border-radius: 12px;
	box-shadow: 0 10px 30px -8px rgb(91 140 255 / .7),inset 0 1px 0 rgb(255 255 255 / .25);
	transition: transform .2s ease,box-shadow .2s ease;
}

.mtp-industry .smm-cta svg {
	width: 18px;
	height: 18px;
	transition: transform .2s ease;
}

.mtp-industry .smm-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 36px -8px rgb(139 92 246 / .8),inset 0 1px 0 rgb(255 255 255 / .3);
}

.mtp-industry .smm-cta:hover svg {
	transform: translateX(4px);
}

.mtp-industry .smm-cta:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

.mtp-industry .smm-note {
	font-size: 12px;
	color: rgb(255 255 255 / .77);
}

@media (max-width:760px) {
	.mtp-industry {
		grid-template-columns: 1fr;
		padding: 28px 10px;
		gap: 24px;
		border-radius: 15px;
	}

	.mtp-industry .smm-chart {
		width: 100%;
		opacity: .45;
	}

	.mtp-industry .smm-stats {
		display: grid;
	}

	.mtp-industry .smm-cta-wrap {
		align-items: stretch;
	}

	.mtp-industry .smm-cta {
		justify-content: center;
	}

	.mtp-industry .smm-content,.mtp-industry .smm-title {
		text-align: center;
		max-width: 100%;
	}
}

@media (prefers-reduced-motion:reduce) {
	.mtp-industry .smm-chart .line {
		animation: none;
		stroke-dashoffset: 0;
	}

	.mtp-industry .smm-chart .dot {
		animation: none;
		opacity: 1;
	}

	.mtp-industry .smm-badge i {
		animation: none;
	}

	.mtp-industry .smm-cta,.mtp-industry .smm-cta svg {
		transition: none;
	}
}

.mtp-alt-menu {
	position: absolute;
	top: 60px;
	min-width: 190px;
	width: max-content;
	padding: 10px;
	margin: 0;
	background: rgb(255 255 255 / .98);
	border: 1px solid rgb(30 41 59 / .08);
	box-shadow: 0 24px 55px rgb(15 23 42 / .12),0 5px 18px rgb(15 23 42 / .06);
	border-radius: 18px;
	display: flex!important;
	flex-direction: column;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-8px) scale(.985);
	transform-origin: top center;
	transition: opacity .22s ease,transform .26s cubic-bezier(.22,.61,.36,1),visibility 0s linear .26s;
	z-index: 9999;
}

.mtp-alt-menu.show,.mtp-alt-menu.mtp-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
	transition: opacity .22s ease,transform .26s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s;
}

.hm-services-item:nth-child(2) .mtp-alt-menu {
	display: grid!important;
	grid-template-columns: repeat(2,minmax(260px,1fr));
	gap: 5px 15px;
	min-width: 575px;
	width: 575px;
}

.hm-services-item:nth-child(2) .mtp-alt-menu>li {
	position: relative;
	min-width: 0;
	padding: 0;
}

.mtp-alt-menu-first,.mtp-alt-menu>li>a {
	position: relative;
	width: 100%;
	min-height: 40px;
	display: flex!important;
	align-items: center;
	gap: 10px;
	padding: 7px 10px!important;
	margin: 0;
	border-radius: 10px;
	color: #334155!important;
	background: #fff0;
	text-decoration: none;
	transition: background-color .18s ease,transform .18s ease,color .18s ease;
}

.mtp-alt-menu>li:hover>.mtp-alt-menu-first,.mtp-alt-menu>li>a:hover {
	background: #f6f9ff;
	color: #3be395!important;
}

.mtp-alt-menu>li.mtp-sub-open>.mtp-alt-menu-first {
	background: #f6f9ff;
	color: #3be395!important;
}

.mtp-alt-menu-first .mtp-alt-menu-text {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

.mtp-alt-menu-first .mtp-alt-menu-text .mtp-alt-menu-icon,.mtp-alt-menu>li>a>.mtp-alt-menu-icon:first-child {
	flex: 0 0 34px;
	width: 34px!important;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	color: #10B981;
	background: rgb(16 185 129 / .07);
	border: 1px solid rgb(16 185 129 / .07);
	font-size: 16px;
	transition: background-color .18s ease,color .18s ease,transform .18s ease;
}

.mtp-alt-menu-first .mtp-alt-menu-text .tiktok {
	background: #000;
	color: #fff;
	text-shadow: 1px 1px #f72e4dfc,-1px -1px #09f3f3;
}

.mtp-alt-menu-first .mtp-alt-menu-text .youtube {
	background: #e60606;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .instagram {
	background: linear-gradient(180deg,#8000ff 0,#ffb800 100%);
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .facebook {
	background: #12a1f4;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .twitter {
	background: #1b9ff1;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .spotify {
	background: #1fc158;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .soundcloud {
	background: #ef7509;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .snapchat-ghost {
	background: #f9f606;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .telegram-plane {
	background: #1b95cf;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .discord {
	background: #5865f6;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .quora {
	background: #B92B27;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .twitch {
	background: #6842ac;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .kickstarter-k {
	background: #00e701;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .vimeo-v {
	background: #80c5ec;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .reddit {
	background: #f44707;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .linkedin-in {
	background: #0475b4;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text .discourse {
	background: #00AFF0;
	color: #fff;
}

.mtp-alt-menu-first .mtp-alt-menu-text {
	display: flex;
	align-items: center;
}

.mtp-alt-menu-first>.caret {
	margin-left: auto;
	width: 16px;
	height: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	color: #94a3b8;
	font-size: 11px;
	transition: transform .22s ease,background-color .18s ease,color .18s ease;
}

.mtp-alt-menu>li.mtp-sub-open>.mtp-alt-menu-first>.fa-caret-right {
	transform: rotate(90deg);
	color: #a8c3f1;
	background: #f0f4fb;
}

.mtp-alt-menu-second {
	position: absolute;
	top: -5px;
	left: calc(100% + 8px);
	width: 250px;
	min-width: 250px;
	margin: 0;
	padding: 8px;
	background: #fff;
	border: 1px solid #e6e9f1;
	border-radius: 15px;
	box-shadow: 0 24px 55px rgb(30 41 59 / .16);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-7px);
	transition: opacity .2s ease,transform .2s ease,visibility .2s ease;
	z-index: 200000;
}

.mtp-alt-menu>li.mtp-sub-open>.mtp-alt-menu-second {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(0);
	transition: opacity .20s ease,transform .22s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s;
}

.mtp-alt-menu-second>li {
	padding: 0!important;
	margin: 0;
	list-style: none;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .instagram {
	color: #e1306c;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .linkedin {
	color: #0475b4;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .discourse {
	color: #00AFF0;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .reddit {
	color: #f44707;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .twitch {
	color: #6842ac;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .quora {
	color: #B92B27;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .discord {
	color: #5865f6;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .telegram {
	color: #1b95cf;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .snapchat {
	color: #f9f606;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .soundcloud {
	color: #ef7509;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .spotify {
	color: #1fc158;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .twitter {
	color: #1b9ff1;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .facebook {
	color: #12a1f4;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .youtube {
	color: #e60606;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .tiktok {
	color: #000;
	text-shadow: 1px 1px #f72e4dfc,-1px -1px #09f3f3;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .vimeo {
	color: #80c5ec;
}

.mtp-alt-menu>li>.mtp-alt-menu-second .kick {
	color: #00e701;
}

.mtp-alt-menu-second li a {
	min-width: 0!important;
	width: 100%;
	display: flex!important;
	align-items: center;
	gap: 9px;
	padding: 9px 10px!important;
	border-radius: 9px;
	color: #475569!important;
	font-size: 13px!important;
	font-weight: 700;
	text-decoration: none;
	transition: background-color .16s ease,color .16s ease,padding-left .16s ease;
}

.mtp-alt-menu-second li a:hover {
	background: #f6f9ff;
	color: #3be395!important;
	padding-left: 7px!important;
}

.mtp-alt-menu-second li a i {
	width: 22px;
	text-align: center;
}

.mtp-alt-menu li:hover .mtp-alt-menu-second {
	display: block!important;
}

.mtp-alt-menu>li:hover>.mtp-alt-menu-second {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.mtp-alt-menu>li.mtp-sub-open:hover>.mtp-alt-menu-second {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.mtp-alt-menu>li.mtp-sub-open {
	position: relative;
	z-index: 999999!important;
}

.mtp-alt-menu>li.mtp-sub-open>.mtp-alt-menu-second {
	z-index: 1000000!important;
}

.hm-services-item:nth-child(4) .mtp-alt-menu,.hm-services-item:nth-child(5) .mtp-alt-menu {
	min-width: 270px;
	width: 270px;
	padding: 9px;
}

.hm-services-item:nth-child(4) .mtp-alt-menu>li,.hm-services-item:nth-child(5) .mtp-alt-menu>li {
	padding: 0;
}

.hm-services-item:nth-child(4) .mtp-alt-menu-first,.hm-services-item:nth-child(5) .mtp-alt-menu-first {
	min-height: 48px;
}

.hm-services-item:nth-child(4) .mtp-alt-menu-first .mtp-alt-menu-text .mtp-alt-menu-icon,.hm-services-item:nth-child(5) .mtp-alt-menu-first .mtp-alt-menu-text .mtp-alt-menu-icon {
	width: 30px!important;
	height: 30px;
	flex-basis: 30px;
	font-size: 14px;
}

.hm-services-item:nth-child(4) .mtp-alt-menu-first>.fa-caret-right,.hm-services-item:nth-child(5) .mtp-alt-menu-first>.fa-caret-right {
	display: none;
}

.hm-services-item:nth-child(4) .mtp-alt-menu>li:hover>.mtp-alt-menu-first {
	background: #f6f9ff;
}

.hm-services-item>.hm-link i.fa-angle-down {
	transition: transform .22s ease;
}

.hm-services-item.mtp-menu-open>.hm-link i.fa-angle-down {
	transform: rotate(180deg);
}

@media (max-width:767.98px) {
	.hm-services-item:nth-child(4) .mtp-alt-menu,.hm-services-item:nth-child(5) .mtp-alt-menu {
		padding: 0;
	}

	.hm-wrapper .mtp-alt-menu {
		position: static;
		width: 100%!important;
		min-width: 0!important;
		display: block!important;
		margin-top: 5px;
		padding: 8px;
		border-radius: 15px;
		transform: translateY(-5px) scale(.99);
	}

	.hm-wrapper .mtp-alt-menu.show,.hm-wrapper .mtp-alt-menu.mtp-open {
		transform: translateY(0) scale(1);
	}

	.hm-wrapper .hm-services-item:nth-child(2) .mtp-alt-menu {
		display: block!important;
	}

	.hm-wrapper .mtp-alt-menu>li {
		width: 100%;
	}

	.hm-wrapper .mtp-alt-menu>li:last-child {
		margin-bottom: 0;
	}

	.hm-wrapper .mtp-alt-menu-first {
		min-height: 40px;
		border-radius: 0;
	}

	.hm-wrapper .mtp-alt-menu>li.mtp-sub-open>.mtp-alt-menu-second {
		transform: translateY(0) scale(1);
		background: #fff;
	}
}

.hm-services-item {
	position: relative;
	z-index: 10000;
}

.hm-services-item>.mtp-alt-menu {
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	width: 560px;
	min-width: 560px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 10px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 24px 60px rgb(30 41 59 / .14);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-8px);
	transform-origin: top left;
	transition: opacity .22s ease,transform .22s ease,visibility .22s ease;
	z-index: 100000;
}

.hm-services-item>.mtp-alt-menu.mtp-research-menu {
	width: 325px;
	min-width: 325px;
}

.hm-services-item>.mtp-alt-menu.show,.hm-services-item.mtp-menu-open>.mtp-alt-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.hm-services-item>.mtp-alt-menu>li {
	position: relative;
	width: 50%;
	padding: 5px;
	list-style: none;
	background: #fff0;
	z-index: 1;
	width: 100%;
	cursor: pointer;
}

.hm-services-item>.mtp-alt-menu>li:hover {
	background: #fff0;
}

@media (min-width:992px) {
	.hm-services-item {
		z-index: 999999;
	}

	.hm-services-item>.mtp-alt-menu {
		overflow: visible;
	}

	.mtp-alt-menu {
		overflow: visible!important;
	}

	.mtp-alt-menu>li {
		overflow: visible;
	}
}

@media (max-width:991.98px) {
	.hm-services-item {
		display: block;
		width: 100%;
	}

	.hm-services-item>.mtp-alt-menu {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		min-width: 0;
		display: block;
		margin: 0;
		padding: 0;
		background: #fff0;
		box-shadow: none;
		border-radius: 10px;
		border: 1px solid #c1ccef;
		max-height: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		overflow: hidden;
		transform: translateY(-6px);
		transition: max-height .28s ease,opacity .2s ease,transform .2s ease,visibility .2s ease;
	}

	.hm-services-item>.mtp-alt-menu.show,.hm-services-item.mtp-menu-open>.mtp-alt-menu {
		max-height: 2000px;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
		padding-top: 8px;
		padding-bottom: 8px;
		margin-top: 8px;
	}

	.hm-services-item>.mtp-alt-menu>li {
		width: 100%;
		padding: 2px 0;
		z-index: auto!important;
	}

	.mtp-alt-menu-first,.mtp-alt-menu>li>a {
		min-height: 52px;
		padding: 8px 12px;
		border-radius: 12px;
	}

	.mtp-alt-menu-first .mtp-alt-menu-text .mtp-alt-menu-icon,.mtp-alt-menu>li>a>.mtp-alt-menu-icon:first-child {
		width: 30px;
		height: 30px;
		flex-basis: 30px;
		font-size: 16px;
	}

	.mtp-alt-menu-second {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		min-width: 0;
		padding: 0;
		background: #fff0;
		border: none;
		margin: 0;
		border-radius: 0;
		box-shadow: none;
		max-height: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		overflow: hidden;
		transform: none;
		transition: max-height .25s ease,opacity .2s ease,visibility .2s ease;
	}

	.mtp-alt-menu>li.mtp-sub-open>.mtp-alt-menu-second {
		max-height: 600px;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
	}

	.mtp-alt-menu-second>li>a {
		min-height: 42px;
		padding: 8px 12px;
		font-size: 14px;
		border-radius: 9px;
	}

	.mtp-alt-menu-first .fa-caret-right {
		transition: transform .2s ease;
	}

	.mtp-alt-menu>li.mtp-sub-open .mtp-alt-menu-first .fa-caret-right {
		transform: rotate(90deg);
	}
}

.mtp-safety-page .mtp-safety-trustbar {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 12px;
	margin-bottom: 45px;
}

.mtp-safety-page .mtp-safety-trustitem {
	display: flex;
	align-items: center;
	gap: 13px;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 14px;
	padding: 16px 18px;
}

.mtp-safety-page .mtp-safety-trusticon {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: #ecfdf5;
	color: #10b981;
}

.mtp-safety-page .mtp-safety-trustitem strong {
	display: block;
	font-size: 13px;
	font-weight: 750;
	margin-bottom: 2px;
	color: #171717;
}

.mtp-safety-page .mtp-safety-trustitem span {
	color: #7b7b7b;
	font-size: 11px;
}

.mtp-safety-page .mtp-safety-section {
	margin: 100px 0;
}

.mtp-safety-page .mtp-safety-answer {
	display: grid;
	grid-template-columns: 56px 1fr;
	gap: 18px;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-left: 4px solid #3be395;
	border-radius: 15px;
	padding: 25px 27px;
	margin-top: 35px;
}

.mtp-safety-page .mtp-safety-answer-icon {
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	background: #ecfdf5;
	color: #10b981;
	font-size: 20px;
}

.mtp-safety-page .mtp-safety-answer strong {
	color: #171717;
	font-size: 17px;
	font-weight: 750;
	margin: 0 0 8px;
}

.mtp-safety-page .mtp-safety-answer p {
	color: #626d7d;
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
}

.mtp-safety-page .mtp-safety-risk-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 13px;
	margin-top: 35px;
}

.mtp-safety-page .mtp-safety-risk {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 21px;
	min-height: 165px;
}

.mtp-safety-page .mtp-safety-risk-icon {
	width: 40px;
	height: 40px;
	border-radius: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
}

.mtp-safety-page .mtp-safety-risk.red .mtp-safety-risk-icon {
	background: #fef2f2;
	color: #dc2626;
}

.mtp-safety-page .mtp-safety-risk.orange .mtp-safety-risk-icon {
	background: #fffbeb;
	color: #d97706;
}

.mtp-safety-page .mtp-safety-risk.blue .mtp-safety-risk-icon {
	background: #eff6ff;
	color: #2563eb;
}

.mtp-safety-page .mtp-safety-risk.purple .mtp-safety-risk-icon {
	background: #f5f3ff;
	color: #7c3aed;
}

.mtp-safety-page .mtp-safety-risk.green .mtp-safety-risk-icon {
	background: #ecfdf5;
	color: #059669;
}

.mtp-safety-page .mtp-safety-risk.yellow .mtp-safety-risk-icon {
	background: #fbfbe5;
	color: #ebe025;
}

.mtp-safety-page .mtp-safety-risk h3 {
	font-size: 14px;
	line-height: 1.35;
	font-weight: 750;
	margin: 0 0 7px;
	color: #171717;
}

.mtp-safety-page .mtp-safety-risk p {
	color: #7b7b7b;
	font-size: 12.5px;
	line-height: 1.65;
	margin: 0;
}

.mtp-safety-page .mtp-safety-security {
	position: relative;
	overflow: hidden;
	background: #171717;
	border-radius: 15px;
	padding: 31px;
	color: #fff;
}

.mtp-safety-page .mtp-safety-security:after {
	content: "";
	position: absolute;
	right: -90px;
	top: -110px;
	width: 270px;
	height: 270px;
	border: 45px solid rgb(255 255 255 / .03);
	border-radius: 50%;
}

.mtp-safety-page .mtp-safety-security-inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 56px 1fr;
	gap: 18px;
}

.mtp-safety-page .mtp-safety-security-icon {
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	background: #34d399;
	color: #fff;
	font-size: 20px;
}

.mtp-safety-page .mtp-safety-security h2 {
	color: #fff;
	font-size: 23px;
	font-weight: 750;
	margin: 0 0 9px;
}

.mtp-safety-page .mtp-safety-security-lead {
	max-width: 800px;
	color: #c7d0dd;
	font-size: 14px;
	line-height: 1.75;
	margin: 0 0 21px;
}

.mtp-safety-page .mtp-safety-security-quote {
	background: rgb(255 255 255 / .055);
	border: 1px solid rgb(255 255 255 / .09);
	border-radius: 13px;
	padding: 17px 18px;
	margin-bottom: 15px;
}

.mtp-safety-page .mtp-safety-security-quote strong {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 1.55;
}

.mtp-safety-page .mtp-safety-security-quote span {
	display: block;
	color: #8795a9;
	font-size: 11px;
	margin-top: 5px;
}

.mtp-safety-page .mtp-safety-security-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 13px;
}

.mtp-safety-page .mtp-safety-security-list {
	background: rgb(255 255 255 / .045);
	border-radius: 12px;
	padding: 16px;
}

.mtp-safety-page .mtp-safety-security-list h4 {
	color: #aeb9c8;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .06em;
	margin: 0 0 11px;
}

.mtp-safety-page .mtp-safety-security-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mtp-safety-page .mtp-safety-security-list li {
	position: relative;
	color: #d9dfe8;
	font-size: 12px;
	line-height: 1.6;
	padding-left: 19px;
	margin-bottom: 7px;
}

.mtp-safety-page .mtp-safety-security-list li:last-child {
	margin-bottom: 0;
}

.mtp-safety-page .mtp-safety-security-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #34d399;
}

.mtp-safety-page .mtp-safety-security-list.never li:before {
	background: #fb7185;
}

.mtp-safety-page .mtp-safety-check-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 35px;
}

.mtp-safety-page .mtp-safety-check {
	display: flex;
	align-items: flex-start;
	gap: 13px;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 17px 18px;
}

.mtp-safety-page .mtp-safety-check-icon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	background: #ecfdf5;
	color: #10b981;
	font-size: 13px;
}

.mtp-safety-page .mtp-safety-check h4 {
	color: #171717;
	font-size: 13px;
	font-weight: 750;
	margin: 0 0 4px;
}

.mtp-safety-page .mtp-safety-check p {
	color: #7b7b7b;
	font-size: 12px;
	line-height: 1.55;
	margin: 0;
}

.mtp-safety-page .mtp-safety-compare {
	display: grid;
	grid-template-columns: 1fr 70px 1fr;
	gap: 14px;
	align-items: stretch;
	margin-top: 35px;
}

.mtp-safety-page .mtp-safety-compare-card {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 24px;
}

.mtp-safety-page .mtp-safety-compare-card.refill {
	border-top: 3px solid #168354;
}

.mtp-safety-page .mtp-safety-compare-card.retention {
	border-top: 3px solid #5b3fc4;
}

.mtp-safety-page .mtp-safety-compare-card .compare-icon {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	margin-bottom: 14px;
}

.mtp-safety-page .mtp-safety-compare-card.refill .compare-icon {
	color: #168354;
	background: linear-gradient(135deg,#eef9f3,#e2f4eb);
}

.mtp-safety-page .mtp-safety-compare-card.retention .compare-icon {
	color: #5b3fc4;
	background: linear-gradient(135deg,#f2efff,#e8e3fb);
}

.mtp-safety-page .mtp-safety-compare-card strong {
	font-size: 17px;
	font-weight: 750;
	margin: 0 0 8px;
	color: #171717;
}

.mtp-safety-page .mtp-safety-compare-card>p {
	color: #7b7b7b;
	font-size: 12.5px;
	line-height: 1.7;
	margin: 0 0 15px;
}

.mtp-safety-page .mtp-safety-compare-card ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mtp-safety-page .mtp-safety-compare-card li {
	position: relative;
	padding-left: 19px;
	color: #5f6a7a;
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 7px;
}

.mtp-safety-page .mtp-safety-compare-card li:before {
	content: "\f00c";
	position: absolute;
	left: 0;
	top: 1px;
	font-family: "Font Awesome 5 Pro";
	font-size: 9px;
	color: #3be395;
}

.mtp-safety-page .mtp-safety-compare-vs {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mtp-safety-page .mtp-safety-compare-vs span {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #eef0f4;
	color: #7a8494;
	font-size: 24px;
	font-weight: 700;
}

.mtp-safety-page .mtp-safety-transparency {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 27px;
}

.mtp-safety-page .mtp-safety-transparency-head {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 22px;
}

.mtp-safety-page .mtp-safety-transparency-icon {
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 13px;
	background: #ecfdf5;
	color: #10b981;
}

.mtp-safety-page .mtp-safety-transparency-head h2 {
	font-size: 21px;
	font-weight: 750;
	margin: 0 0 5px;
}

.mtp-safety-page .mtp-safety-transparency-head p {
	color: #7b7b7b;
	font-size: 12.5px;
	line-height: 1.6;
	margin: 0;
}

.mtp-safety-page .mtp-safety-feature-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 10px;
}

.mtp-safety-page .mtp-safety-feature {
	background: #f8f9fb;
	border: 1px solid #edf0f4;
	border-radius: 12px;
	padding: 15px;
}

.mtp-safety-page .mtp-safety-feature i {
	color: #10b981;
	font-size: 13px;
	margin-bottom: 9px;
}

.mtp-safety-page .mtp-safety-feature strong {
	display: block;
	color: #171717;
	font-size: 11.5px;
	line-height: 1.4;
}

.mtp-safety-page .mtp-safety-platform {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 17px;
	background: #fffbeb;
	border: 1px solid #f8e7b1;
	border-radius: 15px;
	padding: 24px;
}

.mtp-safety-page .mtp-safety-platform-icon {
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 13px;
	background: #fef3c7;
	color: #b45309;
}

.mtp-safety-page .mtp-safety-platform h2 {
	color: #713f12;
	font-size: 19px;
	font-weight: 750;
	margin: 0 0 8px;
}

.mtp-safety-page .mtp-safety-platform p {
	color: #765b2b;
	font-size: 13px;
	line-height: 1.75;
	margin: 0;
}

.mtp-safety-page .mtp-safety-platform strong {
	color: #5d4217;
}

.mtp-safety-page .mtp-safety-report {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	background: #171717;
	border-radius: 15px;
	padding: 25px 28px;
}

.mtp-safety-page .mtp-safety-report-content {
	display: flex;
	align-items: center;
	gap: 15px;
}

.mtp-safety-page .mtp-safety-report-icon {
	width: 45px;
	height: 45px;
	flex: 0 0 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: rgb(16 185 129 / .13);
	color: #34d399;
}

.mtp-safety-page .mtp-safety-report strong {
	color: #fff;
	font-size: 15px;
	font-weight: 750;
	margin: 0 0 3px;
}

.mtp-safety-page .mtp-safety-report p {
	color: #929daf;
	font-size: 11.5px;
	margin: 0;
}

.mtp-safety-page .mtp-safety-report-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 15px;
	border-radius: 10px;
	background: #fff;
	color: #171717!important;
	font-size: 12px;
	font-weight: 750;
	text-decoration: none!important;
	white-space: nowrap;
}

.mtp-safety-page .mtp-safety-final-check {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 27px;
}

.mtp-safety-page .mtp-safety-final-check h2 {
	font-size: 22px;
	font-weight: 750;
	margin: 0 0 7px;
}

.mtp-safety-page .mtp-safety-final-check>p {
	color: #7b7b7b;
	font-size: 13px;
	margin: 0 0 20px;
}

.mtp-safety-page .mtp-safety-final-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.mtp-safety-page .mtp-safety-final-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 13px;
	background: #f8f9fb;
	border-radius: 10px;
}

.mtp-safety-page .mtp-safety-final-item i {
	color: #10b981;
	font-size: 11px;
}

.mtp-safety-page .mtp-safety-final-item span {
	color: #4f5a6b;
	font-size: 12px;
}

@media (max-width:991px) {
	.mtp-safety-page .mtp-safety-section {
		margin: 50px 0;
	}

	.mtp-safety-page .mtp-safety-risk-grid {
		grid-template-columns: 1fr 1fr;
	}

	.mtp-safety-page .mtp-safety-feature-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width:767px) {
	.mtp-safety-page .mtp-safety-page {
		padding: 25px 0 55px;
	}

	.mtp-safety-page .mtp-safety-trustbar {
		grid-template-columns: 1fr;
		margin-bottom: 35px;
	}

	.mtp-safety-page .mtp-safety-section {
		margin-bottom: 38px;
	}

	.mtp-safety-page .mtp-safety-risk-grid {
		grid-template-columns: 1fr;
	}

	.mtp-safety-page .mtp-safety-answer {
		grid-template-columns: 1fr;
		padding: 21px;
	}

	.mtp-safety-page .mtp-safety-security {
		padding: 23px;
	}

	.mtp-safety-page .mtp-safety-security-inner {
		grid-template-columns: 1fr;
	}

	.mtp-safety-page .mtp-safety-security-columns {
		grid-template-columns: 1fr;
	}

	.mtp-safety-page .mtp-safety-check-grid {
		grid-template-columns: 1fr;
	}

	.mtp-safety-page .mtp-safety-compare {
		grid-template-columns: 1fr;
	}

	.mtp-safety-page .mtp-safety-compare-vs {
		height: 35px;
	}

	.mtp-safety-page .mtp-safety-guide-links {
		grid-template-columns: 1fr;
	}

	.mtp-safety-page .mtp-safety-feature-grid {
		grid-template-columns: 1fr 1fr;
	}

	.mtp-safety-page .mtp-safety-platform {
		grid-template-columns: 1fr;
	}

	.mtp-safety-page .mtp-safety-report {
		flex-direction: column;
		align-items: flex-start;
	}

	.mtp-safety-page .mtp-safety-final-list {
		grid-template-columns: 1fr;
	}

	.mtp-safety-page .mtp-safety-report-btn {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width:480px) {
	.mtp-safety-page .mtp-safety-feature-grid {
		grid-template-columns: 1fr;
	}

	.mtp-safety-page .mtp-safety-transparency {
		padding: 21px;
	}
}

.mtp-glossary {
	margin-bottom: 75px;
}

.mtp-glossary .mtp-glossary-search {
	max-width: 760px;
	margin: 0 auto 32px;
	position: relative;
}

.mtp-glossary .mtp-glossary-search-icon {
	position: absolute;
	left: 21px;
	top: 50%;
	transform: translateY(-50%);
	color: #9ca3af;
	font-size: 16px;
	z-index: 2;
}

.mtp-glossary .mtp-glossary-search input {
	width: 100%;
	height: 58px;
	border: 1px solid #cdd6f2;
	border-radius: 14px;
	background: #fff;
	padding: 0 54px 0 52px;
	outline: none;
	color: #171717;
	font-size: 15px;
	box-shadow: 0 5px 22px rgb(17 24 39 / .04);
	transition: all .2s ease;
}

.mtp-glossary .mtp-glossary-search input:focus {
	border-color: rgb(125 82 244 / .5);
	box-shadow: 0 0 0 4px rgb(125 82 244 / .08);
}

.mtp-glossary .mtp-glossary-search input::placeholder {
	color: #a1a7b3;
}

.mtp-glossary .mtp-glossary-search-clear {
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 27px;
	height: 27px;
	border: 0;
	border-radius: 50%;
	background: #f1f2f5;
	color: #777f8d;
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
}

.mtp-glossary .mtp-glossary-search-clear:hover {
	background: #e7e8ed;
}

.mtp-glossary .mtp-glossary-filters {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 26px;
}

.mtp-glossary .mtp-glossary-filter {
	border: 1px solid #cdd6f2;
	background: #fff;
	color: #596170;
	border-radius: 9px;
	padding: 20px 15px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: all .2s ease;
}

.mtp-glossary .mtp-glossary-filter:hover,.mtp-glossary .mtp-glossary-filter:focus {
	border-color: #3be395!important;
	color: #3be395;
}

.mtp-glossary .mtp-glossary-filter.active {
	background: #3be395;
	border-color: #3be395;
	color: #fff;
}

.mtp-glossary .mtp-glossary-alphabet-wrap {
	background: #fafbfd;
	border: 1px solid #cdd6f2;
	border-radius: 12px;
	padding: 15px 10px;
	margin-bottom: 34px;
}

.mtp-glossary .mtp-glossary-alphabet {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5px;
}

.mtp-glossary .mtp-glossary-letter {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: #fff0;
	color: #7a8190;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: all .18s ease;
}

.mtp-glossary .mtp-glossary-letter:hover {
	background: #ecfdf5;
	color: #10b981;
}

.mtp-glossary .mtp-glossary-letter.active {
	background: #3be395;
	color: #fff;
}

.mtp-glossary .mtp-glossary-letter.all {
	width: auto;
	padding: 0 11px;
}

.mtp-glossary .mtp-glossary-results-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 17px;
}

.mtp-glossary .mtp-glossary-results-count {
	color: #7b7b7b;
	font-size: 13px;
}

.mtp-glossary .mtp-glossary-results-count strong {
	color: #171717;
}

.mtp-glossary .mtp-glossary-current-filter {
	color: #3be395;
	font-weight: 700;
}

.mtp-glossary .mtp-glossary-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 15px;
}

.mtp-glossary .mtp-glossary-card {
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	padding: 23px 23px 22px;
	min-height: 220px;
	transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.mtp-glossary .mtp-glossary-card:hover {
	transform: translateY(-2px);
	border-color: #ddd5fa;
	box-shadow: 0 12px 30px rgb(17 24 39 / .06);
}

.mtp-glossary .mtp-glossary-card-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 17px;
}

.mtp-glossary .mtp-glossary-term {
	margin: 0;
	color: #171717;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 750;
}

.mtp-glossary .mtp-glossary-definition {
	color: #606875;
	font-size: 13.5px;
	line-height: 1.72;
	margin: 0 0 18px;
}

.mtp-glossary .mtp-glossary-tag {
	display: inline-flex;
	align-items: center;
	padding: 5px 9px;
	border-radius: 6px;
	background: #ecfdf5;
	color: #10b981;
	font-size: 10px;
	line-height: 1;
	font-weight: 700;
}

.mtp-glossary .mtp-glossary-empty {
	display: none;
	text-align: center;
	padding: 70px 20px;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
}

.mtp-glossary .mtp-glossary-empty-icon {
	width: 50px;
	height: 50px;
	border-radius: 13px;
	margin: 0 auto 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ecfdf5;
	color: #10b981;
}

.mtp-glossary .mtp-glossary-empty h3 {
	margin: 0 0 7px;
	color: #171717;
	font-size: 18px;
}

.mtp-glossary .mtp-glossary-empty p {
	margin: 0;
	color: #7b7b7b;
	font-size: 13px;
}

@media (max-width:991px) {
	.mtp-glossary .mtp-glossary-grid {
		grid-template-columns: repeat(2,1fr);
	}
}

@media (max-width:767px) {
	.mtp-glossary .mtp-glossary-search {
		margin-bottom: 22px;
	}

	.mtp-glossary .mtp-glossary-search input {
		height: 54px;
	}

	.mtp-glossary .mtp-glossary-filters {
		justify-content: flex-start;
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: 5px;
		scrollbar-width: none;
	}

	.mtp-glossary .mtp-glossary-filters::-webkit-scrollbar {
		display: none;
	}

	.mtp-glossary .mtp-glossary-filter {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.mtp-glossary .mtp-glossary-alphabet-wrap {
		padding: 12px;
	}

	.mtp-glossary .mtp-glossary-alphabet {
		gap: 3px;
	}

	.mtp-glossary .mtp-glossary-letter {
		width: 31px;
		height: 31px;
	}

	.mtp-glossary .mtp-glossary-results-bar {
		margin-bottom: 13px;
	}

	.mtp-glossary .mtp-glossary-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.mtp-glossary .mtp-glossary-card {
		min-height: auto;
	}
}

.mtp-mission-page {
	position: relative;
	overflow: hidden;
}

.mtp-mission-meta {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}

.mtp-mission-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 14px;
	border: 1px solid #cdd6f2;
	border-radius: 100px;
	background: #fff;
	color: #4e586b;
	font-size: 13px;
	font-weight: 700;
}

.mtp-mission-meta-item i {
	color: #3be395;
}

.mtp-mission-meta-item.mtp-green i {
	color: #10b981;
}

.mtp-mission-meta-item.mtp-purple i {
	color: #4230a5;
}

.mtp-mission-meta-item.mtp-orange i {
	color: #d95711;
}

.mtp-mission-page .mtp-mission-section {
	position: relative;
	padding: 105px 0;
}

.mtp-mission-page .mtp-mission-section+.mtp-mission-section {
	border-top: 1px solid #f0f1f5;
}

.mtp-mission-page .mtp-mission-section-soft {
	background: #f7f7fb;
}

.mtp-mission-page .mtp-mission-story-grid {
	display: grid;
	grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
	gap: 80px;
	align-items: center;
	margin-top: 75px;
}

.mtp-mission-page .mtp-mission-story-grid.reverse {
	grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);
}

.mtp-mission-page .mtp-mission-story-grid.reverse .mtp-mission-story-image {
	order: 2;
}

.mtp-mission-page .mtp-mission-story-grid.reverse .mtp-mission-story-content {
	order: 1;
}

.mtp-mission-page .mtp-mission-story-image {
	position: relative;
}

.mtp-mission-page .mtp-mission-image-frame {
	position: relative;
	padding: 18px;
	border-radius: 28px;
	background: #fff;
	border: 1px solid #cdd6f2;
	box-shadow: 0 25px 70px rgb(11 15 25 / .07);
}

.mtp-mission-page .mtp-mission-image-frame::before {
	content: "";
	position: absolute;
	width: 130px;
	height: 130px;
	left: -40px;
	top: -40px;
	border-radius: 30px;
	background: radial-gradient(circle at 2px 2px,rgb(137 86 251 / .25) 1.5px,transparent 1.5px);
	background-size: 13px 13px;
	z-index: -1;
}

.mtp-mission-page .mtp-mission-image-frame::after {
	content: "";
	position: absolute;
	width: 170px;
	height: 170px;
	right: -45px;
	bottom: -50px;
	background: rgb(16 185 129 / .10);
	border-radius: 50%;
	filter: blur(8px);
	z-index: -1;
}

.mtp-mission-page .mtp-mission-image-frame img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.mtp-mission-page .mtp-mission-story-content {
	max-width: 670px;
}

.mtp-mission-page .mtp-mission-story-content p {
	margin: 0 0 22px;
	font-size: 14px;
	line-height: 1.85;
	color: #171717;
}

.mtp-mission-page .mtp-mission-story-content p:last-of-type {
	margin-bottom: 0;
}

.mtp-mission-page .mtp-mission-story-content strong {
	display: block;
	position: relative;
	margin-top: 34px;
	padding: 25px 0 5px 25px;
	border-left: 3px solid #3be395;
	font-size: 20px;
	line-height: 1.6;
	font-weight: 700;
	color: #171717;
}

.mtp-mission-page .mtp-mission-stats {
	margin-top: 80px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	border-top: 1px solid #cdd6f2;
	border-bottom: 1px solid #cdd6f2;
}

.mtp-mission-page .mtp-mission-stat {
	padding: 34px 35px;
}

.mtp-mission-page .mtp-mission-stat+.mtp-mission-stat {
	border-left: 1px solid #cdd6f2;
}

.mtp-mission-page .mtp-mission-stat-number {
	display: block;
	margin-bottom: 7px;
	font-size: 40px;
	line-height: 1;
	font-weight: 750;
	letter-spacing: -2px;
	color: #171717;
}

.mtp-mission-page .mtp-mission-stat:nth-child(2) .mtp-mission-stat-number {
	color: #3be395;
}

.mtp-mission-page .mtp-mission-stat-label {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #8a92a1;
}

.mtp-mission-page .mtp-mission-principle {
	position: relative;
	margin-top: 90px;
	padding: 70px 75px;
	overflow: hidden;
	border-radius: 30px;
	background: #171717;
}

.mtp-mission-page .mtp-mission-principle::before {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	right: -180px;
	top: -180px;
	border-radius: 50%;
	background: rgb(137 86 251 / .20);
	filter: blur(20px);
}

.mtp-mission-page .mtp-mission-principle::after {
	content: "";
	position: absolute;
	width: 300px;
	height: 300px;
	left: -160px;
	bottom: -180px;
	border-radius: 50%;
	background: rgb(16 185 129 / .14);
	filter: blur(20px);
}

.mtp-mission-page .mtp-mission-principle-inner {
	position: relative;
	z-index: 2;
	max-width: 950px;
	margin: 0 auto;
	text-align: center;
}

.mtp-mission-page .mtp-mission-principle-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 22px;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #b99eff;
}

.mtp-mission-page .mtp-mission-principle-label::before,.mtp-mission-page .mtp-mission-principle-label::after {
	content: "";
	width: 25px;
	height: 1px;
	background: rgb(185 158 255 / .45);
}

.mtp-mission-page .mtp-mission-principle h3 {
	margin: 0;
	font-size: clamp(28px, 4vw, 48px);
	line-height: 1.2;
	letter-spacing: -1.8px;
	font-weight: 700;
	color: #fff;
}

.mtp-mission-page .mtp-mission-principle h3 span {
	color: #3be395;
}

.mtp-mission-page .mtp-mission-principle p {
	color: #fff;
	padding-top: 15px;
}

@media (max-width:991.98px) {
	.mtp-mission-page .mtp-mission-section {
		padding: 80px 0;
	}

	.mtp-mission-page .mtp-mission-story-grid,.mtp-mission-page .mtp-mission-story-grid.reverse {
		grid-template-columns: 1fr;
		gap: 45px;
	}

	.mtp-mission-page .mtp-mission-story-grid.reverse .mtp-mission-story-image,.mtp-mission-page .mtp-mission-story-grid.reverse .mtp-mission-story-content {
		order: initial;
	}

	.mtp-mission-page .mtp-mission-story-content {
		max-width: none;
	}

	.mtp-mission-page .mtp-mission-principle {
		padding: 55px 40px;
	}
}

@media (max-width:767.98px) {
	.mtp-mission-meta {
		margin-top: 28px;
	}

	.mtp-mission-page .mtp-mission-section {
		padding: 65px 0;
	}

	.mtp-mission-page .mtp-mission-story-grid,.mtp-mission-page .mtp-mission-story-grid.reverse {
		gap: 35px;
	}

	.mtp-mission-page .mtp-mission-image-frame {
		padding: 10px;
		border-radius: 20px;
	}

	.mtp-mission-page .mtp-mission-image-frame img {
		border-radius: 13px;
	}

	.mtp-mission-page .mtp-mission-image-frame::before {
		display: none;
	}

	.mtp-mission-page .mtp-mission-story-content p {
		font-size: 16px;
		line-height: 1.75;
	}

	.mtp-mission-page .mtp-mission-story-content strong {
		font-size: 18px;
		padding-left: 18px;
	}

	.mtp-mission-page .mtp-mission-stats {
		margin-top: 55px;
	}

	.mtp-mission-page .mtp-mission-stat {
		padding: 25px 18px;
	}

	.mtp-mission-page .mtp-mission-stat-number {
		font-size: 30px;
	}

	.mtp-mission-page .mtp-mission-stat-label {
		font-size: 10px;
		line-height: 1.4;
	}

	.mtp-mission-page .mtp-mission-principle {
		margin-top: 60px;
		padding: 45px 22px;
		border-radius: 22px;
	}

	.mtp-mission-page .mtp-mission-principle h3 {
		font-size: 29px;
		letter-spacing: -1px;
	}
}

@media (max-width:420px) {
	.mtp-mission-meta {
		gap: 7px;
	}

	.mtp-mission-meta-item {
		font-size: 11px;
		padding: 8px 11px;
	}

	.mtp-mission-page .mtp-mission-stat-number {
		font-size: 27px;
	}
}

.redeem-modal {
	display: none;
	position: fixed;
	z-index: 99999;
	inset: 0;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.redeem-modal.active {
	display: flex;
}

.redeem-modal .redeem-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgb(15 23 42 / .55);
	backdrop-filter: blur(3px);
}

.redeem-modal .redeem-modal-box {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 400px;
	background: #fff;
	border-radius: 15px;
	padding: 28px;
	box-shadow: 0 20px 60px rgb(0 0 0 / .18);
	text-align: center;
	animation: redeemModalShow .2s ease;
}

@keyframes redeemModalShow {
	from {
		opacity: 0;
		transform: translateY(10px) scale(.97);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.redeem-modal .redeem-modal-icon {
	width: 54px;
	height: 54px;
	margin: 0 auto 15px;
	border-radius: 14px;
	background: #ecfdf3;
	color: #12b76a;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

.redeem-modal .redeem-modal-box h4 {
	margin: 0 0 8px;
	color: #101828;
	font-size: 20px;
	font-weight: 700;
}

.redeem-modal .redeem-modal-box>p {
	margin: 0 0 20px;
	color: #667085;
	font-size: 14px;
}

.redeem-modal .redeem-summary {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 20px;
}

.redeem-modal .redeem-summary>div {
	padding: 12px;
	border: 1px solid #eaecf0;
	background: #f8fafc;
	border-radius: 10px;
}

.redeem-modal .redeem-summary small {
	display: block;
	color: #667085;
	font-size: 12px;
	margin-bottom: 4px;
}

.redeem-modal .redeem-summary strong {
	color: #101828;
	font-size: 17px;
}

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

.redeem-modal .redeem-cancel-btn,.redeem-modal .redeem-confirm-btn {
	flex: 1;
	height: 42px;
	border-radius: 9px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.redeem-modal .redeem-cancel-btn {
	background: #f03;
	border: 1px solid #f03;
	color: #fff;
}

.redeem-modal .redeem-confirm-btn {
	background: #12b76a;
	border: 1px solid #12b76a;
	color: #fff;
}

.redeem-modal .redeem-confirm-btn:hover {
	background: #0e9f5d;
}

#redeem-status-alert {
	margin: 15px 0;
}

#redeem-status-alert .redeem-status {
	padding: 10px 13px;
	border-radius: 9px;
	font-size: 13px;
	font-weight: 700;
}

#redeem-status-alert .redeem-status.success {
	border: 1px solid #b9ddcc;
	background: #eaf6f0;
	color: #216346;
}

.dark #redeem-status-alert .redeem-status.success {
	border: 1px solid #39735d;
	background: #193e33;
	color: #b7ebd7;
}

#redeem-status-alert .redeem-status.error {
	border: 1px solid #ebbbc7;
	background: #fff0f3;
	color: #932544;
}

.dark #redeem-status-alert .redeem-status.error {
	border: 1px solid #8b465c;
	background: #482832;
	color: #ffd6e3;
}

#redeem-status-alert .redeem-status.warning {
	color: #946200;
	background: #fff8e6;
	border: 1px solid #f1d58a;
}

#redeem-status-alert .redeem-status.processing {
	color: #475467;
	background: #f5f6f8;
	border: 1px solid #e4e7ec;
}

@media (max-width:480px) {
	.redeem-modal .redeem-modal-box {
		padding: 24px 20px;
	}
}

.smm-external-section {
	width: 100%;
	padding: 65px 0 0;
}

.smm-external-section .irx-section-eyebrow {
	display: inline-flex;
	align-items: center;
	background: #dfe;
	color: #1f583d;
	width: max-content;
	border-radius: 15px;
	padding: 5px 15px;
	margin: auto;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.3px;
	margin-bottom: 10px;
}

.smm-external-section .irx-external-grid {
	margin-top: 45px;
}

.smm-external-section .irx-source-card {
	height: 100%;
	background: #fff;
	border: 1px solid #cdd6f2;
	border-radius: 15px;
	overflow: hidden;
	transition: border-color .22s ease;
	display: flex;
	flex-direction: column;
}

.smm-external-section .irx-source-card:hover {
	border-color: #dfe2e8;
}

.smm-external-section .irx-source-top {
	padding: 17px 19px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #cdd6f2;
}

.smm-external-section .irx-source-brand {
	display: flex;
	align-items: center;
	gap: 12px;
}

.smm-external-section .irx-source-logo {
	width: 42px;
	height: 42px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

.smm-external-section .irx-reddit-logo {
	color: #ff4500;
	background: #fff3ef;
}

.smm-external-section .irx-youtube-logo {
	color: red;
	background: #fff0f0;
}

.smm-external-section .irx-source-label {
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #9aa1ad;
	margin-bottom: 2px;
}

.smm-external-section .irx-source-name {
	font-size: 16px;
	font-weight: 700;
	color: #202632;
}

.smm-external-section .irx-source-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 10px;
	border-radius: 30px;
	background: #f7f8fa;
	font-size: 10px;
	font-weight: 700;
	color: #68707d;
	white-space: nowrap;
}

.smm-external-section .irx-source-badge span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #10b981;
}

.smm-external-section .irx-source-content {
	padding: 23px;
	flex: 1;
}

.smm-external-section .irx-community-name {
	font-size: 11px;
	font-weight: 700;
	color: #8a919e;
	margin-bottom: 7px;
}

.smm-external-section .irx-source-content h3 {
	margin: 0 0 8px;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 750;
	color: #171717;
}

.smm-external-section .irx-source-content p {
	margin: 0;
	font-size: 13px;
	line-height: 1.65;
	color: #7b7b7b;
}

.smm-external-section .irx-poll-preview {
	margin-top: 20px;
	padding: 17px;
	border: 1px solid #eceef2;
	border-radius: 13px;
	background: #fafbfc;
}

.smm-external-section .irx-poll-title {
	font-size: 14px;
	font-weight: 700;
	color: #202632;
}

.smm-external-section .irx-poll-subtitle {
	font-size: 10px;
	color: #969daa;
	margin-top: 3px;
	margin-bottom: 13px;
}

.smm-external-section .irx-poll-option {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 34px;
	font-size: 12px;
	color: #4e5663;
	border-bottom: 1px solid #eef0f2;
}

.smm-external-section .irx-poll-option:last-of-type {
	border-bottom: 0;
}

.smm-external-section .irx-poll-option-highlight {
	font-weight: 650;
	color: #252b35;
}

.smm-external-section .irx-poll-radio {
	width: 12px;
	height: 12px;
	border: 1px solid #cdd1d8;
	border-radius: 50%;
	background: #fff;
}

.smm-external-section .irx-poll-radio-featured {
	border-color: #8956fb;
	position: relative;
}

.smm-external-section .irx-poll-radio-featured::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background: #8956fb;
}

.smm-external-section .irx-poll-featured-label {
	margin-left: auto;
	padding: 3px 7px;
	border-radius: 20px;
	background: #f1edff;
	color: #8956fb;
	font-size: 9px;
	font-weight: 700;
}

.smm-external-section .irx-poll-more {
	margin-top: 11px;
	font-size: 10px;
	color: #9ba1aa;
}

.smm-external-section .irx-youtube-preview {
	padding: 0 23px;
	padding-top: 23px;
}

.smm-external-section .irx-youtube-thumbnail {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 13px;
	background: #111;
	aspect-ratio: 16 / 9;
}

.smm-external-section .irx-youtube-thumbnail img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform .35s ease;
}

.smm-external-section .irx-youtube-thumbnail:hover img {
	transform: scale(1.025);
}

.smm-external-section .irx-youtube-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(0 0 0 / .14);
	transition: background .2s ease;
}

.smm-external-section .irx-youtube-thumbnail:hover .irx-youtube-overlay {
	background: rgb(0 0 0 / .24);
}

.smm-external-section .irx-play-button {
	width: 58px;
	height: 42px;
	border-radius: 10px;
	background: red;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 15px;
	box-shadow: 0 8px 25px rgb(0 0 0 / .24);
	transition: transform .2s ease,background .2s ease;
}

.smm-external-section .irx-youtube-thumbnail:hover .irx-play-button {
	transform: scale(1.07);
	background: #e60000;
}

.smm-external-section .irx-youtube-content {
	padding-top: 20px;
}

.smm-external-section .irx-source-footer {
	padding: 16px 23px;
	border-top: 1px solid #cdd6f2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.smm-external-section .irx-source-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 11px;
	font-size: 10px;
	color: #8c939f;
}

.smm-external-section .irx-source-meta span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.smm-external-section .irx-source-meta i {
	font-size: 11px;
}

.smm-external-section .irx-source-button {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 13px;
	border-radius: 7px;
	background: var(--color-6);
	color: #fff!important;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none!important;
	transition: background .2s ease,transform .2s ease;
}

.smm-external-section .irx-source-button:hover {
	background: var(--color-7);
	transform: translateY(-1px);
}

.smm-external-section .irx-source-button i {
	font-size: 9px;
}

@media (max-width:767.98px) {
	.smm-external-section {
		padding: 50px 0 0;
	}

	.smm-external-section .irx-source-top {
		padding: 17px;
	}

	.smm-external-section .irx-source-content {
		padding: 18px;
	}

	.smm-external-section .irx-youtube-preview {
		padding: 18px 18px 0;
	}

	.smm-external-section .irx-youtube-content {
		padding-top: 17px;
	}

	.smm-external-section .irx-source-footer {
		padding: 14px 17px;
		align-items: flex-start;
		flex-direction: column;
	}

	.smm-external-section .irx-source-button {
		width: 100%;
		justify-content: center;
	}

	.smm-external-section .irx-source-badge {
		display: none;
	}
}

.child-statics {
	display: grid;
	grid-template-columns: minmax(0,1.55fr) minmax(360px,1fr);
	gap: 15px;
	margin: 0 0 15px;
	width: 100%;
}

.child-statics>div {
	min-width: 0;
}

.child-statics .child-first,.child-statics .child-last {
	position: relative;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.child-statics .child-first {
	background: radial-gradient(circle at 82% 25%,rgb(255 255 255 / .20) 0,#fff0 38%),linear-gradient(135deg,#10b981 0%,#19c98a 55%,#5ee7a9 100%);
	padding: 15px 25px;
	display: flex;
	align-items: center;
}

.child-statics .child-first::after {
	content: "";
	position: absolute;
	width: 420px;
	height: 420px;
	right: -150px;
	bottom: -240px;
	border: 70px solid rgb(255 255 255 / .08);
	border-radius: 50%;
	pointer-events: none;
}

.child-statics .child-first-content {
	position: relative;
	z-index: 5;
	max-width: 520px;
}

.child-statics .child-first h3 {
	margin: 0;
	color: #fff;
	font-size: 31px;
	line-height: 1.08;
	font-weight: 900;
	letter-spacing: -.7px;
}

.child-statics .child-first h3 strong {
	display: block;
	color: #075f45;
	font-weight: 900;
}

.child-statics .child-first p {
	position: relative;
	z-index: 5;
	max-width: 525px;
	margin: 7px 0 22px;
	color: rgb(255 255 255 / .90);
	font-size: 14px;
	line-height: 1.65;
}

.child-statics .child-first p b {
	color: #fff;
	font-weight: 700;
}

.child-statics .child-first .child-btns {
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
	gap: 9px;
}

.child-statics .child-first .child-btns .btn {
	min-height: 39px;
	padding: 0 15px!important;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 700;
	transition: all .2s ease;
}

.child-statics .child-primary-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border: 0!important;
	background: #fff;
	color: #075f45!important;
}

.child-statics .child-primary-btn i {
	font-size: 12px;
}

.child-statics .child-primary-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgb(0 0 0 / .10);
	color: #075f45!important;
}

.child-statics .child-secondary-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid rgb(255 255 255 / .30)!important;
	background: rgb(255 255 255 / .08);
	color: #fff!important;
	backdrop-filter: blur(8px);
}

.child-statics .child-secondary-btn:hover {
	background: rgb(255 255 255 / .16);
}

.child-statics .child-dashboard-art {
	position: relative;
	width: 43%;
	height: 85%;
	z-index: 2;
	pointer-events: none;
}

.child-statics .mini-dashboard {
	position: absolute;
	right: 7px;
	bottom: 18px;
	width: 265px;
	height: 175px;
	display: flex;
	overflow: hidden;
	border: 5px solid rgb(255 255 255 / .8);
	border-radius: 10px 10px 5px 5px;
	background: #f7faf9;
	box-shadow: 0 20px 45px rgb(0 70 50 / .20);
	transform: perspective(700px) rotateY(-7deg) rotateX(2deg);
}

.child-statics .mini-sidebar {
	width: 48px;
	flex-shrink: 0;
	padding: 13px 9px;
	background: #0d2430;
}

.child-statics .mini-logo {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 17px;
	border-radius: 6px;
	background: #23d494;
}

.child-statics .mini-nav {
	display: block;
	width: 100%;
	height: 7px;
	margin-bottom: 11px;
	border-radius: 5px;
	background: rgb(255 255 255 / .14);
}

.child-statics .mini-nav.active {
	background: #24cf91;
}

.child-statics .mini-main {
	flex: 1;
	padding: 12px;
	background: #f8fbfa;
}

.child-statics .mini-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.child-statics .mini-title {
	width: 70px;
	height: 8px;
	border-radius: 5px;
	background: #b9c9c4;
}

.child-statics .mini-user {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #d8e5e1;
}

.child-statics .mini-stats {
	display: flex;
	gap: 7px;
	margin-top: 14px;
}

.child-statics .mini-stats>div {
	flex: 1;
	padding: 8px;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 2px 8px rgb(0 0 0 / .04);
}

.child-statics .mini-stats span {
	display: block;
	width: 25px;
	height: 4px;
	margin-bottom: 7px;
	border-radius: 5px;
	background: #ccd9d5;
}

.child-statics .mini-stats b {
	display: block;
	width: 38px;
	height: 7px;
	border-radius: 5px;
	background: #20c98b;
}

.child-statics .mini-chart {
	margin-top: 10px;
	padding: 9px;
	height: 75px;
	border-radius: 6px;
	background: #fff;
}

.child-statics .chart-head {
	display: flex;
	justify-content: space-between;
}

.child-statics .chart-head span:first-child {
	width: 50px;
	height: 5px;
	border-radius: 4px;
	background: #c9d6d2;
}

.child-statics .chart-head span:last-child {
	width: 25px;
	height: 5px;
	border-radius: 4px;
	background: #dbe7e3;
}

.child-statics .chart-line {
	display: flex;
	align-items: flex-end;
	gap: 5px;
	height: 43px;
	margin-top: 7px;
}

.child-statics .chart-line i {
	flex: 1;
	display: block;
	border-radius: 3px 3px 0 0;
	background: #34d399;
}

.child-statics .brand-badge {
	position: absolute;
	right: 0;
	bottom: 2px;
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 7px 12px;
	border-radius: 7px;
	background: #075f45;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	box-shadow: 0 8px 20px rgb(0 0 0 / .12);
}

.child-statics .brand-badge i {
	font-size: 10px;
}

.child-statics .floating-social {
	position: absolute;
	z-index: 5;
	width: 31px;
	height: 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	background: rgb(255 255 255 / .95);
	box-shadow: 0 8px 20px rgb(0 0 0 / .10);
	font-size: 14px;
}

.child-statics .floating-social.instagram {
	top: 3px;
	left: 60px;
	color: #e1306c;
	transform: rotate(-8deg);
}

.child-statics .floating-social.tiktok {
	top: 32px;
	right: 35px;
	color: #111;
	transform: rotate(8deg);
}

.child-statics .floating-social.youtube {
	top: 78px;
	right: -5px;
	color: red;
	transform: rotate(-6deg);
}

.child-statics .floating-social.twitter {
	bottom: 82px;
	right: 20px;
	color: #1DA1F2;
	transform: rotate(6deg);
}

.child-statics .child-last {
	padding: 15px 25px;
	background: var(--color-2);
	color: var(--color-4);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.child-statics .child-last::before {
	content: "";
	position: absolute;
	width: 240px;
	height: 240px;
	right: -100px;
	top: -110px;
	border-radius: 50%;
	background: rgb(16 185 129 / .08);
}

.child-statics .child-last-head {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}

.child-statics .child-last-title {
	display: flex;
	align-items: center;
	gap: 12px;
}

.child-statics .child-trophy-icon {
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: rgb(16 185 129 / .16);
	color: #35d99d;
	font-size: 17px;
}

.child-statics .child-last-title small {
	display: block;
	margin-bottom: 3px;
	color: #91a4b3;
	font-size: 11px;
	font-weight: 700;
}

.child-statics .child-last .child-last-text h4,.child-statics .child-last-title h4 {
	margin: 0;
	color: #171717;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
}

.dark .child-statics .child-last .child-last-text h4,.dark .child-statics .child-last-title h4 {
	color: #fff;
}

.child-statics .child-trophy {
	color: #35d99d;
	opacity: .8;
	font-size: 38px;
	transform: rotate(7deg);
}

.child-statics .child-last .leaderboard {
	position: relative;
	z-index: 3;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.child-statics .leader-row {
	position: relative;
	min-height: 57px;
	display: grid;
	grid-template-columns: 39px minmax(90px,1fr) auto 20px;
	align-items: center;
	gap: 9px;
	padding: 8px 10px;
	border: 1px solid rgb(255 255 255 / .06);
	border-radius: 10px;
	background: var(--color-1);
	transition: all .2s ease;
}

.child-statics .leader-row.first {
	border-color: rgb(16 185 129 / .35);
	background: rgb(16 185 129 / .10);
}

.child-statics .leader-rank {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	background: var(--color-2);
	color: #aebec9;
}

.child-statics .leader-row.first .leader-rank {
	background: rgb(16 185 129 / .18);
	color: #35d99d;
}

.child-statics .leader-rank span {
	font-size: 12px;
	font-weight: 900;
}

.child-statics .leader-user {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.child-statics .leader-user strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #171717;
	font-size: 12px;
	font-weight: 700;
}

.dark .child-statics .leader-user strong {
	color: #fff;
}

.child-statics .leader-user small {
	display: block;
	margin-top: 1px;
	color: #718492;
	font-size: 9px;
}

.child-statics .leader-amount {
	color: #35d99d;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
}

.child-statics .leader-mini-bar {
	width: 18px;
	height: 28px;
	display: flex;
	align-items: flex-end;
	border-radius: 4px;
	background: var(--color-2);
	overflow: hidden;
}

.child-statics .leader-mini-bar span {
	width: 100%;
	display: block;
	border-radius: 4px 4px 2px 2px;
	background: #26d296;
}

.child-statics .leader-row.first .leader-mini-bar span {
	height: 90%;
}

.child-statics .leader-row.second .leader-mini-bar span {
	height: 68%;
}

.child-statics .leader-row.third .leader-mini-bar span {
	height: 43%;
}

@media (max-width:1200px) {
	.child-statics {
		grid-template-columns: 1fr;
	}

	.child-statics .child-dashboard-art {
		width: 40%;
	}
}

@media (max-width:768px) {
	.child-statics {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.child-statics .child-first,.child-statics .child-last {
		min-height: 0;
	}

	.child-statics .child-first {
		padding: 27px 24px;
	}

	.child-statics .child-first h3 {
		font-size: 27px;
	}

	.child-statics .child-first p {
		max-width: 100%;
		font-size: 13px;
	}

	.child-statics .child-first-content {
		text-align: center;
	}

	.child-statics .child-dashboard-art {
		position: absolute;
		right: 25px;
		bottom: 25px;
		width: 52%;
		height: 42%;
		opacity: .15;
	}

	.child-statics .mini-dashboard {
		width: 220px;
		height: 145px;
		right: -15px;
	}

	.child-statics .brand-badge {
		right: -10px;
		bottom: 0;
	}

	.child-statics .floating-social {
		transform: scale(.8);
	}

	.child-statics .child-last {
		padding: 22px;
	}
}

@media (max-width:480px) {
	.child-statics .child-first {
		padding: 24px 20px;
	}

	.child-statics .child-first h3 {
		font-size: 25px;
	}

	.child-statics .child-first .child-btns {
		flex-wrap: wrap;
	}

	.child-statics .child-primary-btn,.child-statics .child-secondary-btn {
		font-size: 12px!important;
	}

	.child-statics .mini-dashboard {
		width: 215px;
		right: -20px;
	}

	.child-statics .child-trophy {
		display: none;
	}

	.child-statics .leader-row {
		grid-template-columns: 36px minmax(80px,1fr) auto 17px;
		gap: 7px;
		padding: 7px;
	}

	.child-statics .leader-amount {
		font-size: 12px;
	}
}

.child-why {
	--child-primary: #8956fb;
	width: 100%;
	position: relative;
	padding: 35px 40px;
	margin-top: 15px;
	background: var(--color-2);
	border: 1px solid var(--color-8);
	border-radius: 10px;
	overflow: hidden;
}

.child-why::before {
	content: "";
	position: absolute;
	width: 420px;
	height: 420px;
	top: -260px;
	left: 50%;
	transform: translateX(-50%);
	background: radial-gradient(circle,rgb(137 86 251 / .08) 0%,rgb(137 86 251 / .035) 35%,transparent 70%);
	pointer-events: none;
}

.child-why .child-title {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	max-width: 760px;
	margin: 0 auto 40px;
	text-align: center;
}

.child-why .child-section-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	padding: 6px 11px;
	border: 1px solid rgb(59 227 149 / .15);
	border-radius: 50px;
	background: rgb(59 227 149 / .05);
	color: #3be395;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.child-why .child-title h3 {
	margin: 0;
	color: #171717;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.025em;
}

.dark .child-why .child-title h3 {
	color: #fff;
}

.child-why .child-title p {
	max-width: 650px;
	margin: 12px 0 0;
	color: #718492;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
}

.child-why .child-why-wrapper {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 16px;
	align-items: stretch;
}

.child-why .child-why-wrapper .item {
	position: relative;
	display: flex;
	align-items: flex-start;
	min-width: 0;
	min-height: 205px;
	flex-direction: column;
	padding: 10px 15px;
	background: var(--color-2);
	border: 1px solid var(--color-8);
	border-radius: 15px;
	text-align: left;
	transition: transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease,background 0.25s ease;
}

.child-why .child-why-wrapper .item::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 22px;
	right: 22px;
	height: 2px;
	border-radius: 10px;
	background: linear-gradient(90deg,transparent,#3be395,transparent);
	opacity: 0;
	transition: opacity 0.25s ease;
}

.child-why .child-why-wrapper .item:hover {
	transform: translateY(-4px);
	border-color: rgb(59 227 149 / .15);
	box-shadow: 0 14px 35px rgb(0 0 0 / .06),0 4px 12px rgb(137 86 251 / .06);
}

.child-why .child-why-wrapper .item:hover::before {
	opacity: 1;
}

.child-why .child-why-icon {
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	border-radius: 14px;
	background: rgb(59 227 149 / .05);
	border: 1px solid rgb(59 227 149 / .15);
	transition: transform 0.25s ease,background 0.25s ease;
}

.child-why .child-why-icon img {
	display: block;
	width: 34px;
	height: 34px;
	object-fit: contain;
	transition: transform 0.25s ease;
}

.child-why .item:hover .child-why-icon {
	transform: translateY(-2px);
}

.child-why .item:hover .child-why-icon img {
	transform: scale(1.08);
}

.child-why .child-why-content {
	width: 100%;
}

.child-why .child-why-content h4 {
	margin: 0 0 8px;
	color: var(--color-4);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -.01em;
}

.child-why .child-why-content p {
	margin: 0;
	color: #718492;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.65;
}

@media (max-width:991px) {
	.child-why {
		padding: 45px 25px;
	}

	.child-why .child-why-wrapper {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.child-why .child-title h3 {
		font-size: 26px;
	}
}

@media (max-width:767px) {
	.child-why {
		padding: 35px 18px;
		border-radius: 15px;
	}

	.child-why .child-title {
		margin-bottom: 28px;
	}

	.child-why .child-title h3 {
		font-size: 23px;
		line-height: 1.3;
	}

	.child-why .child-title p {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.6;
	}

	.child-why .child-why-wrapper {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.child-why .child-why-wrapper .item {
		min-height: auto;
		padding: 20px;
	}

	.child-why .child-why-icon {
		width: 52px;
		height: 52px;
		margin-bottom: 16px;
	}

	.child-why .child-why-icon img {
		width: 31px;
		height: 31px;
	}
}

@media (max-width:420px) {
	.child-why {
		padding: 30px 14px;
	}

	.child-why .child-title h3 {
		font-size: 21px;
	}

	.child-why .child-title p {
		font-size: 13px;
	}

	.child-why .child-why-wrapper .item {
		padding: 18px;
	}
}

.child-paid {
	background: linear-gradient(275deg,#012917 0%,#35c581 100%);
	border-radius: 10px;
	padding: 15px;
	position: relative;
	overflow: hidden;
}

.child-paid::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	background: url(https://storage.perfectcdn.com/966zjr/98en6z9omauu9cn2.png);
	background-size: cover;
	background-position: center;
	opacity: .7;
	z-index: 1;
	pointer-events: none;
}

.child-paid .child-paid-content {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 15px;
}

.child-paid .child-paid-content .item {
	position: relative;
	width: 100%;
	min-height: 175px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 25px 20px 38px;
	text-align: center;
	border: 1px solid rgb(255 255 255 / .18);
	border-radius: 15px;
	background: rgb(0 30 18 / .22);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	overflow: hidden;
	transition: transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.child-paid .child-paid-content .item::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -100px;
	width: 220px;
	height: 180px;
	transform: translateX(-50%);
	background: radial-gradient(circle,rgb(255 255 255 / .12) 0%,#fff0 70%);
	pointer-events: none;
	z-index: 0;
}

.child-paid .child-paid-content .item:hover {
	transform: translateY(-4px);
	background: rgb(0 30 18 / .32);
	border-color: rgb(255 255 255 / .30);
	box-shadow: 0 15px 35px rgb(0 0 0 / .12),inset 0 1px 0 rgb(255 255 255 / .08);
}

.child-paid .child-paid-icon {
	position: relative;
	z-index: 2;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
	border-radius: 12px;
	background: rgb(255 255 255 / .12);
	border: 1px solid rgb(255 255 255 / .16);
	color: rgb(255 255 255 / .95);
	font-size: 15px;
	transition: transform .25s ease,background .25s ease;
}

.child-paid .item:hover .child-paid-icon {
	transform: translateY(-2px);
	background: rgb(255 255 255 / .18);
}

.child-paid .child-paid-stat {
	position: relative;
	z-index: 2;
}

.child-paid .child-paid-content h4 {
	margin: 0;
	color: #fff;
	font-size: 29px;
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: -.025em;
	text-shadow: 0 2px 12px rgb(0 0 0 / .12);
}

.child-paid .child-paid-content p {
	margin: 8px 0 0;
	color: rgb(255 255 255 / .78);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .01em;
}

@media (min-width:768px) {
	.child-paid .child-paid-content .item:not(:last-child)::before {
		content: "";
		position: absolute;
		right: -8px;
		top: 25%;
		width: 1px;
		height: 50%;
		background: linear-gradient(to bottom,transparent,rgb(255 255 255 / .20),transparent);
		z-index: 5;
	}
}

@media (max-width:991px) {
	.child-paid .child-paid-content {
		gap: 10px;
	}

	.child-paid .child-paid-content .item {
		min-height: 160px;
		padding: 22px 12px 32px;
	}

	.child-paid .child-paid-content h4 {
		font-size: 25px;
	}
}

@media (max-width:767px) {
	.child-paid {
		padding: 12px 12px 0;
	}

	.child-paid .child-paid-content {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.child-paid .child-paid-content .item {
		min-height: 135px;
		padding: 20px;
		flex-direction: row;
		justify-content: flex-start;
		text-align: left;
		gap: 15px;
	}

	.child-paid .child-paid-icon {
		flex: 0 0 42px;
		margin-bottom: 0;
	}

	.child-paid .child-paid-content h4 {
		font-size: 25px;
	}

	.child-paid .child-paid-content p {
		margin-top: 5px;
	}
}

@media (max-width:420px) {
	.child-paid .child-paid-content .item {
		min-height: 120px;
		padding: 17px;
	}

	.child-paid .child-paid-content h4 {
		font-size: 22px;
	}

	.child-paid .child-paid-content p {
		font-size: 12px;
	}
}

.child-how {
	background: linear-gradient(275deg,#012917 0%,#35c581 100%);
	border-radius: 10px;
	margin: 15px 0;
	padding: 45px 30px;
	position: relative;
	overflow: hidden;
}

.child-how::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	background: url(https://storage.perfectcdn.com/966zjr/lcm1ur2wysfpwgy2.png);
	background-size: cover;
	background-position: center;
	opacity: .7;
	z-index: 1;
	pointer-events: none;
}

.child-how .child-title {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	max-width: 720px;
	margin: 0 auto 38px;
	color: #fff;
	text-align: center;
}

.child-how .child-how-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	padding: 6px 11px;
	border: 1px solid rgb(255 255 255 / .20);
	border-radius: 50px;
	background: rgb(255 255 255 / .08);
	color: rgb(255 255 255 / .82);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .10em;
	text-transform: uppercase;
}

.child-how .child-title h4 {
	margin: 0;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.025em;
}

.child-how .child-title p {
	max-width: 650px;
	margin: 11px 0 0;
	color: rgb(255 255 255 / .76);
	font-size: 14px;
	line-height: 1.7;
}

.child-how .child-how-content {
	position: relative;
	z-index: 5;
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 15px;
	align-items: stretch;
}

.child-how .child-how-content .item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
	min-height: 245px;
	padding: 25px 20px 22px;
	background: rgb(255 255 255 / .09);
	border: 1px solid rgb(255 255 255 / .14);
	border-radius: 16px;
	text-align: center;
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .06);
	transition: transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.child-how .child-how-content .item:hover {
	transform: translateY(-5px);
	background: rgb(255 255 255 / .13);
	border-color: rgb(255 255 255 / .27);
	box-shadow: 0 15px 35px rgb(0 0 0 / .12),inset 0 1px 0 rgb(255 255 255 / .10);
}

.child-how .child-how-icon {
	position: relative;
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	border-radius: 20px;
	background: rgb(255 255 255 / .11);
	border: 1px solid rgb(255 255 255 / .17);
	box-shadow: 0 8px 20px rgb(0 0 0 / .08),inset 0 1px 0 rgb(255 255 255 / .08);
	transition: transform .25s ease,background .25s ease;
}

.child-how .child-how-icon img {
	display: block;
	width: 42px;
	height: 42px;
	object-fit: contain;
	transition: transform .25s ease;
}

.child-how .item:hover .child-how-icon {
	transform: translateY(-3px);
	background: rgb(255 255 255 / .16);
}

.child-how .item:hover .child-how-icon img {
	transform: scale(1.08);
}

.child-how .child-how-number {
	position: absolute;
	top: -9px;
	right: -9px;
	width: 27px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #3be395;
	color: #063d25;
	border: 2px solid rgb(5 55 32 / .85);
	font-size: 9px;
	font-weight: 900;
	line-height: 1;
	box-shadow: 0 4px 12px rgb(0 0 0 / .15);
}

.child-how .child-how-info {
	position: relative;
	z-index: 2;
	width: 100%;
}

.child-how .child-how-content .item h4 {
	margin: 0 0 9px;
	color: #3be395;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -.01em;
}

.child-how .child-how-content .item p {
	margin: 0;
	padding: 0;
	color: rgb(255 255 255 / .78);
	font-size: 12.5px;
	font-weight: 400;
	line-height: 1.65;
}

@media (min-width:992px) {
	.child-how .child-how-content .item:not(:last-child)::before {
		content: "";
		position: absolute;
		top: 60px;
		right: -15px;
		width: 15px;
		height: 1px;
		background: linear-gradient(90deg,rgb(59 227 149 / .15),rgb(59 227 149 / .55));
		z-index: 10;
	}
}

@media (max-width:991px) {
	.child-how {
		padding: 40px 22px;
	}

	.child-how .child-how-content {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.child-how .child-title h4 {
		font-size: 27px;
	}

	.child-how .child-how-content .item {
		min-height: 230px;
	}
}

@media (max-width:767px) {
	.child-how {
		padding: 35px 16px;
	}

	.child-how .child-title {
		margin-bottom: 28px;
	}

	.child-how .child-title h4 {
		font-size: 23px;
	}

	.child-how .child-title p {
		font-size: 13px;
		line-height: 1.6;
	}

	.child-how .child-how-content {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.child-how .child-how-content .item {
		min-height: auto;
		padding: 22px 20px;
		align-items: flex-start;
		flex-direction: row;
		text-align: left;
		gap: 16px;
	}

	.child-how .child-how-icon {
		flex: 0 0 62px;
		width: 62px;
		height: 62px;
		margin-bottom: 0;
		border-radius: 17px;
	}

	.child-how .child-how-icon img {
		width: 36px;
		height: 36px;
	}

	.child-how .child-how-info {
		padding-top: 2px;
	}

	.child-how .child-how-content .item h4 {
		margin-bottom: 5px;
		font-size: 16px;
	}

	.child-how .child-how-content .item p {
		font-size: 12px;
	}
}

@media (max-width:420px) {
	.child-how {
		padding: 30px 12px;
	}

	.child-how .child-how-content .item {
		padding: 18px 15px;
	}

	.child-how .child-how-icon {
		flex-basis: 56px;
		width: 56px;
		height: 56px;
	}

	.child-how .child-how-icon img {
		width: 32px;
		height: 32px;
	}
}

.mtp-ai-wrapper .mtp-ai-services-card {
	border: 1px solid rgb(20 20 30 / .07);
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 4px 20px rgb(20 20 30 / .035);
}

.mtp-ai-wrapper .mtp-ai-list-heading {
	display: flex;
	align-items: center;
	min-width: 0;
}

.mtp-ai-wrapper .mtp-ai-table-head {
	display: grid;
	grid-template-columns: minmax(250px,1fr) 105px 105px 110px 86px;
	align-items: center;
	padding: 10px 18px;
	background: var(--color-1);
	border-bottom: 1px solid #e5e5e5;
	color: var(--color-4);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .045em;
}

.dark .mtp-ai-wrapper .mtp-ai-table-head {
	border-color: #3b414f;
}

.mtp-ai-wrapper .mtp-ai-head-active,.mtp-ai-wrapper .mtp-ai-head-price,.mtp-ai-wrapper .mtp-ai-head-limit {
	text-align: center;
}

.mtp-ai-wrapper .mtp-ai-service-row {
	display: grid;
	grid-template-columns: minmax(250px,1fr) 105px 105px 110px 86px;
	align-items: center;
	min-height: 82px;
	padding: 12px 18px;
	border-bottom: 1px solid #e5e5e5;
	transition: background .18s ease,box-shadow .18s ease;
}

.dark .mtp-ai-wrapper .mtp-ai-service-row {
	border-color: #3b414f;
}

.mtp-ai-wrapper .mtp-ai-service-row:last-child {
	border-bottom: 0;
}

.mtp-ai-wrapper .mtp-ai-service-row:hover {
	background: var(--color-1);
}

.mtp-ai-wrapper .mtp-ai-service-info {
	min-width: 0;
	padding-right: 15px;
}

.mtp-ai-wrapper .mtp-ai-service-top {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-bottom: 5px;
	background: #9b72ff;
	width: max-content;
	min-width: 50px;
	border-radius: 5px;
}

.mtp-ai-wrapper .mtp-ai-service-id {
	font-size: 10px;
	font-weight: 700;
	color: #fff;
}

.mtp-ai-wrapper .mtp-ai-service-title {
	display: block;
	color: #252832;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 700;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dark .mtp-ai-wrapper .mtp-ai-service-title {
	color: #fff;
}

.mtp-ai-wrapper .mtp-ai-service-title:hover {
	color: #3be395!important;
	text-decoration: none;
}

.mtp-ai-wrapper .mtp-ai-success {
	text-align: center;
}

.mtp-ai-wrapper .mtp-ai-success-value {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	color: #24a36a!important;
	font-size: 12px;
	font-weight: 700;
}

.mtp-ai-wrapper .mtp-ai-success-value i {
	font-size: 9px;
}

.mtp-ai-wrapper .mtp-ai-success-label {
	display: block;
	margin-top: 2px;
	color: #a1a5af;
	font-size: 9px;
}

.dark .mtp-ai-wrapper .mtp-ai-success-label {
	color: #c0c5d1;
}

.mtp-ai-wrapper .mtp-ai-price {
	text-align: center;
}

.mtp-ai-wrapper .mtp-ai-price-value {
	color: #272a34;
	font-size: 13px;
	font-weight: 700;
}

.dark .mtp-ai-wrapper .mtp-ai-price-value {
	color: #fff;
}

.mtp-ai-wrapper .mtp-ai-price-label {
	display: block;
	margin-top: 2px;
	color: #a1a5af;
	font-size: 9px;
}

.dark .mtp-ai-wrapper .mtp-ai-price-label {
	color: #c0c5d1;
}

.mtp-ai-wrapper .mtp-ai-limit {
	text-align: center;
}

.mtp-ai-wrapper .mtp-ai-limit-value {
	color: #464a55;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}

.dark .mtp-ai-wrapper .mtp-ai-limit-value {
	color: var(--color-4);
}

.mtp-ai-wrapper .mtp-ai-limit-label {
	display: block;
	margin-top: 2px;
	color: #a1a5af;
	font-size: 9px;
}

.dark .mtp-ai-wrapper .mtp-ai-limit-label {
	color: #c0c5d1;
}

.mtp-ai-wrapper .mtp-ai-buy {
	text-align: right;
}

.mtp-ai-wrapper .mtp-ai-buy-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 68px;
	height: 32px;
	padding: 0 10px;
	border-radius: 7px;
	background: #9b72ff;
	color: #fff!important;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none!important;
	transition: all .18s ease;
}

.mtp-ai-wrapper .mtp-ai-buy-btn:hover {
	background: #7141ed;
	transform: translateY(-1px);
	box-shadow: 0 5px 12px rgb(132 86 255 / .18);
	color: #fff!important;
}

.mtp-ai-wrapper .mtp-ai-popular-item {
	position: relative;
	display: flex;
	align-items: flex-start;
	padding: 13px 0;
	border-bottom: 1px solid #e5e5e5;
}

.dark .mtp-ai-wrapper .mtp-ai-popular-item {
	border-color: #3b414f;
}

.mtp-ai-wrapper .mtp-ai-popular-item:first-child {
	padding-top: 2px;
}

.mtp-ai-wrapper .mtp-ai-popular-item:last-child {
	border-bottom: 0;
}

.mtp-ai-wrapper .mtp-ai-popular-rank {
	width: 27px;
	min-width: 27px;
	height: 27px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	background: var(--color-1);
	color: var(--color-4);
	font-size: 10px;
	font-weight: 700;
}

.mtp-ai-wrapper .mtp-ai-popular-item:first-child .mtp-ai-popular-rank {
	background: #fff3dd;
	color: #e99a28;
}

.mtp-ai-wrapper .mtp-ai-popular-info {
	min-width: 0;
	flex: 1;
}

.mtp-ai-wrapper .mtp-ai-popular-name {
	display: block;
	color: #292c35;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mtp-ai-wrapper .mtp-ai-popular-name:hover {
	color: #3be395!important;
}

.dark .mtp-ai-wrapper .mtp-ai-popular-name {
	color: #fff;
}

.mtp-ai-wrapper .mtp-ai-popular-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
}

.mtp-ai-wrapper .mtp-ai-popular-meta span {
	color: #a0a4ae;
	font-size: 10px;
}

.dark .mtp-ai-wrapper .mtp-ai-popular-meta span {
	color: #c0c5d1;
}

.mtp-ai-wrapper .mtp-ai-popular-meta i {
	margin-right: 3px;
	font-size: 8px;
}

.mtp-ai-wrapper .mtp-ai-popular-price {
	margin-left: 8px;
	white-space: nowrap;
	color: #8456ff;
	font-size: 11px;
	font-weight: 700;
}

.mtp-ai-wrapper .mtp-ai-view-all {
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
}

.mtp-ai-wrapper .mtp-ai-skeleton {
	position: relative;
	overflow: hidden;
	background: var(--color-1);
	border-radius: 5px;
}

.mtp-ai-wrapper .mtp-ai-skeleton::after {
	content: "";
	position: absolute;
	top: 0;
	left: -120px;
	width: 100px;
	height: 100%;
	background: linear-gradient(90deg,transparent,rgb(255 255 255 / .65),transparent);
	animation: mtpAiSkeleton 1.25s infinite;
}

.dark .mtp-ai-wrapper .mtp-ai-skeleton::after {
	background: linear-gradient(90deg,transparent,#282d37,transparent);
}

@keyframes mtpAiSkeleton {
	0% {
		left: -120px;
	}

	100% {
		left: 100%;
	}
}

.mtp-ai-wrapper .mtp-ai-skeleton-title {
	width: 72%;
	height: 12px;
	margin-bottom: 8px;
}

.mtp-ai-wrapper .mtp-ai-skeleton-category {
	width: 100px;
	height: 15px;
}

.mtp-ai-wrapper .mtp-ai-skeleton-small {
	width: 55px;
	height: 11px;
	margin: auto;
}

.mtp-ai-wrapper .mtp-ai-skeleton-button {
	width: 62px;
	height: 30px;
	margin-left: auto;
	border-radius: 7px;
}

@media (max-width:991px) {
	.mtp-ai-wrapper .mtp-ai-table-head {
		display: none;
	}

	.mtp-ai-wrapper .mtp-ai-service-row {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 0;
		padding: 15px;
	}

	.mtp-ai-wrapper .mtp-ai-service-info {
		grid-column: 1 / -1;
		grid-row: 1;
		padding-right: 0;
		padding-bottom: 14px;
		min-width: 0;
	}

	.mtp-ai-wrapper .mtp-ai-service-top {
		justify-content: center;
		margin: 0 auto 6px auto;
	}

	.mtp-ai-wrapper .mtp-ai-service-title {
		font-size: 12px;
		line-height: 1.5;
	}

	.mtp-ai-wrapper .mtp-ai-price {
		grid-column: 1;
		grid-row: 2;
		text-align: center;
		align-self: center;
		padding: 10px 5px;
		border-right: 1px solid #e5e5e5;
	}

	.mtp-ai-wrapper .mtp-ai-limit {
		grid-column: 2;
		grid-row: 2;
		text-align: center;
		align-self: center;
		padding: 10px 5px;
		border-right: 1px solid #e5e5e5;
	}

	.mtp-ai-wrapper .mtp-ai-success {
		grid-column: 3;
		grid-row: 2;
		text-align: center;
		align-self: center;
		padding: 10px 5px;
	}

	.dark .mtp-ai-wrapper .mtp-ai-price,.dark .mtp-ai-wrapper .mtp-ai-limit {
		border-color: #3b414f;
	}

	.mtp-ai-wrapper .mtp-ai-success-value {
		justify-content: center;
	}

	.mtp-ai-wrapper .mtp-ai-buy {
		grid-column: 1 / -1;
		grid-row: 3;
		width: 100%;
		text-align: center;
		padding-top: 12px;
	}

	.mtp-ai-wrapper .mtp-ai-buy-btn {
		display: flex;
		width: 100%;
		min-width: 0;
		height: 36px;
		align-items: center;
		justify-content: center;
	}
}

.gnyNeworder .feedback-form,.gnyNeworder .feedback-thankyou {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 9999999999;
	box-shadow: 0 4px 25px rgb(53 197 129 / .75)!important;
	background: var(--color-2);
	border: 1px solid #fff0;
	box-sizing: border-box;
	border-radius: 25px;
	max-width: 450px;
	padding: 10px 15px;
	text-align: center;
	transition: all 0.3s ease;
}

.gnyNeworder .feedback-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	border-bottom: 1px solid var(--color-2);
	padding-bottom: 10px;
}

.gnyNeworder .feedback-header h3 {
	font-size: 14px;
	margin-bottom: 0;
}

.gnyNeworder .feedback-header span {
	cursor: pointer;
}

.gnyNeworder .feedback-group {
	display: flex;
	flex-direction: column;
}

.gnyNeworder .feedback-group p {
	font-size: 12px;
	margin: 10px 0;
}

.gnyNeworder .feedback-group .feedback-emoji {
	display: flex;
	justify-content: center;
	gap: 25px;
}

.gnyNeworder .feedback-group .feedback-emoji .emoji {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.gnyNeworder .feedback-form .emoji-selection {
	display: flex;
	justify-content: space-around;
	margin: 0 0 10px 0;
}

.gnyNeworder .feedback-form .emoji {
	font-size: 24px;
	cursor: pointer;
	transition: transform 0.2s,filter 0.3s;
}

.gnyNeworder .feedback-form .emoji .text {
	font-size: 12px;
}

.gnyNeworder .feedback-form textarea {
	min-height: 70px;
	margin-bottom: 15px;
}

.gnyNeworder .feedback-form .emoji:hover {
	transform: scale(1.2);
}

.gnyNeworder .feedback-form .emoji.selected {
	transform: scale(1.3);
	filter: drop-shadow(0 0 5px #35c581);
}

.gnyNeworder .feedback-form .feedback-thankyou h3 {
	color: #28a745;
	font-size: 16px;
}

.gnyNeworder .feedback-form .btn {
	padding: 5px 10px!important;
	font-size: 12px;
}

@media(max-width:991.98px) {
	.gnyNeworder .feedback-form,.feedback-thankyou {
		right: 15px;
		bottom: 15px;
		left: 15px;
	}

	.gnyNeworder .feedback-group p {
		font-size: 14px;
	}

	.gnyNeworder .feedback-form .emoji {
		font-size: 32px;
	}
}

.nora-guide-intro {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 22px;
}

.nora-guide-intro h4 {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 750;
	color: var(--color-3);
}

.nora-guide-intro p {
	margin: 0;
	color: #9296a2;
	font-size: 13px;
	line-height: 1.5;
}

.nora-rules {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 8px;
	margin-bottom: 22px;
}

.nora-rule {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 13px;
	border: 1px solid rgb(0 0 0 / .055);
	border-radius: 10px;
	background: rgb(255 255 255 / .55);
	transition: transform .2s ease,border-color .2s ease;
}

.nora-rule>span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	border-radius: 5px;
	background: rgb(125 82 244 / .08);
	color: #7d52f4;
	font-size: 10px;
	font-weight: 900;
}

.nora-rule strong {
	display: block;
	margin-bottom: 2px;
	color: #3be395;
	font-size: 12px;
	font-weight: 700;
}

.nora-rule small {
	display: block;
	color: var(--color-3);
	font-size: 11px;
	line-height: 1.4;
}

.nora-examples {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 12px;
}

.nora-example-box {
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid;
}

.nora-correct {
	background: rgb(16 185 129 / .035);
	border-color: rgb(16 185 129 / .14);
}

.nora-wrong {
	background: rgb(239 68 68 / .035);
	border-color: rgb(239 68 68 / .13);
}

.nora-example-head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 13px 14px;
	border-bottom: 1px solid rgb(0 0 0 / .045);
}

.nora-example-icon {
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 900;
}

.nora-correct .nora-example-icon {
	color: #109669;
	background: rgb(16 185 129 / .10);
}

.nora-wrong .nora-example-icon {
	color: #dc4b61;
	background: rgb(239 68 68 / .09);
}

.nora-example-head strong {
	display: block;
	color: var(--color-5);
	font-size: 12px;
	font-weight: 750;
}

.nora-example-head span {
	display: block;
	margin-top: 2px;
	color: var(--color-6);
	font-size: 10px;
}

.nora-wrong .nora-example-head strong,.nora-wrong .nora-example-head span {
	color: #d94b60;
}

.nora-code {
	padding: 12px 14px;
	font-family: "SFMono-Regular",Consolas,"Liberation Mono",monospace;
	font-size: 11px;
	line-height: 1.9;
}

.nora-correct .nora-code {
	color: #12966a;
}

.nora-wrong .nora-code {
	color: #d94b60;
}

.nora-wrong .nora-code span {
	font-weight: 750;
}

.nora-support-note {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
	padding: 11px 13px;
	border-radius: 10px;
	background: rgb(125 82 244 / .045);
	border: 1px solid rgb(125 82 244 / .09);
}

.nora-support-icon {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgb(125 82 244 / .10);
	color: #7d52f4;
	font-size: 11px;
	font-weight: 900;
}

.nora-support-note p {
	margin: 0;
	color: #7d52f4;
	font-size: 11px;
	line-height: 1.5;
}

.dark .nora-rule {
	background: rgb(255 255 255 / .025);
	border-color: rgb(255 255 255 / .06);
}

.dark .nora-example-head {
	border-color: rgb(255 255 255 / .06);
}

@media (max-width:767px) {
	.nora-rules {
		grid-template-columns: 1fr;
	}

	.nora-examples {
		grid-template-columns: 1fr;
	}

	.nora-guide-intro {
		align-items: flex-start;
	}

	.nora-support-note {
		align-items: flex-start;
	}
}

.mass-order-guide {
	position: relative;
	overflow: hidden;
}

.mass-guide-intro {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 20px;
}

.mass-guide-intro p {
	margin: 0;
	color: #9296a2;
	font-size: 13px;
}

.mass-format-card {
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid rgb(16 185 129 / .14);
	border-radius: 14px;
	background: rgb(16 185 129 / .025);
}

.mass-format-head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 13px 14px;
	border-bottom: 1px solid rgb(0 0 0 / .045);
}

.mass-status-icon {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	background: rgb(16 185 129 / .10);
	color: #11976a;
	font-size: 14px;
	font-weight: 900;
}

.mass-format-head strong {
	display: block;
	color: var(--color-5);
	font-size: 12px;
	font-weight: 750;
}

.mass-format-head span {
	display: block;
	margin-top: 2px;
	color: var(--color-6);
	font-size: 10px;
}

.mass-command-list {
	padding: 10px 12px;
}

.mass-command {
	display: flex;
	align-items: center;
	min-width: max-content;
	padding: 7px 8px;
	border-radius: 6px;
	font-family: "SFMono-Regular",Consolas,"Liberation Mono",monospace;
	font-size: 11px;
	line-height: 1.5;
	transition: background .15s ease;
}

.mass-service-id {
	color: #7d52f4;
	font-weight: 900;
}

.mass-separator {
	margin: 0 7px;
	color: var(--color-6);
	opacity: .45;
}

.mass-link {
	color: #3aa7e6;
}

.mass-quantity {
	color: #10976b;
	font-weight: 900;
}

.mass-format-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 11px 14px;
	border-top: 1px solid rgb(0 0 0 / .045);
}

.mass-format-legend span {
	padding: 4px 8px;
	border-radius: 6px;
	background: rgb(0 0 0 / .025);
	color: var(--color-6);
	font-size: 10px;
}

.mass-format-legend b {
	color: var(--color-5);
}

.mass-steps {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 8px;
	margin-bottom: 14px;
}

.mass-step {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	padding: 12px;
	border: 1px solid rgb(0 0 0 / .055);
	border-radius: 11px;
	background: rgb(255 255 255 / .5);
	transition: transform .2s ease,border-color .2s ease;
}

.mass-step-number {
	width: 29px;
	height: 29px;
	flex: 0 0 29px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	background: rgb(125 82 244 / .08);
	color: #7d52f4;
	font-size: 10px;
	font-weight: 900;
}

.mass-step-content h5 {
	margin: 1px 0 3px;
	color: #3be395;
	font-size: 12px;
	font-weight: 750;
}

.mass-step-content p {
	margin: 0;
	color: var(--color-3);
	font-size: 11px;
	line-height: 1.5;
}

.mass-step-content .primary-color {
	font-weight: 700;
	text-decoration: none;
}

.mass-important {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 13px;
	border: 1px solid rgb(245 158 11 / .13);
	border-radius: 11px;
	background: rgb(245 158 11 / .045);
}

.mass-important-icon {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgb(245 158 11 / .12);
	color: #c68416;
	font-size: 12px;
	font-weight: 900;
}

.mass-important strong {
	display: block;
	margin-bottom: 2px;
	color: #c68416;
	font-size: 11px;
	font-weight: 750;
}

.mass-important p {
	margin: 0;
	color: #c68416;
	font-size: 11px;
	line-height: 1.5;
}

.mass-important p strong {
	display: inline;
}

.dark .mass-step {
	background: rgb(255 255 255 / .025);
	border-color: rgb(255 255 255 / .06);
}

.dark .mass-format-head,.dark .mass-format-legend {
	border-color: rgb(255 255 255 / .06);
}

.dark .mass-format-legend span {
	background: rgb(255 255 255 / .035);
}

@media (max-width:767px) {
	.mass-order-guide {
		border-radius: 15px;
	}

	.mass-steps {
		grid-template-columns: 1fr;
	}

	.mass-guide-intro {
		align-items: flex-start;
	}

	.mass-guide-icon {
		width: 40px;
		height: 40px;
		flex-basis: 40px;
	}

	.mass-command-list {
		overflow-x: auto;
	}

	.mass-command {
		font-size: 10px;
	}

	.mass-format-legend {
		gap: 5px;
	}
}```css id="8h6k3p" .nameserver-card {
	padding: 22px!important;
	border-radius: 16px;
	background: radial-gradient(circle at 100% 0%,rgb(125 82 244 / .055),transparent 35%),var(--color-0);
}

.nameserver-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
}

.nameserver-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: rgb(125 82 244 / .09);
	color: #7d52f4;
	font-size: 16px;
}

.nameserver-header h5 {
	margin: 0 0 3px;
	color: var(--color-5);
	font-size: 14px;
	font-weight: 750;
}

.nameserver-header p {
	margin: 0;
	color: var(--color-6);
	font-size: 11px;
	line-height: 1.45;
}

.nameserver-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.nameserver-item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	padding: 8px 10px;
	border: 1px solid rgb(0 0 0 / .055);
	border-radius: 10px;
	background: rgb(255 255 255 / .6);
	transition: transform .2s ease,border-color .2s ease,background .2s ease;
}

.nameserver-item:hover {
	transform: translateX(2px);
	border-color: rgb(125 82 244 / .16);
	background: rgb(125 82 244 / .025);
}

.nameserver-label {
	width: 62px;
	flex: 0 0 62px;
	font-size: 9px;
	font-weight: 750;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--color-6);
}

.nameserver-item strong {
	flex: 1;
	color: var(--color-3);
	font-size: 12px;
	font-weight: 650;
}

.nameserver-copy {
	width: 29px;
	height: 29px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: rgb(125 82 244 / .065);
	color: #7d52f4;
	font-size: 12px;
	cursor: pointer;
	transition: background .2s ease,transform .2s ease;
}

.nameserver-copy:hover {
	transform: scale(1.05);
}

.nameserver-note {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 12px;
	padding: 9px 11px;
	border-radius: 9px;
	background: rgb(59 130 246 / .045);
	color: var(--color-3);
	font-size: 10px;
	line-height: 1.4;
}

.nameserver-note i {
	color: #3b82f6;
	font-size: 12px;
}

.dark .nameserver-item {
	background: rgb(255 255 255 / .025);
	border-color: rgb(255 255 255 / .065);
}

.dark .nameserver-item:hover {
	background: rgb(125 82 244 / .035);
	border-color: rgb(125 82 244 / .15);
}

@media (max-width:575px) {
	.nameserver-card {
		padding: 17px!important;
	}

	.nameserver-header {
		align-items: flex-start;
	}

	.nameserver-label {
		width: 55px;
		flex-basis: 55px;
	}

	.nameserver-item strong {
		font-size: 11px;
	}
}

.invoice-header {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 24px;
}

.invoice-header-content h3 {
	margin: 1px 0 5px;
	color: var(--color-3);
	font-size: 17px;
	font-weight: 750;
}

.invoice-header-content>p {
	max-width: 760px;
	margin: 0;
	color: var(--color-3);
	font-size: 12px;
	line-height: 1.6;
}

.invoice-time {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
	padding: 5px 9px;
	border-radius: 7px;
	background: rgb(16 185 129 / .07);
	border: 1px solid rgb(16 185 129 / .10);
	color: #15966a;
	font-size: 10px;
	font-weight: 650;
}

.invoice-time i {
	font-size: 10px;
}

.invoice-steps {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}

.invoice-step {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 13px;
	padding: 10px 0;
}

.invoice-step-number {
	position: relative;
	z-index: 2;
	width: 37px;
	height: 37px;
	flex: 0 0 37px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: rgb(125 82 244 / .08);
	color: #7d52f4;
	font-size: 10px;
	font-weight: 900;
	box-shadow: 0 0 0 5px var(--color-0);
	transition: background .2s ease,color .2s ease,transform .2s ease;
}

.invoice-step:hover .invoice-step-number {
	background: #7d52f4;
	color: #fff;
	transform: scale(1.05);
}

.invoice-step-content {
	padding: 3px 0;
}

.invoice-step-content h5 {
	margin: 0 0 4px;
	color: #3be395;
	font-size: 14px;
	font-weight: 750;
}

.invoice-step-content p {
	max-width: 760px;
	margin: 0;
	color: var(--color-3);
	font-size: 11px;
	line-height: 1.55;
}

.invoice-step-content strong {
	font-weight: 700;
}

.invoice-notes {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 9px;
	margin-top: 6px;
}

.invoice-note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px;
	border-radius: 11px;
	border: 1px solid;
}

.invoice-note-warning {
	background: rgb(245 158 11 / .045);
	border-color: rgb(245 158 11 / .13);
}

.invoice-note-info {
	background: rgb(59 130 246 / .045);
	border-color: rgb(59 130 246 / .12);
}

.invoice-note-icon {
	width: 27px;
	height: 27px;
	flex: 0 0 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	font-size: 11px;
}

.invoice-note-warning .invoice-note-icon {
	background: rgb(245 158 11 / .11);
	color: #c68416;
}

.invoice-note-info .invoice-note-icon {
	background: rgb(59 130 246 / .10);
	color: #3b82f6;
}

.invoice-note-warning.invoice-note p,.invoice-note-warning.invoice-note strong {
	color: #c68416;
}

.invoice-note-info.invoice-note p,.invoice-note-info.invoice-note strong {
	color: #3b82f6;
}

.invoice-note strong {
	font-size: 11px;
	font-weight: 750;
}

.invoice-note p {
	margin: 0;
	font-size: 10px;
	line-height: 1.45;
}

.dark .invoice-note {
	background: rgb(255 255 255 / .025);
}

@media (max-width:767px) {
	.invoice-header-content>p {
		font-size: 11px;
	}

	.invoice-notes {
		grid-template-columns: 1fr;
	}

	.invoice-step-content p {
		font-size: 10px;
	}
}

.mtp-welcome-wrapper {
	display: flex;
	align-items: stretch;
	gap: 15px;
	margin: 0 0 15px 0;
}

.mtp-welcome-wrapper .mtp-level-card {
	--mtp-color: #3be395;
	--mtp-color-rgb: 59, 227, 149;
	position: relative;
	width: 70%;
	margin: 0;
	overflow: hidden;
	isolation: isolate;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	background: radial-gradient(circle at 50% -30%,rgba(var(--mtp-color-rgb),.12),transparent 35%),radial-gradient(circle at 100% 100%,rgba(var(--mtp-color-rgb),.055),transparent 32%),linear-gradient(135deg,var(--color-2) 100%);
}

.dark .mtp-welcome-wrapper .mtp-level-card {
	border-color: #3b414f;
}

.mtp-welcome-wrapper .mtp-level-card::before {
	content: "";
	position: absolute;
	width: 430px;
	height: 430px;
	right: -180px;
	top: -260px;
	border-radius: 50%;
	border: 1px solid rgba(var(--mtp-color-rgb),.075);
	box-shadow: 0 0 0 35px rgba(var(--mtp-color-rgb),.025),0 0 0 75px rgba(var(--mtp-color-rgb),.018),0 0 0 115px rgba(var(--mtp-color-rgb),.01);
	pointer-events: none;
}

.mtp-welcome-wrapper .mtp-level-card::after {
	content: "";
	position: absolute;
	width: 320px;
	height: 320px;
	left: -220px;
	bottom: -220px;
	border-radius: 50%;
	background: radial-gradient(circle,rgba(var(--mtp-color-rgb),.09),transparent 68%);
	pointer-events: none;
}

.mtp-welcome-wrapper .mtp-tip-wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	width: 30%;
}

.mtp-welcome-wrapper .mtp-tip-wrapper>.tip-box-new,.mtp-welcome-wrapper .mtp-tip-wrapper>.gift-box-new {
	flex: 1 1 0%;
	height: calc((100% - 15px) / 2);
	min-height: 0;
	max-height: calc((100% - 15px) / 2);
	box-sizing: border-box;
}

.mtp-welcome-wrapper .mtp-level-inner-wrap {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	align-items: stretch;
	padding: 10px 15px;
}

.mtp-welcome-wrapper .mtp-level-welcome {
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px 20px 10px 8px;
}

.mtp-welcome-wrapper .mtp-level-welcome h2 {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0 0 7px;
	color: #171717;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.8px;
}

.dark .mtp-welcome-wrapper .mtp-level-welcome h2 {
	color: #fff;
}

.mtp-welcome-wrapper .mtp-level-welcome h2 strong {
	color: var(--mtp-color);
	font-weight: 900;
}

.mtp-welcome-wrapper .mtp-level-welcome h2 svg {
	color: var(--mtp-color);
}

.mtp-welcome-wrapper .mtp-level-welcome p {
	max-width: 410px;
	margin: 0;
	color: var(--color-3);
	font-size: 12px;
	line-height: 1.7;
}

.mtp-welcome-wrapper .mtp-total-wrapper {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 10px;
	width: 100%;
	margin-top: 10px;
}

.mtp-welcome-wrapper .mtp-total-wrapper>:nth-child(3) {
	grid-column: 1 / -1;
}

.mtp-welcome-wrapper .mtp-total-item {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	min-height: 67px;
	padding: 11px 15px;
	border-radius: 10px;
	background: var(--color-1);
	border: 1px solid rgb(127 127 127 / .10);
	box-shadow: 0 5px 15px rgb(0 0 0 / .025);
	transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.mtp-welcome-wrapper .mtp-total-item:nth-child(1)::before,.mtp-welcome-wrapper .mtp-total-item:nth-child(2)::before,.mtp-welcome-wrapper .mtp-total-item:nth-child(3)::before {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	right: -65px;
	bottom: -70px;
	border-radius: 50%;
	z-index: -1;
	pointer-events: none;
}

.mtp-welcome-wrapper .mtp-total-item:nth-child(1)::before {
	border: 1px solid rgb(125 82 244 / .16);
	box-shadow: 0 0 0 22px rgba(var(--mtp-color-rgb),.075),0 0 0 44px rgba(var(--mtp-color-rgb),.058),0 0 0 66px rgba(var(--mtp-color-rgb),.032);
}

.mtp-welcome-wrapper .mtp-total-item:nth-child(2)::before {
	border: 1px solid rgb(245 158 11 / .16);
	box-shadow: 0 0 0 22px rgba(var(--mtp-color-rgb),.075),0 0 0 44px rgba(var(--mtp-color-rgb),.058),0 0 0 66px rgba(var(--mtp-color-rgb),.032);
}

.mtp-welcome-wrapper .mtp-total-item:nth-child(3)::before {
	border: 1px solid rgb(59 227 149 / .16);
	box-shadow: 0 0 0 24px rgba(var(--mtp-color-rgb),.075),0 0 0 48px rgba(var(--mtp-color-rgb),.058),0 0 0 72px rgba(var(--mtp-color-rgb),.032);
}

.mtp-welcome-wrapper .mtp-total-item small {
	margin-bottom: 3px;
	color: var(--mtp-color);
	font-size: 9px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .8px;
}

.mtp-welcome-wrapper .mtp-total-item strong {
	color: #171717;
	font-size: 20px;
	font-weight: 900;
	letter-spacing: -.5px;
	white-space: nowrap;
}

.dark .mtp-welcome-wrapper .mtp-total-item strong {
	color: #fff;
}

.mtp-welcome-wrapper .mtp-total-item.mti-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.mtp-welcome-wrapper .mtp-total-item.mti-flex .mti-first {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.mtp-welcome-wrapper .mtp-total-item.mti-flex a {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: max-content;
	padding: 7px 11px;
	border-radius: 7px;
	color: #fff!important;
	background: #7650e9;
	border: 1px solid #7650e9!important;
	font-size: 10px;
	font-weight: 750;
	text-decoration: none!important;
	text-transform: capitalize;
	transition: transform .25s ease;
}

.mtp-welcome-wrapper .mtp-total-item.mti-flex a:hover {
	transform: translateY(-1px);
}

.mtp-welcome-wrapper .mtp-total-item.mti-flex a i {
	transition: transform .25s ease;
}

.mtp-welcome-wrapper .mtp-total-item.mti-flex a:hover i {
	transform: translateX(3px);
}

.mtp-welcome-wrapper .mtp-level-center {
	position: relative;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 5px 28px;
}

.mtp-welcome-wrapper .mtp-level-center::before {
	content: "";
	position: absolute;
	top: 8%;
	bottom: 8%;
	width: 1px;
	background: linear-gradient(to bottom,transparent,rgb(127 127 127 / .11) 20%,rgb(127 127 127 / .11) 80%,transparent);
}

.mtp-welcome-wrapper .mtp-level-center::before {
	left: 0;
}

.mtp-welcome-wrapper .mtp-circle {
	position: relative;
	width: 175px;
	height: 175px;
	display: flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0 15px 25px rgb(0 0 0 / .06));
}

.mtp-welcome-wrapper .mtp-circle-svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	transform: rotate(-90deg);
}

.mtp-welcome-wrapper .mtp-circle-track,.mtp-welcome-wrapper .mtp-circle-progress {
	fill: none;
	stroke-width: 9;
}

.mtp-welcome-wrapper .mtp-circle-track {
	stroke: #dfe9f7;
}

.dark .mtp-welcome-wrapper .mtp-circle-track {
	stroke: var(--color-1);
}

.mtp-welcome-wrapper .mtp-circle-progress {
	stroke: var(--mtp-color);
	stroke-linecap: round;
	transition: stroke-dashoffset 1.25s cubic-bezier(.22,1,.36,1);
}

.mtp-welcome-wrapper .mtp-circle-content {
	position: relative;
	width: 130px;
	height: 130px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: radial-gradient(circle at 40% 25%,rgba(var(--mtp-color-rgb),.13),transparent 52%),var(--color-2);
	border: 1px solid var(--color-1);
}

.mtp-welcome-wrapper .mtp-avatar-wrap {
	position: relative;
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mtp-welcome-wrapper .mtp-avatar-wrap .avatar-image {
	display: block;
	width: 75px;
	height: 75px;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid rgb(255 255 255 / .1);
	background: #171d25;
	box-shadow: 0 6px 18px rgb(0 0 0 / .3);
}

.mtp-welcome-wrapper .mtp-level-icon {
	position: relative;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: mtp-level-flip 5s ease-in-out infinite;
	transform-style: preserve-3d;
	backface-visibility: visible;
	overflow: hidden;
	isolation: isolate;
	transition: background .3s ease,filter .3s ease,transform .3s ease;
}

.mtp-welcome-wrapper .mtp-level-icon img {
	width: 56px;
	height: 56px;
}

.mtp-welcome-wrapper .mtp-current-level {
	margin-top: 5px;
	color: var(--mtp-color);
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
}

.mtp-welcome-wrapper .mtp-current-percent {
	margin-top: 4px;
	color: rgb(53 50 50 / .57);
	font-size: 11px;
	font-weight: 700;
}

.dark .mtp-welcome-wrapper .mtp-current-percent {
	color: rgb(255 255 255 / .57);
}

.mtp-welcome-wrapper .mtp-next-level {
	width: 100%;
	margin-top: 13px;
	background: var(--color-1);
	border: 1px solid rgb(127 127 127 / .08);
	border-radius: 9px;
	box-shadow: 0 5px 14px rgb(0 0 0 / .025);
}

.mtp-welcome-wrapper .mtp-next-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: 12px;
	text-transform: uppercase;
}

.mtp-welcome-wrapper .mtp-next-label .learn-more {
	color: var(--color-3);
	font-size: 9px;
	font-weight: 700;
}

.mtp-welcome-wrapper .mtp-next-label strong {
	color: #171717;
	font-size: 11px;
	font-weight: 900;
}

.dark .mtp-welcome-wrapper .mtp-next-label strong {
	color: rgb(255 255 255 / .72);
}

.mtp-welcome-wrapper .mtp-next-label .mtp-first {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: 5px 10px;
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new {
	width: 100%;
	max-width: 100%;
	padding: 25px 35px 20px 20px;
	position: relative;
	overflow: hidden;
	background: radial-gradient(600px 260px at 88% 0%,rgb(139 92 246 / .28),transparent 70%),radial-gradient(500px 240px at 0% 100%,rgb(91 140 255 / .18),transparent 70%),linear-gradient(135deg,#141a3a,#0a0e1f);
	border-radius: 10px;
	gap: 12px;
	transition: transform .2s ease;
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new::after {
	content: "";
	position: absolute;
	width: 230px;
	height: 230px;
	right: -65px;
	top: -105px;
	border-radius: 50%;
	border: 1px solid rgb(255 255 255 / .42);
	box-shadow: 0 0 0 18px rgb(255 255 255 / .36),0 0 0 38px rgb(255 255 255 / .045),0 0 0 60px rgb(255 255 255 / .10);
	z-index: -1;
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new:hover {
	transform: translateY(-2px);
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new::before {
	content: "";
	position: absolute;
	width: 230px;
	height: 230px;
	right: -115px;
	bottom: -145px;
	border-radius: 50%;
	background: radial-gradient(circle,rgb(16 185 129 / .16) 0%,rgb(16 185 129 / .06) 42%,transparent 72%);
	pointer-events: none;
	z-index: 0;
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new::after {
	left: auto;
	right: -45px;
	bottom: -75px;
	width: 190px;
	height: 190px;
	background-size: contain;
	background-position: center;
	opacity: .07;
	transform: rotate(-12deg);
	z-index: 0;
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new img {
	position: absolute;
	right: 10px;
	bottom: 0;
	max-width: 80px;
	flex-shrink: 0;
	transition: transform .2s ease;
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new:hover img {
	transform: rotate(0deg) translateY(-5px) scale(1.035);
	filter: drop-shadow(0 20px 25px rgb(102 75 0 / .25)) drop-shadow(0 5px 8px rgb(102 75 0 / .14));
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new h3 {
	position: relative;
	z-index: 5;
	margin-top: 0;
	margin-bottom: 7px;
	font-size: 24px;
	font-weight: 900;
	letter-spacing: -.8px;
	line-height: 1.35;
	color: #fff;
	text-shadow: 0 1px 2px rgb(0 0 0 / .08);
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new p {
	position: relative;
	z-index: 5;
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	max-width: 235px;
	color: rgb(255 255 255 / .94);
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new .icon {
	position: absolute;
	top: 14px;
	right: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: #8956fb;
	border: 1px solid #8956fb;
	color: #fff;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: 0 3px 8px rgb(16 185 129 / .18);
	z-index: 10;
	transition: transform .3s ease,background .3s ease,box-shadow .3s ease;
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new:hover .icon {
	background: #8956fb77;
	transform: translateY(-2px);
}

.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new .icon i {
	transform: rotate(-30deg) translateX(2px);
}

.mtp-welcome-wrapper .tip-box-new {
	width: 100%;
	max-width: 100%;
	padding: 25px 35px 20px 20px;
	background: radial-gradient(circle at 80% 25%,rgb(255 255 255 / .38),transparent 28%),linear-gradient(135deg,#f7c928 0%,#ffd84b 48%,#f4c21f 100%);
	position: relative;
	overflow: hidden;
	isolation: isolate;
	border-radius: 10px;
	transition: transform .35s ease,box-shadow .35s ease;
}

.mtp-welcome-wrapper .tip-box-new::after {
	content: "";
	position: absolute;
	width: 230px;
	height: 230px;
	right: -65px;
	top: -105px;
	border-radius: 50%;
	border: 1px solid rgb(255 255 255 / .32);
	box-shadow: 0 0 0 18px rgb(255 255 255 / .06),0 0 0 38px rgb(255 255 255 / .045),0 0 0 60px rgb(255 255 255 / .025);
	z-index: -1;
}

.mtp-welcome-wrapper .tip-box-new::before {
	content: "";
	position: absolute;
	width: 145px;
	height: 145px;
	left: 80px;
	bottom: -100px;
	border-radius: 32px;
	border: 1px solid rgb(255 255 255 / .2);
	transform: rotate(35deg);
	box-shadow: 0 0 0 20px rgb(255 255 255 / .025);
	z-index: -1;
}

.mtp-welcome-wrapper .tip-box-new h3 {
	position: relative;
	z-index: 5;
	margin-top: 0;
	margin-bottom: 7px;
	font-size: 24px;
	font-weight: 750;
	letter-spacing: -.7px;
	color: #fff;
	text-shadow: 0 1px 2px rgb(0 0 0 / .08);
}

.mtp-welcome-wrapper .tip-box-new h3 {
	font-weight: 900;
	letter-spacing: -.8px;
	line-height: 1.35;
}

.mtp-welcome-wrapper .tip-box-new p {
	position: relative;
	z-index: 5;
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: rgb(255 255 255 / .94);
}

.mtp-welcome-wrapper .tip-box-new p {
	max-width: 285px;
}

.mtp-welcome-wrapper .tip-box-new>h3,.mtp-welcome-wrapper .tip-box-new>p {
	position: relative;
	z-index: 5;
}

.mtp-welcome-wrapper .tip-box-new .icon {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: rgb(255 255 255 / .28);
	border: 1px solid rgb(255 255 255 / .42);
	color: #29230b;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: 0 5px 15px rgb(120 90 0 / .12);
	z-index: 10;
	transition: transform .3s ease,background .3s ease,box-shadow .3s ease;
}

.mtp-welcome-wrapper .tip-box-new .icon i {
	transform: rotate(-30deg);
	transition: transform .3s ease;
}

.mtp-welcome-wrapper .tip-box-new:hover {
	transform: translateY(-2px);
}

.mtp-welcome-wrapper .tip-box-new:hover span {
	background: rgb(255 255 255 / .48);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgb(120 90 0 / .18);
}

.mtp-welcome-wrapper .tip-box-new:hover span i {
	transform: rotate(-30deg) translateX(2px);
}

.mtp-welcome-wrapper .tip-box-new img {
	position: absolute;
	right: 25px;
	bottom: -5px;
	max-width: 85px;
	height: auto;
	object-fit: contain;
	z-index: 3;
	filter: drop-shadow(0 15px 18px rgb(102 75 0 / .20)) drop-shadow(0 3px 5px rgb(102 75 0 / .12));
	transform: rotate(2deg) translateY(0);
	transform-origin: bottom right;
	transition: transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease;
}

.mtp-welcome-wrapper .tip-box-new img::after {
	content: "";
}

.mtp-welcome-wrapper .tip-box-new:hover img {
	transform: rotate(0deg) translateY(-5px) scale(1.035);
	filter: drop-shadow(0 20px 25px rgb(102 75 0 / .25)) drop-shadow(0 5px 8px rgb(102 75 0 / .14));
}

.mtp-welcome-wrapper .mtp-next-level .mtp-first-btn a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: max-content;
	padding: 12px 11px;
	border-radius: 0 9px 9px 0;
	color: #fff!important;
	background: #10B981;
	border: 1px solid #10B981;
	font-size: 10px;
	font-weight: 750;
	text-decoration: none!important;
	text-transform: capitalize;
	transition: transform .25s ease;
}

.mtp-welcome-wrapper .mtp-next-level .mtp-first-btn a:hover {
	color: #fff!important;
}

.mtp-welcome-wrapper .mtp-next-level .mtp-first-btn a i {
	transition: transform .25s ease;
}

.mtp-welcome-wrapper .mtp-next-level .mtp-first-btn a:hover i {
	transform: translateX(3px);
}

.mtp-welcome-wrapper .mtp-level-card[data-level="NEW"] {
	--mtp-color: #3be395;
	--mtp-color-rgb: 59, 227, 149;
}

.mtp-welcome-wrapper .mtp-level-card[data-level="JUNIOR"] {
	--mtp-color: #cd3737;
	--mtp-color-rgb: 205, 55, 55;
}

.mtp-welcome-wrapper .mtp-level-card[data-level="REGULAR"] {
	--mtp-color: #056ddd;
	--mtp-color-rgb: 5, 109, 221;
}

.mtp-welcome-wrapper .mtp-level-card[data-level="ELITE"] {
	--mtp-color: #924cf3;
	--mtp-color-rgb: 146, 76, 243;
}

.mtp-welcome-wrapper .mtp-level-card[data-level="VIP"] {
	--mtp-color: #53a1a7;
	--mtp-color-rgb: 83, 161, 167;
}

.mtp-welcome-wrapper .mtp-level-card[data-level="MASTER"] {
	--mtp-color: #ffdd54;
	--mtp-color-rgb: 255, 221, 84;
}

@keyframes mtp-level-flip {
	0% {
		transform: perspective(500px) rotateY(0deg);
	}

	10% {
		transform: perspective(500px) rotateY(180deg);
	}

	20% {
		transform: perspective(500px) rotateY(360deg);
	}

	100% {
		transform: perspective(500px) rotateY(360deg);
	}
}

@keyframes mtp-level-shine {
	0% {
		left: -65%;
		opacity: 0;
	}

	7% {
		opacity: 1;
	}

	28% {
		left: 125%;
		opacity: 1;
	}

	35% {
		left: 125%;
		opacity: 0;
	}

	100% {
		left: 125%;
		opacity: 0;
	}
}

@media (max-width:1100px) {
	.mtp-welcome-wrapper .mtp-level-inner-wrap {
		grid-template-columns: minmax(0,1fr) 280px minmax(0,1fr);
		padding: 24px;
	}

	.mtp-welcome-wrapper .mtp-level-welcome {
		padding-right: 18px;
	}

	.mtp-welcome-wrapper .mtp-level-center {
		padding-left: 18px;
		padding-right: 18px;
	}

	.mtp-welcome-wrapper .mtp-circle {
		width: 195px;
		height: 195px;
	}

	.mtp-welcome-wrapper .mtp-circle-content {
		width: 137px;
		height: 137px;
	}

	.mtp-welcome-wrapper .mtp-total-item strong {
		font-size: 18px;
	}
}

@media (max-width:900px) {
	.mtp-welcome-wrapper {
		flex-direction: column;
		gap: 7px;
		margin: 0 0 10px 0;
	}

	.mtp-welcome-wrapper .mtp-tip-wrapper {
		gap: 5px;
		width: 100%;
	}

	.mtp-welcome-wrapper .mtp-level-inner-wrap {
		grid-template-columns: minmax(0,1fr) 250px;
		align-items: center;
	}

	.mtp-welcome-wrapper .mtp-tip-wrapper>.tip-box-new,.mtp-welcome-wrapper .mtp-tip-wrapper>.gift-box-new {
		flex: auto;
	}

	.mtp-welcome-wrapper .tip-box-new p,.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new p {
		display: none;
	}

	.mtp-welcome-wrapper .mtp-level-center {
		grid-column: 2;
		grid-row: 1 / span 2;
	}

	.mtp-welcome-wrapper .mtp-level-center::after {
		display: none;
	}
}

@media (max-width:768px) {
	.mtp-welcome-wrapper .mtp-level-card {
		width: 100%;
	}

	.mtp-welcome-wrapper .mtp-level-inner-wrap {
		display: flex;
		flex-direction: column;
		padding: 25px 20px 22px;
	}

	.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new {
		width: 100%;
		max-width: 100%;
		padding: 15px 28px 15px 15px;
	}

	.mtp-welcome-wrapper .tip-box-new {
		max-width: 100%;
		width: 100%;
	}

	.mtp-welcome-wrapper .tip-box-new {
		padding: 15px 28px 15px 15px;
	}

	.mtp-welcome-wrapper .tip-box-new h3 {
		color: #171717;
	}

	.mtp-welcome-wrapper .tip-box-new h3,.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new h3 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.mtp-welcome-wrapper .tip-box-new img,.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new img {
		display: none;
	}

	.mtp-welcome-wrapper .tip-box-new .icon,.mtp-welcome-wrapper .mtp-tip-wrapper .gift-box-new .icon {
		width: 32px;
		height: 32px;
		top: 12px;
		right: 10px;
	}

	.mtp-welcome-wrapper .mtp-level-welcome {
		width: 100%;
		padding: 0;
		text-align: center;
	}

	.mtp-welcome-wrapper .mtp-level-welcome h2 {
		justify-content: center;
		font-size: 18px;
	}

	.mtp-welcome-wrapper .mtp-level-welcome p {
		margin-left: auto;
		margin-right: auto;
	}

	.mtp-welcome-wrapper .mtp-total-wrapper {
		width: 100%;
	}

	.mtp-welcome-wrapper .mtp-total-item.mti-flex .mti-first {
		text-align: center;
		margin: auto;
	}

	.mtp-welcome-wrapper .mtp-total-item {
		text-align: left;
	}

	.mtp-welcome-wrapper .mtp-level-center {
		justify-content: space-between;
		flex-direction: row;
		gap: 15px;
		width: 100%;
		margin: 10px 0 0;
		padding: 10px 0 0 0;
		border-top: 1px solid rgb(127 127 127 / .10);
	}

	.mtp-welcome-wrapper .mtp-level-center::before,.mtp-welcome-wrapper .mtp-level-center::after {
		display: none;
	}
}

@media (max-width:480px) {
	.mtp-welcome-wrapper .mtp-level-inner-wrap {
		padding: 10px 15px 10px;
	}

	.mtp-welcome-wrapper .mtp-level-welcome h2 {
		font-size: 18px;
		margin: 0;
	}

	.mtp-welcome-wrapper .mtp-level-welcome p {
		display: none;
	}

	.mtp-welcome-wrapper .mtp-total-wrapper {
		margin-top: 10px;
		gap: 8px;
	}

	.mtp-welcome-wrapper .mtp-total-item {
		min-height: 60px;
		padding: 5px 12px;
	}

	.mtp-welcome-wrapper .mtp-total-item strong {
		font-size: 17px;
	}

	.mtp-welcome-wrapper .mtp-total-item.mti-flex {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	.mtp-welcome-wrapper .mtp-total-item.mti-flex a {
		width: 100%;
	}

	.mtp-welcome-wrapper .mtp-circle {
		width: 95px;
		height: 95px;
	}

	.mtp-welcome-wrapper .mtp-circle-content {
		width: 75px;
		height: 75px;
	}

	.mtp-welcome-wrapper .mtp-avatar-wrap {
		width: 32px;
		height: 32px;
	}

	.mtp-welcome-wrapper .mtp-level-icon {
		width: 32px;
		height: 32px;
	}

	.mtp-welcome-wrapper .mtp-level-icon img {
		width: 24px;
		height: 24px;
	}

	.mtp-welcome-wrapper .mtp-current-level {
		font-size: 11px;
		font-weight: 700;
		margin-top: 0;
	}

	.mtp-welcome-wrapper .mtp-current-percent {
		font-size: 9px;
	}

	.mtp-welcome-wrapper .mtp-next-level {
		margin-top: 0;
		width: 65%;
	}
}

.total-widget {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #10B981;
	border-radius: 10px;
	color: #fff;
	padding: 6px 14px 6px 6px;
	position: relative;
	font-size: 15px;
	font-weight: 700;
	z-index: 3;
}

.total-widget-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	background: rgb(255 255 255 / .95);
	border-radius: 7px;
	color: #3be395;
	font-size: 16px;
	flex-shrink: 0;
}

.total-widget-icon i {
	animation: heartbeat 1.8s ease-in-out infinite;
}

.total-widget-text {
	display: flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
}

.total-widget-title {
	font-size: 12px;
	font-weight: 700;
	opacity: .85;
}

.total-widget-title::after {
	content: "";
	width: 1px;
	height: 16px;
	background: rgb(255 255 255 / .35);
}

@media (max-width:991.98px) {
	.total-widget {
		display: none;
	}
}

@keyframes heartbeat {
	0%,100% {
		transform: scale(1);
	}

	10% {
		transform: scale(1.08);
	}

	20% {
		transform: scale(1);
	}

	30% {
		transform: scale(1.08);
	}

	40% {
		transform: scale(1);
	}
}

.api-hero-meta {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 23px;
}

.api-endpoint {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 5px 7px;
	border: 1px solid #e5e7ec;
	border-radius: 8px;
	background: #fafbfc;
	color: #596171;
	font-size: 12px;
}

.api-endpoint-method {
	padding: 3px 7px;
	border-radius: 5px;
	background: #3be395;
	color: #fff;
	font-size: 9px;
	font-weight: 900;
}

.api-meta-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 5px 9px;
	border: 1px solid #e5e7ec;
	border-radius: 8px;
	background: #fff;
	color: #6b7280;
	font-size: 12px;
	font-weight: 700;
}

.api-meta-badge i {
	color: #3be395;
}

.api-container {
	margin-top: 35px;
}

.api-layout {
	display: grid;
	grid-template-columns: 245px minmax(0,1fr);
	gap: 25px;
	align-items: start;
}

.api-toc {
	position: -webkit-sticky;
	position: sticky;
	top: 85px;
	align-self: start;
	height: fit-content;
	max-height: calc(100vh - 105px);
	overflow-y: auto;
	padding: 8px 0;
	scrollbar-width: thin;
	z-index: 100;
}

.api-content {
	min-width: 0;
}

.api-toc::-webkit-scrollbar {
	width: 4px;
}

.api-toc::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #dfe2e8;
}

.api-toc-title {
	margin: 0 0 10px;
	padding: 0 13px;
	color: #9aa1ad;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.api-toc-group {
	margin-bottom: 20px;
}

.api-toc-group:last-child {
	margin-bottom: 0;
}

.api-toc-group-title {
	margin: 0 0 4px;
	padding: 0 13px;
	color: #b0b5bf;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.api-toc-list {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.api-toc-item {
	position: relative;
	margin: 2px 0;
}

.api-toc-link {
	position: relative;
	display: block;
	padding: 7px 12px 7px 17px;
	border-radius: 7px;
	color: #747c89;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none!important;
	transition: all .2s ease;
}

.api-toc-link:hover {
	color: #3be395;
	background: rgb(59 227 149 / .08);
}

.api-toc-link.active {
	color: #3be395;
	background: rgb(59 227 149 / .15);
	font-weight: 700;
}

.api-toc-link.active:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 4px;
	width: 3px;
	border-radius: 5px;
	background: #3be395;
}

.api-section {
	position: relative;
	margin-bottom: 58px;
	scroll-margin-top: 95px;
}

.api-section:last-child {
	margin-bottom: 0;
}

.api-section-header {
	margin-bottom: 20px;
}

.api-section-number {
	display: block;
	margin-bottom: 3px;
	color: #3be395;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.api-section h2 {
	margin: 0;
	color: #171717;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.3;
}

.api-section h3 {
	margin: 28px 0 10px;
	color: #171717;
	font-size: 16px;
	font-weight: 750;
}

.dark .api-section h2,.dark .api-section h3 {
	color: #fff;
}

.api-section-description {
	max-width: 880px;
	margin: 10px 0 0 0;
	color: var(--color-3);
	font-size: 14px;
	line-height: 1.75;
}

.api-divider {
	height: 1px;
	margin: 45px 0;
	background: #e7eaf0;
}

.api-feature-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 12px;
	margin-top: 22px;
}

.api-feature-card {
	padding: 18px;
	border: 1px solid var(--color-2);
	border-radius: 11px;
	background: var(--color-2);
}

#outside .api-feature-card {
	border-color: #cdd6f2;
}

.api-feature-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-bottom: 12px;
	border-radius: 9px;
	background: rgb(59 227 149 / .08);
	color: #3be395;
	font-size: 13px;
}

.api-feature-card strong {
	display: block;
	margin-bottom: 5px;
	color: #171717;
	font-size: 13px;
}

.dark .api-feature-card strong {
	color: #fff;
}

.api-feature-card span {
	color: #777f8d;
	font-size: 12px;
	line-height: 1.55;
}

.api-info-card {
	margin: 20px 0;
	padding: 17px 19px;
	border: 1px solid #b9ddcc;
	border-left: 3px solid #3be395;
	border-radius: 10px;
	background: #eaf6f0;
	color: #216346;
}

.dark .api-info-card {
	border: 1px solid #39735d;
	border-left: 3px solid #3be395;
	background: #193e33;
	color: #b7ebd7;
}

.api-info-card-title {
	margin-bottom: 5px;
	color: #171717;
	font-size: 13px;
	font-weight: 750;
}

.dark .api-info-card-title {
	color: #fff;
}

.api-info-card-text {
	color: var(--color-3);
	font-size: 13px;
	line-height: 1.65;
}

.api-list {
	margin: 15px 0 0;
	padding-left: 20px;
	color: #697386;
	font-size: 13px;
	line-height: 1.8;
}

.api-list li {
	margin-bottom: 5px;
}

.api-list a {
	color: #3be395!important;
}

.api-tabs {
	overflow: hidden;
	margin-top: 22px;
	border: 1px solid var(--color-2);
	border-radius: 10px;
	background: var(--color-1);
}

.api-tabbar {
	display: flex;
	align-items: center;
	gap: 2px;
	min-height: 49px;
	padding: 5px 7px;
	border-bottom: 1px solid rgb(255 255 255 / .07);
	background: var(--color-1);
}

.api-tabbtn {
	position: relative;
	appearance: none;
	outline: none!important;
	border: 0;
	padding: 15px;
	border-radius: 7px;
	background: #fff0;
	color: #7f899a;
	cursor: pointer;
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	transition: all .2s ease;
}

.api-tabbtn:hover {
	color: #d8dce4;
	background: rgb(255 255 255 / .045);
}

.api-tabbtn[aria-selected="true"] {
	color: #fff;
	background: #292f3c;
}

.api-tabpanel {
	display: block;
}

.api-tabpanel[hidden] {
	display: none;
}

.api-code-block {
	overflow-x: auto;
	margin: 0;
	padding: 21px 23px 24px;
	border: 0;
	background: var(--color-2);
	border-radius: 10px;
	color: #e5e7eb;
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
	font-size: 12px;
	line-height: 1.75;
	white-space: pre;
	tab-size: 4;
}

#outside .api-code-block {
	background: #fcfdff;
	border: 1px solid #cdd6f2;
}

.api-code-block::-webkit-scrollbar {
	height: 6px;
}

.api-code-block::-webkit-scrollbar-track {
	background: #11151e;
}

.api-code-block::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #343b4a;
}

.api-method-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 15px;
}

.api-method-title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.api-method-title h3 {
	margin: 0;
}

.api-method {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 8px;
	border-radius: 5px;
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,monospace;
	font-size: 9px;
	font-weight: 900;
}

.api-method-post {
	background: #e8f8f1;
	color: #159568;
}

.api-table-wrap {
	overflow-x: auto;
	margin-top: 18px;
	border: 1px solid var(--color-2);
}

.api-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	background: var(--color-1);
}

#outside .api-table {
	background: #fff;
	border: 1px solid #cdd6f2;
}

.api-table th {
	padding: 12px 14px;
	border-bottom: 1px solid var(--color-1);
	background: var(--color-2);
	color: var(--color-3);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .07em;
	text-align: left;
	text-transform: uppercase;
}

#outside .api-table th {
	background: #f1f4fb;
	border-color: #cdd6f2;
}

.api-table td {
	padding: 13px 14px;
	border-bottom: 1px solid var(--color-2);
	color: #5d6572;
	font-size: 12px;
	line-height: 1.55;
	vertical-align: top;
}

#outside .api-table td {
	border-color: #cdd6f2;
}

.api-table tr:last-child td {
	border-bottom: 0;
}

.api-table code {
	color: #0866ff;
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,monospace;
	font-size: 10px;
	white-space: nowrap;
}

.api-table .required {
	color: #159568;
	font-weight: 700;
}

.api-table .optional {
	color: #9aa1ad;
}

.api-response-label {
	margin: 24px 0 8px;
	color: #8b93a1;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.api-faq {
	border: 1px solid #e7eaf0;
	border-radius: 11px;
	background: #fff;
}

.api-faq-item {
	border-bottom: 1px solid #e7eaf0;
}

.api-faq-item:last-child {
	border-bottom: 0;
}

.api-faq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 17px 18px;
	color: #252b36;
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
}

.api-faq-question i {
	color: #9ba2ae;
	font-size: 11px;
	transition: transform .2s ease;
}

.api-faq-item.open .api-faq-question i {
	transform: rotate(180deg);
}

.api-faq-answer {
	display: none;
	padding: 0 18px 18px;
	color: #697386;
	font-size: 13px;
	line-height: 1.75;
}

@media (max-width:991.98px) {
	.api-layout {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.api-toc {
		position: sticky;
		top: 70px;
		z-index: 50;
		max-height: none;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 7px;
		border: 1px solid #e7eaf0;
		border-radius: 10px;
		background: rgb(255 255 255 / .96);
		box-shadow: 0 8px 20px rgb(17 24 39 / .06);
		backdrop-filter: blur(12px);
	}

	.api-toc-title,.api-toc-group-title {
		display: none;
	}

	.api-toc-group {
		margin: 0;
	}

	.api-toc-list {
		display: flex;
		min-width: max-content;
		gap: 3px;
	}

	.api-toc-link {
		padding: 7px 10px;
		white-space: nowrap;
		font-size: 11px;
	}

	.api-toc-link.active:before {
		top: auto;
		right: 8px;
		bottom: 2px;
		left: 8px;
		width: auto;
		height: 2px;
	}

	.api-feature-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width:575.98px) {
	.api-hero-meta {
		display: block;
	}

	.api-endpoint,.api-meta-badge {
		max-width: 100%;
		margin-bottom: 7px;
	}

	.api-section {
		margin-bottom: 45px;
		scroll-margin-top: 125px;
	}

	.api-method-header {
		display: block;
	}

	.api-method-title {
		margin-bottom: 10px;
	}

	.api-tabbar {
		overflow-x: auto;
		min-width: max-content;
	}

	.api-tabbtn {
		padding: 8px 10px;
		font-size: 11px;
	}

	.api-code-block {
		padding: 17px;
		font-size: 11px;
	}
}

#mtp-funds-total {
	--g: 16, 185, 129;
	position: relative;
	margin: 0 0 18px;
	border-radius: 10px;
	background: radial-gradient(circle at 50% -30%,rgba(var(--mtp-color-rgb,var(--g)),.14),transparent 45%),radial-gradient(circle at 100% 100%,rgba(var(--mtp-color-rgb,var(--g)),.07),transparent 35%),var(--color-2,#fff);
	overflow: hidden;
}

.dark #mtp-funds-total {
	border-color: rgb(255 255 255 / .08);
	background: radial-gradient(circle at 50% -30%,rgba(var(--g),.16),transparent 45%),radial-gradient(circle at 100% 100%,rgba(var(--g),.08),transparent 35%),var(--color-1);
}

#mtp-funds-total .mtp-funds-trow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 12px 16px;
	font-size: 13.5px;
	border-left: 1px solid rgb(0 0 0 / .12);
	border-right: 1px solid rgb(0 0 0 / .12);
	border-top: 1px solid rgb(0 0 0 / .12);
	border-bottom: 1px dashed rgb(0 0 0 / .12);
	border-radius: 10px;
}

.dark #mtp-funds-total .mtp-funds-trow {
	border-left-color: #3b414f;
	border-right-color: #3b414f;
	border-top-color: #3b414f;
	border-bottom-color: rgb(255 255 255 / .1);
}

#mtp-funds-total .mtp-funds-trow:last-child {
	border-bottom: 0;
}

#mtp-funds-total .mtp-funds-trow>span:first-child {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #6b7280;
	font-weight: 700;
	letter-spacing: .2px;
}

.dark #mtp-funds-total .mtp-funds-trow>span:first-child {
	color: #9aa3b2;
}

#mtp-funds-total .mtp-funds-trow .v {
	font-weight: 700;
	color: #374151;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.dark #mtp-funds-total .mtp-funds-trow .v {
	color: #e5e7eb;
}

#mtp-funds-total .mtp-funds-trow.is-bonus>span:first-child::before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #10b981;
	box-shadow: 0 0 0 3px rgba(var(--g),.18),0 0 8px rgba(var(--g),.6);
}

#mtp-funds-total .mtp-funds-trow.is-bonus .v {
	color: #10b981;
}

#mtp-bonus-value::before {
	content: '+';
	margin-right: 2px;
}

#mtp-coupon-value {
	padding: 3px 10px;
	color: #059669;
	background: rgba(var(--g),.12);
	border: 1px dashed rgba(var(--g),.5);
	border-radius: 999px;
	font-size: 12px;
	letter-spacing: .8px;
	text-transform: uppercase;
}

.dark #mtp-coupon-value {
	color: #6ee7b7;
}

#mtp-funds-total .mtp-funds-trow.is-final {
	position: relative;
	padding: 16px;
	background: linear-gradient(135deg,rgba(var(--g),.22),rgba(var(--g),.08));
	border-top: 1px solid rgba(var(--g),.35);
	border-bottom: 0;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .15);
}

#mtp-funds-total .mtp-funds-trow.is-final::before,#mtp-funds-total .mtp-funds-trow.is-final::after {
	content: '';
	position: absolute;
	top: -8px;
	width: 14px;
	height: 14px;
	background: var(--color-2);
	border-radius: 50%;
}

#mtp-funds-total .mtp-funds-trow.is-final::before {
	left: -8px;
}

#mtp-funds-total .mtp-funds-trow.is-final::after {
	right: -8px;
}

#mtp-funds-total .mtp-funds-trow.is-final>span:first-child {
	color: #15803d;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.dark #mtp-funds-total .mtp-funds-trow.is-final>span:first-child {
	color: #6ee7b7;
}

#mtp-funds-total .mtp-funds-trow.is-final .v {
	font-size: 22px;
	font-weight: 900;
	letter-spacing: -.5px;
	color: #059669;
	text-shadow: 0 0 18px rgba(var(--g),.35);
}

.dark #mtp-funds-total .mtp-funds-trow.is-final .v {
	color: #34d399;
}

@keyframes mtpRowIn {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.mtp-payment-history {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-height: 450px;
	overflow-y: auto;
	padding: 2px;
}

.mtp-payment-history-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 15px 17px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	background: var(--color-2);
	transition: transform .2s ease,border-color .2s ease;
}

.dark .mtp-payment-history-item {
	border-color: #3b414f;
}

.mtp-payment-history-item:hover {
	transform: translateY(-1px);
	border-color: rgb(125 82 244 / .18);
}

.mtp-payment-history-main {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: 13px;
}

.mtp-payment-history-logo {
	width: 46px;
	height: 46px;
	min-width: 46px;
	border-radius: 10px;
	background: var(--color-1);
	border: 1px solid #e5e7eb;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.dark .mtp-payment-history-logo {
	border-color: #3b414f;
}

.mtp-payment-logo {
	display: block;
	width: 30px;
	height: 30px;
	object-fit: contain;
}

.mtp-payment-logo-fallback {
	display: none;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 8px;
	background: #f1f3f6;
	color: #9aa1ad;
	font-size: 17px;
	font-weight: 700;
}

.mtp-payment-history-info {
	min-width: 0;
}

.mtp-payment-history-method {
	color: #171717;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 500px;
}

.dark .mtp-payment-history-method {
	color: #fff;
}

.mtp-payment-history-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 5px;
	color: #9296a2;
	font-size: 11px;
	line-height: 1.4;
}

.mtp-payment-history-meta span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.mtp-payment-history-meta i {
	font-size: 10px;
	opacity: .75;
}

.mtp-payment-history-amount {
	flex-shrink: 0;
	text-align: right;
}

.mtp-payment-history-amount-label {
	display: block;
	margin-bottom: 3px;
	color: #9aa1ad;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px;
}

.mtp-payment-history-amount-value {
	color: #10a36f;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

.mtp-payment-history-empty {
	padding: 45px 20px;
	text-align: center;
	border: 1px dashed #e5e7eb;
	border-radius: 14px;
	background: var(--color-1);
}

.dark .mtp-payment-history-empty {
	border-color: #3b414f;
}

.mtp-payment-history-empty-icon {
	width: 64px;
	height: 64px;
	margin: 0 auto 14px;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f1ecff;
	color: #8456ff;
	font-size: 27px;
}

.dark .mtp-payment-history-empty-icon {
	background: rgb(132 86 255 / .15);
}

.mtp-payment-history-empty h5 {
	margin: 0 0 5px;
	color: #171717;
	font-size: 15px;
	font-weight: 700;
}

.dark .mtp-payment-history-empty h5 {
	color: #fff;
}

.mtp-payment-history-empty p {
	margin: 0;
	color: #9296a2;
	font-size: 12px;
}

@media (max-width:575px) {
	.mtp-payment-history {
		gap: 8px;
	}

	.mtp-payment-history-item {
		padding: 12px;
		gap: 10px;
		border-radius: 12px;
	}

	.mtp-payment-history-logo {
		width: 42px;
		height: 42px;
		min-width: 42px;
		border-radius: 11px;
	}

	.mtp-payment-logo {
		width: 27px;
		height: 27px;
	}

	.mtp-payment-history-main {
		gap: 10px;
	}

	.mtp-payment-history-method {
		font-size: 13px;
		max-width: 190px;
	}

	.mtp-payment-history-meta {
		gap: 7px;
		font-size: 10px;
	}

	.mtp-payment-history-amount-label {
		font-size: 9px;
	}

	.mtp-payment-history-amount-value {
		font-size: 14px;
	}
}

.mtp-updates-card {
	border-radius: 10px;
	background: var(--color-2);
	overflow: hidden;
}

.mtp-updates-card .card-body {
	padding: 0;
}

.mtp-updates-header {
	display: grid;
	grid-template-columns: minmax(0,1fr) 180px 120px;
	align-items: center;
	padding: 15px 24px;
	background: var(--color-1);
	border-bottom: 1px solid #e5e7eb;
	color: #8b95a5;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .045em;
}

.dark .mtp-updates-header {
	border-color: #3b414f;
}

.mtp-updates-col {
	min-width: 0;
}

.mtp-updates-date {
	text-align: center;
}

.mtp-updates-action {
	text-align: right;
}

.mtp-updates-list {
	width: 100%;
}

.mtp-update-item {
	display: grid;
	grid-template-columns: minmax(0,1fr) 180px 120px;
	align-items: center;
	padding: 17px 24px;
	border-bottom: 1px solid #e5e7eb;
}

.dark .mtp-update-item {
	border-color: #3b414f;
}

.mtp-update-item:last-child {
	border-bottom: 0;
}

.mtp-update-service {
	min-width: 0;
	padding-right: 20px;
}

.mtp-update-service-top {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
}

.mtp-update-service-id {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 42px;
	height: 24px;
	padding: 0 8px;
	border-radius: 6px;
	background: var(--color-1);
	color: #6b7280;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.mtp-update-service-name {
	min-width: 0;
	color: #171717;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dark .mtp-update-service-name {
	color: #fff;
}

.mtp-update-status {
	margin-top: 7px;
}

.mtp-update-badge {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 4px 8px;
	border-radius: 5px;
	background: #f4f5f7;
	color: #7a8492;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mtp-update-badge.mtp-update-new {
	background-color: rgb(59 227 149 / .10);
	color: #3be395;
}

.mtp-update-badge.mtp-update-warning {
	background-color: rgb(202 162 0 / .10);
	color: #caa200;
}

.mtp-update-badge.mtp-update-down {
	background-color: rgb(59 227 149 / .10);
	color: #3be395;
}

.mtp-update-badge.mtp-update-up {
	background-color: rgb(249 103 103 / .10);
	color: #f96767;
}

.mtp-update-date {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.mtp-update-date-label {
	display: none;
}

.mtp-update-date-value {
	color: #9296a2;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
}

.mtp-update-action {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.mtp-update-history {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 34px;
	padding: 0 11px;
	border: 1px solid #e5e7eb;
	border-radius: 7px;
	background: #fff;
	color: #4b5563!important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none!important;
	transition: background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}

.mtp-update-history i {
	font-size: 10px;
	transition: transform .2s ease;
}

.mtp-update-history:hover {
	background: #f3fbf7;
	border-color: #b9ead3;
	color: #15966a!important;
	transform: translateY(-1px);
}

.mtp-update-history:hover i {
	transform: translateX(2px);
}

.mtp-updates-list:empty::before {
	content: "No updates found.";
	display: block;
	padding: 45px 20px;
	text-align: center;
	color: #98a2b3;
	font-size: 13px;
}

@media (max-width:767px) {
	.mtp-updates-header {
		grid-template-columns: minmax(0,1fr) 130px 100px;
		padding: 13px 16px;
	}

	.mtp-update-item {
		grid-template-columns: minmax(0,1fr) 130px 100px;
		padding: 15px 16px;
	}

	.mtp-update-service {
		padding-right: 12px;
	}

	.mtp-update-service-name {
		font-size: 13px;
	}

	.mtp-update-date-value {
		font-size: 12px;
	}

	.mtp-update-history {
		min-height: 32px;
		padding: 0 9px;
		font-size: 11px;
	}
}

@media (max-width:575px) {
	.mtp-updates-card {
		border-radius: 11px;
	}

	.mtp-updates-header {
		display: none;
	}

	.mtp-update-item {
		display: block;
		padding: 15px;
		border-bottom: 1px solid #e5e7eb;
	}

	.dark .mtp-update-item {
		border-color: #3b414f;
	}

	.mtp-update-item:last-child {
		border-bottom: 0;
	}

	.mtp-update-service {
		padding-right: 0;
	}

	.mtp-update-service-top {
		align-items: flex-start;
		gap: 8px;
	}

	.mtp-update-service-id {
		min-width: 40px;
		height: 23px;
		font-size: 10px;
	}

	.mtp-update-service-name {
		font-size: 13px;
		line-height: 19px;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.mtp-update-status {
		margin-top: 8px;
		text-align: center;
	}

	.mtp-update-badge {
		max-width: 100%;
		font-size: 10px;
	}

	.mtp-update-date {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-top: 13px;
		padding-top: 12px;
		border-top: 1px solid #e5e7eb;
		text-align: left;
	}

	.dark .mtp-update-date {
		border-color: #3b414f;
	}

	.mtp-update-date-label {
		display: block;
		color: #9296a2;
		font-size: 10px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .04em;
	}

	.mtp-update-date-value {
		color: #9296a2;
		font-size: 11px;
		font-weight: 700;
	}

	.mtp-update-action {
		margin-top: 10px;
		justify-content: stretch;
	}

	.mtp-update-history {
		width: 100%;
		height: 35px;
		border-radius: 7px;
		font-size: 11px;
	}
}

.mtp-action-tray {
	position: fixed;
	left: 50%;
	bottom: 20px;
	z-index: 9999;
	display: flex;
	align-items: center;
	width: calc(100% - 30px);
	max-width: 1100px;
	min-height: 68px;
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	box-shadow: 0 12px 35px rgb(15 23 42 / .12),0 3px 10px rgb(15 23 42 / .05);
	transform: translate(-50%,calc(100% + 40px));
	opacity: 0;
	visibility: hidden;
	transition: transform .22s ease,opacity .22s ease,visibility .22s ease;
}

.mtp-action-tray.mtp-action-is-visible {
	transform: translate(-50%,0);
	opacity: 1;
	visibility: visible;
}

.mtp-action-tray-info {
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	min-width: 145px;
	padding: 0 10px 0 4px;
}

.mtp-action-selected-count {
	display: block;
	color: #111827;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

.mtp-action-tray-label {
	display: block;
	margin-top: 1px;
	color: #64748b;
	font-size: 11px;
	line-height: 17px;
}

.mtp-action-selected-list {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	gap: 7px;
	overflow-x: auto;
	scrollbar-width: none;
}

.mtp-action-selected-list::-webkit-scrollbar {
	display: none;
}

.mtp-action-selected-chip {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 7px;
	height: 32px;
	padding: 0 9px 0 10px;
	color: #334155;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: color .16s ease,background .16s ease,border-color .16s ease;
}

.mtp-action-selected-chip:hover {
	color: #dc2626;
	background: #fef2f2;
	border-color: #fecaca;
}

.mtp-action-selected-chip-id {
	white-space: nowrap;
}

.mtp-action-selected-chip-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #94a3b8;
	font-size: 15px;
	line-height: 1;
}

.mtp-action-selected-chip:hover .mtp-action-selected-chip-close {
	color: #dc2626;
}

.mtp-action-text-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	margin-left: 10px;
	padding: 7px 6px;
	color: #64748b;
	background: #fff0;
	border: 0;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	transition: color .16s ease;
}

.mtp-action-text-button:hover {
	color: #111827;
}

.mtp-action-buttons {
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	margin-left: 6px;
}

.mtp-action-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 38px;
	padding: 0 12px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease;
}

.mtp-action-button:hover {
	text-decoration: none;
	transform: translateY(-1px);
}

.mtp-action-copy {
	color: #fff!important;
	background: #8956fb;
	border: 1px solid #8956fb;
}

.mtp-action-copy:hover {
	color: #fff!important;
	background: #7842f4;
	border-color: #7842f4;
	transform: translateY(-1px);
}

.mtp-action-excel {
	color: #fff!important;
	background: #1D6F42;
	border: 1px solid #1D6F42;
}

.mtp-action-excel:hover {
	color: #fff!important;
	background: #218838;
	border-color: #218838;
	transform: translateY(-1px);
}

@media (max-width:767.98px) {
	.mtp-action-tray {
		bottom: 10px;
		width: calc(100% - 20px);
		min-height: auto;
		padding: 10px;
		flex-wrap: wrap;
	}

	.mtp-action-tray-info {
		min-width: 0;
		width: auto;
		padding-right: 10px;
	}

	.mtp-action-tray-label {
		display: none;
	}

	.mtp-action-selected-list {
		order: 3;
		width: 100%;
		flex: 0 0 100%;
		margin-top: 8px;
		padding-top: 8px;
		border-top: 1px solid #f1f5f9;
	}

	.mtp-action-text-button {
		margin-left: auto;
	}

	.mtp-action-buttons {
		gap: 5px;
	}

	.mtp-action-button {
		width: 38px;
		padding: 0;
	}

	.mtp-action-button span {
		display: none;
	}

	.mtp-action-button i {
		margin: 0;
	}
}

@media (max-width:400px) {
	.mtp-action-tray-info {
		max-width: 90px;
	}

	.mtp-action-selected-count {
		font-size: 13px;
	}
}

.norder-fav {
	border: 1px solid #8456ff;
	background: #fff0;
	width: max-content;
	height: 25px;
	border-radius: 6px;
	padding: 6px 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	position: relative;
	transition: all ease-in-out 200ms;
	font-size: 12px;
	color: #8456ff;
}

.norder-fav i {
	font-size: 10px;
}

.norder-fav.favorite-active {
	border-color: #8456ff;
	background: #8456ff;
	color: #fff;
}

.norder-fav:not(.favorite-active):hover {
	background: rgb(132 86 255 / .10);
}

.mtp-order-history-empty {
	padding: 45px 20px;
	text-align: center;
	border: 1px dashed #e5e7eb;
	border-radius: 10px;
	background: var(--color-2);
}

.dark .mtp-order-history-empty {
	border-color: #3b414f;
}

.mtp-order-history-empty-icon {
	width: 64px;
	height: 64px;
	margin: 0 auto 14px;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f1ecff;
	color: #8456ff;
	font-size: 27px;
}

.dark .mtp-order-history-empty-icon {
	background: rgb(132 86 255 / .15);
}

.mtp-order-history-empty h5 {
	margin: 0 0 6px;
	color: #171717;
	font-size: 15px;
	font-weight: 700;
}

.dark .mtp-order-history-empty h5 {
	color: #fff;
}

.mtp-order-history-empty p {
	max-width: 520px;
	margin: 0 auto;
	color: #9296a2;
	font-size: 12px;
	line-height: 1.6;
}

.mtp-order-history-empty p a {
	color: #8456ff;
	font-weight: 700;
	text-decoration: none;
}

.mtp-order-history-empty p a:hover {
	text-decoration: underline;
}

.topb-menu .dd-menu {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background: var(--color-2);
	width: 300px;
	padding: 0;
}

@keyframes dropdown-active {
	from {
		opacity: 0;
		transform: translate3d(0,-8px,0);
	}

	to {
		opacity: 1;
		transform: translate3d(0,0,0);
	}
}

@-webkit-keyframes dropdown-active {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-8px,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
	}
}

.topb-menu #home-settings {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: 0.3s cubic-bezier(.25,.1,.15,1.34) forwards dropdown-active;
	animation: 0.3s cubic-bezier(.25,.1,.15,1.34) forwards dropdown-active;
	box-shadow: 0 18px 45px rgb(25 42 86 / .20);
}

.topb-menu .ubar-top {
	position: relative;
	overflow: hidden;
	padding: 15px;
	border-radius: 10px 10px 0 0;
	background: radial-gradient(circle at 78% 35%,rgb(36 201 143 / .18),transparent 32%),radial-gradient(circle at 100% 100%,rgb(31 158 113 / .16),transparent 38%),linear-gradient(115deg,#102b24 0%,#164537 48%,#1d6249 100%);
}

.topb-menu .ubar-top::before {
	content: "";
	position: absolute;
	width: 480px;
	height: 280px;
	left: -170px;
	top: -190px;
	background: linear-gradient(135deg,#35c581,rgb(124 58 237 / .18));
	border-radius: 50%;
	transform: rotate(-12deg);
	filter: blur(1px);
	opacity: .85;
	z-index: 0;
}

.topb-menu .ubar-top::after {
	content: "";
	position: absolute;
	width: 420px;
	height: 420px;
	right: -260px;
	bottom: -260px;
	border: 70px solid rgb(16 185 129 / .3);
	border-radius: 50%;
	box-shadow: 0 0 80px rgb(16 185 129 / .12);
	z-index: 0;
}

.topb-menu .ubar-top>* {
	position: relative;
	z-index: 3;
}

.topb-menu .ubar-info {
	display: flex;
	align-items: center;
	gap: 15px;
}

.topb-menu .ubar-info .avatar-image {
	width: 56px;
	height: 56px;
	border-radius: 10px;
}

.topb-menu .ubar-top .avatar-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border: 2px solid rgb(255 255 255 / .85);
}

.topb-menu .ubar-details {
	min-width: 0;
}

.topb-menu .ubar-details .rank {
	display: inline-flex;
	align-items: center;
	color: #80edc6;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .8px;
}

.topb-menu .ubar-details .rank span {
	color: #fff;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: .8px;
	padding-right: 5px;
}

.topb-menu .ubar-info .ubar-details .username {
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	font-weight: 700;
}

.topb-menu .ubar-info .ubar-details .username svg {
	margin-top: -3px;
	color: #3be395;
}

.topb-menu .ubar-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px;
	border-bottom: 1px solid #f1f5fb;
	cursor: pointer;
}

.topb-menu .ubar-section:last-child {
	border: none;
}

.topb-menu .ubar-section:hover {
	background: rgb(59 227 149 / .15);
}

.topb-menu .ubar-section:hover .ubar-title,.topb-menu .ubar-section:hover .icon svg {
	color: #3be395!important;
}

.dark .topb-menu .ubar-section {
	border-color: #3b414f;
}

.dark .topb-menu .ubar-section:hover {
	background: #3b414f;
}

.topb-menu .ubar-section .icon {
	width: 24px;
	min-width: 24px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: var(--color-3);
}

.topb-menu .ubar-section .ubar-title {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	color: #171717;
}

.dark .topb-menu .ubar-section .ubar-title {
	color: #fff;
}

.topb-menu .ubar-top>.btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 35px;
	margin-top: 18px;
	padding: 5px 10px!important;
	border: 0!important;
	border-radius: 8px;
	background: #10b981!important;
	color: #fff!important;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	overflow: hidden;
	box-shadow: 0 10px 25px rgb(124 58 237 / .3),inset 0 1px 0 rgb(255 255 255 / .2);
	transition: transform 0.25s ease,box-shadow 0.25s ease,filter 0.25s ease;
}

.topb-menu .ubar-top>.btn:hover {
	transform: translateY(-2px);
	filter: brightness(1.08);
	box-shadow: 0 14px 30px rgb(124 58 237 / .4),0 0 25px rgb(16 185 129 / .1);
}

.topb-menu .ubar-top>.btn:hover::before {
	transform: translateX(120%);
}

.topb-menu .ubar-top>.btn:active {
	transform: translateY(0);
}

.topb-menu .ubar-top>.btn::before {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: 12px;
	background: linear-gradient(110deg,transparent 20%,rgb(255 255 255 / .12) 50%,transparent 80%);
	transform: translateX(-120%);
	transition: transform 0.6s ease;
	pointer-events: none;
}

@media (max-width:575px) {
	.topb-menu .ubar-top {
		padding: 18px;
	}

	.topb-menu .ubar-top .avatar-image {
		width: 56px;
		height: 56px;
		min-width: 56px;
	}

	.topb-menu .ubar-details .username {
		font-size: 16px;
	}

	.topb-menu .ubar-top>.btn {
		min-height: 44px;
		margin-top: 16px;
	}
}

.topb-menu .ubar-section .lang-text {
	font-size: 13px;
	color: #9296a2;
}

.topb-menu .lang-header {
	display: flex;
	align-items: center;
	gap: 5px;
	justify-content: space-between;
	font-size: 14px;
	color: #171717;
	padding: 10px;
}

.dark .topb-menu .lang-header {
	color: #fff;
}

.topb-menu .lang-header p {
	margin-bottom: 0;
}

.topb-menu .lang-header .lang-back {
	background: #8043ef;
	color: #fff;
	font-size: 12px;
	border-radius: 5px;
	padding: 3px 7px;
}

.topb-menu .dropdown-list {
	gap: 0;
}

.topb-menu .dropdown-list .dropdown-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px;
	border-bottom: 1px solid #f1f5fb;
	cursor: pointer;
	border-radius: 0;
}

.dark .topb-menu .dropdown-list .dropdown-link {
	border-color: #3b414f;
}

.dark .topb-menu .dropdown-list li:last-child .dropdown-link {
	border: none;
}

@font-face {
	font-family:'DSEG7';src:url(data:font/woff2;base64,d09GMgABAAAAABQMAA4AAAAAWgAAABOxAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGhwGYACCcggEEQgKuRilZguBEgABNgIkA4E2BCAF72YHgTIbw04jA8HGAQh5fv0iKknrCv5bAodjyObBNMtgGNKl1aJERCtDEAN6YJfqaNsT9d3q/ezF8seFeWpDMBEOphkj8Vx4ILvPN9jdgzn3T3TsTlVcJlVyVUq1cmlUUmceoGNfb+aHbkfQUiT4imzjgZ4dRtEBVtAB/4u1tYhIgubaqO6JkBmaWRSNGrWSyJ547Z+ufeb/zn2856WLLGzUibfAjA94uTAoXABTbnBklWIQ0AqZrNP9DzA+sPL+t6mWWcuk8/SF5FvZZBCxLkSYljJ+L5tN/+Osy0nbw4zhtXJqPXkp9z/GiOCNbbGSSZZI8f9/7fvU1W9C8IIWSwVtVuSQUTEirt+pc/bt/8+cX/MBa1UqwG+IO3Ch7qPq7gECGUlEamyMSRShzfIRDtjFZhVbpcJsu3dXJKpOCCGY4DUeYzK+yIp636sRm4opotWDMdHkFSnbjxAgAA/+L7wCcLv5Q4Gntz9XAABegmgggQAC6EQ0+pwUt7g3nmD/+pOI73qCBMktAfNTFT4+PeeNiziu2qnEH4zNgmY9VE2jOFNLjRrGsErF9L3UeoAfPwrEM8qMmbbDqcwQJ5tLrWmz00/efXh5uroYC446keY0kbhC5JlnQiXZn4GVxrHMJ/qx4AIBeZhQ5qb+pBclWVE13TAtG4As2Z1+EEZxkmZ5UVZ103b94Kyrb2hs4uh/uNnRm8bH7QAig4VRy4c/jCgBnGPA/UYXDZgRLL25YJMs1u8razQnUtim4rQsBO9GamyRI005nDrz7A19dLrtR3DsafK2YU+Fg6Cs3bkcOhTCj/AXWQuIOQDVkUQky4G568ubJPDkVu5+/ppuO9n/ufS0vPUQxfLYGuzx6gs/Kj8Plt31aFaZjze91TCfT1aZUfSEAuMZHETvUNLSI9TFAopMi2Gm5WiPkBBmu4yaEadtjDFkePHSfBanDY6B+sMpAxiWZ38IzwmBBkavASSJ84Ve8l56AOXfc09i9St+9wnGi3GPNxz+jM7kTpLpA0s5kYSB2VPbWkorvIustG1Nc98XtzxHOz6MDwec45POVHGKl0Qs9ykbnFdpVtnI855xQ3xreFSppzpT3HmnJ7GH19racPXr2tU/Jak88RmAtG8qfkaa/dMnf9JM65E7/PJrYkU4fhOW3k/rz9aLaHK8SI5iMmykoyaO5M/+/xMXGlpoGh1PwlONnDfEwd9fzI2u6Dp5tSu65INAxtU6eiyG4eBaJ9Krsk0Vd4lX5GtfHSe8jDzSuBQMJcCTOGbLZYpC1qUdC69F/DHcrq1HBjVRbdkuruoTpx9xtP/wRWfWKPvt8RE4tNEP/speTxxXSJPKvM9bJNK4XZL1POdrwmH2dH4rw852Og5JAi0e38xex36POnFGNgPp1zZfpWlUcYB8NOFDCR5+ujaxm7088780npG+OkjlWeOBY5Xv/LPsq9vrkxIZS44+0ukAOeMfAcvn3pd43PP3HoFBr59eS6zh1s86ghd/QoqK/zwKwOa34t3Ch3xWxT+i3m2Fni1zjvw8nBm4kVuCvIG54Upan9aH+Mbi5xMYVkE8QGwA3EJ1L1/wJP9fAPMH0L3rR8Lh5PBKtzQO4fzixV6Y3/nD2R9+ngAtDAebvjR++BoGAISFFNJtrT2hUvD2tpS0X6ViwmSpBYQzpcUrvCpt/tGvdJcQl5VeQuPZ0jtHooqlj4jB/ZMH8ho8QoJIugO7CJVChBul5OZbqUz4X2pJYX9pCQvXS1tC+FS6a4gJpRcT95XetR70vdJHweD4YAcKGzxgjjMVxMpICzUm6BNRPW/HSsCBl/XQC5bk9Tcvtgg6VTuGZnpZNrh15EiX87Dup1FTnVpCshIofn3rJT9Je7+zCX7u8JO9cMovLFvC0/oYZz8fu9FFH5m7H2atXZ0ol1AUztqzV1fQo8BSynMK9/n16k8/e19F0WNBq/h92lsvvqmbegtvUFfXrDI+jhMXKmcqp46XKwoal7/Fe9pd3cnk5BtOLqqz6mcAt1/cdKC42jdTFCtEKI8l6Fjt3KXiF3Hc9rg+vyyTM4ZvcU20M5tJ8+3PvHVnl/qlJizyfrl2bSBYqfiAbfb3eBy7vdtF5P+n9Tb9ur4ehMviGdLD4oZqu/vAzorngn42znZFaPh4RWGxwUR4W/DNaMYpoTxv7YlrBhag5FliuX7JvCK6Sj+diP1rBZ09O5qzYv37B7L5dzUANiWWNe+Tr7FOdmAJgom7wn7skGmp6ShpD4p4lEA2v/uCFoacoMDyF1BhojoqTmgJhInyQKWO89p/ipybBOwArhYfMn67VqAYsvYsL7AaAUEu1WJu7i13D5TdAnEa5ST+ZINM1ZQX1JW8+cjCiy+w+O+rFosgwzN/PJs/c2Fu07x7jN60tee5QZVu9RLig5OGGFli0vP/67Erop8c/Fh5du/bgy/Pw/kJ2mLZFWfoM1uXLZoJ2ZWwBsYZb1aZF40asjyS/E3QamnaIrCyvSabQSxhGRNr14IKCUItOOV1qEPHn2HTfxGnt0WDZjoaDBCWKUaG2v3oytJOAenSCvHYmVqORa2RC6kdqbrzJ1sjT97coJGHceLv4xGdBSko2J4Xri3tsNWU0wKWhFPYpJjVZgdxEMvaY6h7mkzj9MiaKv90pHrBFltMNGAuCNA65LRZ0j8VWh7sVHnNSZ5RtgQVQqMFw6lViKRFOuzgSGYbE82o68xRy0eaiEfrDo47pirSbBZeY5T3HtMaGDJrnspySlgQL04KL5LmCa6ia0wZGvFqYJI4MRwXgaAZhlsn0EFhTYDcIkjpvuIhuMCoywJL1rSWOjBDiIqma7WxDFaYOT0qFpB0Yjucq7ThRXVsLStEwsteJS23BUnLA8oyZMeQxY3P+OOQI5eGqRhtQK9OtqEF4VgQMdNMogiDtpmDql8Pb4qyyYAsJKp5h1vEmf5n5APOBMWGUrUh6WbrNPQV/XxA22LOQVCtOVIVGMB7SjydOSOm0CgdC7XqdyjzXzMqJXppIWAaf0Q9efbi3dy7jXcLc2vgd59lv/OhHbzjyKG6rqJWMu74GyUqaVjJQ+hLW/BWF+86RMyokn8o0VxpE9vRGKp3VWjasMjCRSWX5YclsA4h+pLZSDhkxhjMV3Low4AsJbZrgyLOdn/3yf3kgKbCah+rwZxhJxlokBU7cMk3BlynYIrcVY7IAwq2yCL2Chv1bzk6gvsg3OAHquqrTrT+8YAXyY5uVIEF5+vw+BB0V363wPwhq+lY9DvASEGvYZUZM8SU5YSxASayWuOIumxMVHSlUYcB23BepiJtlAXMUY+aZjxM3R6ooTZESYVqZ0EsNkyMOGtzWXCVoRXmKAT8KwzNAaJ/+p4nddIzBNZ7/rQvmC1mod1Wamc1kTKKoWHb1kfWMb45I04vzR/OCsCB8DXJLASNzgZMCyyeiDOQtC648/gSFqgbe9OVb+/W1o2hQX9XCYVWPTUM/cF0ZuSpxNLRCm4jAZkDS/iWjeMmRFBEITdADONx8qezRm7IrIkO2H4b2s2lj4LwQKHjvc7EQIvzNULqXF/CFVNOX/f3MGPoXrcYPLW0vUSSt7GwNSV9PACrQOcWV0rRSe8gDENjhAPG/NNQtwA4UUJzxCs1vzqLtFqsxnztmy/LHtdGK0kakJlGPYDWI4VyDJugUh2b320wPpHMuoq51U6VpWekVGDs1X38ZfYZ2zFTS6yHQKUYKAYV6veevJkgzS7hL8Qli5cDeufz+vp5Cob9WejcgD7UqfNAlsu1FduJGlnzDf8ve7yi17i3yp0vtht01kc6Is2LEQVc2MAsrdTzyTLzgVtHsgjNlmO0ZoxKktY6MZAj4tBoM2FrzJHr34UbMxyWC/k29PTmHbbuM4YOHgsWa1JDo7ObOccVM+sRRV1uX1/9MPC7DGGJJuLTBg2qLy5NmibxVD0boWt9aW6e7jBpiVobHN/2wJOGHQtDiQVE3LMlidB73ohH3ltUuRCVAq7RTcBRU4ZwOpichi+46TQ6t03SUmIdEs/Qice63WX0bS4xvy26rTlpxf4WBAjFNw27iJv5iBomE/A1Vqs39qteV3rzJqB6M9q7r0OGJj21nB1OO9j/wlbpSRcosEledgD4hhnnHZalqbgtiNwqOl4Q/Rx3kenjEh4K6NLzzphuaGqAqAanjV7NVuqi82R7M3uzYtFMKBiqMdnDZm+H9W2bO4vbXyc7vPBJiccDuT3Nwzbd3H330u/n7Jh58ZogYKNBQKzpHvMBUlboYtOeJ+2hsf36OMBtHptzP3tVRWEFRCyxDFQD/nmyXSVQ+OkayQfK/+LRKItWhMMc1CElTTv16bqfKwZtkAzVZFTiiVuoGKZRF2yqq42WbX5ui3rFAotMiKejQEqriYyVbRoXOn0O9WU7FX+uj4SyirirYvEoOipgBaEBP601JE1JT2CJxthACtWK1/w0JkgFCHpqNSFI0aKdfxQVjMccalUqrZcpKSMhBArIuFNuRtvE888NKlPQagaFtdJSB0PFuwXDpUWxKeSB2YxTxnNhxFZYC8TD6UGAEEOwVxS8DVyJtscSGP3cpGPJ7ZwOK5yNQ7iJ/mAZABpKMQxaQCGCVAUpSA2pC4+YJRFWXyNyfKHqi1UuCqgDl9iuIBnbpCUy7AogI/VANLAD30ar2poHq0+KiJTApRXBUGVH15U3YpKcgsyGgqIssizVKKVQ8dbUWEeEIc+CwKXnGgUggWEZhBw7bAGpldLZ8NeZmYC2P9C+u103HfC1k6uCO99FObBrvsgEhhmx3SoLWuibNtZ16sqBl7/b4X05fufuAWCPFQm2UPODhIMg1lmeejRb8JNK3645Vzj13gWD9ubznlXpHCr5IDfoKeHN/zWkSfz/a/5e3n+3/rLoAxydTFOFbBwbWYe3QoafJ9g6E6d4fM62JUrC/EL+ODBmpmUfGOrzA+oNoCKNF+c5cSf6UEyJE+HDZkbNPo7BZuLcroJftyeU3u3eW+wBLbgRfrDcCzaAiUEA0LDj0TN8hbm045liTD+Kp1v3AWfG6divKB0U7WUU7aJjk3xgcoBPIuBZlX+0L5iBVy1evlCxEGZKjoASJQY7C8QACj4pgZcVYn9QJ5550JUAl0IOiPlgnldueoJQo1zU29o0ofLDykeIqAqB9fFYakOMzkGxoba9JjjiGL7iiAX9naFggRqBVdN0F1geVhFLEG+B8EQTxLEfIYXp369TAygMB1wAJlnmdQfiEbDVcYFzxbckExOEUZOQC08GHKK5sudsX+aowHYWtKJDbEjQ+1nAWH5KrlsDuMV8efhdtpZ/p7oIa6VizsAbNNp0crof3tqn6Uq1zALlpIC7nBG/Mr44XxXtBDMIe4tUhVypqRX7pUINVDcC8Lssu6xIYXHZO9wHYrGAejhrQFa4Hmzap2UkwItA4vyjiHFVYZ56dKzOKszEqWI8DiVqADZfRHT+EWoVw0ePZjZJRwPld+9jgAU7B+JgVWF297HsVIARupkCF1H1Yi+3rIS82GVuDKK5ILP3sdxMy0vMiGGuVFm4LSQ6IMAp1VBEFEkrFLdDgTu4M3SdM55ODJccQIsmmEhCaUzxeMKkXacG6MbUhb/7JWYB+Kb7vFLOJwexBJs0mbC91hJ7iQOzae7r0xYsADDcpgeTCKlxroTUvPudyyTLP1ker0fDZeCaIUJ+KNYdjulqx8xC+A8DjxoXgbt4nTLyaoATEneiTF+aWGacy/isgMKbis404BPu3SALTt0H1VRurupglzHvBsBpAOmcRaCoQmZWb6ww24SwI7v7AvZRhcTzJIPt44LsOak/qFSn7QFIFw+MWwUQ0ooFRFh8iF4F4JlWQrZ9VsdUI5rHrgs+Oc8q+ne9h1WKjomtxaA/AWBRSPRUxxqfGmRVmJFqvGWlx0rSmeHM3RfvGS75tksNcIZzLp2eW4KqDOV6DbjaICSZZ4O0wIW9FkaQBRAJCnWURsVUKpeYRktiDopTTz4ejyrMCrbWWQVDaJB6qjn3nzcMLMVfMh2NQ3WXkbC84THRxVFxiC3EXSqxPf2clFoWpSAdNYlm3JWQ/wcMOnR02Dq4ekqHg5ecIUi6TMvBoQAApRERLaeHAVXFelFEMZnzROqyLFuDpio6aABL6c+7gF0mnluo2aYHS156tWyiKRYunlvCJthJAicER5CubdY23GtY4as7YaOT4lNCDR72XcXsxMeJdNWEXYN9kSpSz0/4VwG6Dvy6DC63+0Nlc7SjEj7UmQEFmiSeminr4Vt8A5JucUVlMBgRbAdj/pMnOw/wZeSSe57S01PgKY8Kl2kPeEEv/7VS6aevyrP8wGF5WbnJ3wepQ40q6r2tr5zF34DZrUgI6xdT389XzsjTMMNPdpWn8tWIApmKosbBB6oGsGaSVENQNGxBk6w39IxBXJWneFWZqIrxFDMu6usSPN1dMlJDQVQPlD9KqfTAFhUUDwJXVWRvEMdab90Xc9Pi5YVTOzFJNwjLzFivp6QfIB0R9TQ5MNTzt6sx15G2IENotht6Wd7rlt1jrfBx4At/dVt8yqB7UyAKgVMPGT1NdF4w8ZhbfJUBfqqxRd578H609HGNYnFy5SmTr8BPlX5BjVUIoypOAAmA/+l1Zk8LOvJBovnxFyhIsBChwoSLEClKtCTJUqRKky5DpizZjByuGNDOF1OoSLESpcqUq1Cp7uum42Ytm9u069Cp683Kr6VXn34DBg0ZNmLUmHETJu0GAAA=) format('woff2');font-weight:700;font-display:block;
}

.mtp-wheel {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 999999999999!important;
	width: 50%;
	height: 100vh;
	height: 100dvh;
	overflow-x: hidden;
	overflow-y: auto;
	color: #f8fafc;
}

.mtp-wheel-backdrop {
	position: fixed;
	inset: 0;
	width: 50vw;
	height: 100vh;
	z-index: -1;
	background: rgb(3 7 18 / .87);
	backdrop-filter: blur(9px);
	-webkit-backdrop-filter: blur(9px);
}

.mtp-wheel-fx {
	position: fixed;
	inset: 0;
	z-index: 0;
	width: 50%;
	overflow: hidden;
	pointer-events: none;
}

.mtp-wheel-fx::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: min(140vw, 1000px);
	aspect-ratio: 1;
	transform: translate(-50%,-50%);
	background: radial-gradient(circle,rgb(16 185 129 / .30),rgb(16 185 129 / .09) 42%,transparent 68%);
}

.mtp-wheel-rays {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 160vmax;
	height: 160vmax;
	margin: -80vmax 0 0 -80vmax;
	background: repeating-conic-gradient(from 0deg,rgb(110 231 183 / .10) 0deg 7deg,transparent 7deg 22deg);
	-webkit-mask-image: radial-gradient(circle,#000 0,transparent 46%);
	mask-image: radial-gradient(circle,#000 0,transparent 46%);
	animation: mtpRays 60s linear infinite;
}

.mtp-wheel-spark {
	position: absolute;
	bottom: -12px;
	left: var(--x);
	width: var(--s);
	height: var(--s);
	border-radius: 50%;
	background: #6ee7b7;
	box-shadow: 0 0 10px 2px rgb(16 185 129 / .75);
	opacity: 0;
	animation: mtpSpark var(--d) linear var(--delay) infinite;
}

.mtp-wheel-spark:nth-child(3n) {
	background: #fde68a;
	box-shadow: 0 0 10px 2px rgb(251 191 36 / .7);
}

.mtp-wheel-close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 5;
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	color: #cbd5e1;
	background: rgb(255 255 255 / .07);
	border: 1px solid rgb(255 255 255 / .1);
	border-radius: 12px;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	transition: background .2s ease,color .2s ease;
}

.mtp-wheel-close:hover {
	color: #fff;
	background: rgb(255 255 255 / .14);
}

.mtp-wheel-container {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 50px;
	width: 100%;
	padding: 22px 16px 26px;
	text-align: center;
}

.mtp-wheel-eyebrow {
	margin-bottom: 4px;
	color: #6ee7b7;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 3px;
}

.mtp-wheel-panel-title {
	position: relative;
	margin: 0;
	font-family: 'Titan One',Impact,sans-serif;
	font-size: clamp(40px, 8vw, 48px);
	font-weight: 400;
	letter-spacing: 3px;
	line-height: 1.05;
	text-transform: uppercase;
	background: linear-gradient(90deg,#ffffff 0%,#a7f3d0 40%,#fde68a 70%,#ffffff 100%);
	background-size: 200% auto;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: #fff0;
	color: #fff0;
	filter: drop-shadow(0 4px 18px rgb(16 185 129 / .35));
	-webkit-text-stroke: 2px #064e3b;
	paint-order: stroke fill;
	text-shadow: 0 1px 0 #85dbbc,0 2px 0 #10b981,0 3px 0 #0ea571,0 4px 0 #059669,0 5px 0 #047857,0 6px 0 #065f46,0 7px 0 #064e3b,0 8px 0 #053f31,0 9px 0 #04382c,0 14px 14px rgb(0 0 0 / .55),0 0 30px rgb(16 185 129 / .55);
	transform: perspective(600px) rotateX(12deg);
	transform-origin: center bottom;
}

.mtp-wheel-panel-title::after {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(100deg,transparent 30%,rgb(255 255 255 / .95) 48%,transparent 66%);
	background-size: 250% 100%;
	background-position: 150% 0;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: #fff0;
	-webkit-text-stroke: 0;
	text-shadow: none;
	animation: mtpTitleShine 3.5s ease-in-out infinite;
	pointer-events: none;
}

@keyframes mtpTitleShine {
	0% {
		background-position: 150% 0;
	}

	60%,100% {
		background-position: -50% 0;
	}
}

.mtp-wheel-offer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 14px 0 35px;
}

.mtp-wheel-offer-badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 3px 15px;
	overflow: hidden;
	color: #3b2400;
	background: linear-gradient(135deg,#fde68a,#fbbf24 50%,#f59e0b);
	border-radius: 999px;
	margin-bottom: 10px;
	box-shadow: 0 0 24px rgb(251 191 36 / .5),inset 0 1px 0 rgb(255 255 255 / .5);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 2.2px;
	white-space: nowrap;
	animation: mtpBadge 1.8s ease-in-out infinite;
}

.mtp-wheel-offer-badge::after {
	content: '';
	position: absolute;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	background: linear-gradient(100deg,transparent,rgb(255 255 255 / .65),transparent);
	transform: skewX(-20deg);
	animation: mtpSweep 2.6s ease-in-out infinite;
}

.mtp-wheel-offer-flash {
	font-size: 15px;
	animation: mtpFlash 1s steps(2,end) infinite;
}

.mtp-wheel-offer-badge.is-done {
	color: #052e25;
	background: linear-gradient(135deg,#d1fae5,#6ee7b7 50%,#10b981);
	box-shadow: 0 0 24px rgb(16 185 129 / .5);
	animation: none;
}

.mtp-wheel-offer-badge.is-done .mtp-wheel-offer-flash {
	animation: none;
}

.mtp-timer-offer-badge {
	font-family: 'Orbitron','Courier New',monospace;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	padding: 5px 15px;
	overflow: hidden;
	color: #fff1a6;
	background: linear-gradient(110deg,rgb(65 39 0 / .98),rgb(30 23 6 / .98) 45%,rgb(82 52 4 / .98));
	border: 1px solid #fcd34d;
	border-radius: 999px;
	box-shadow: 0 0 0 2px rgb(251 191 36 / .12),0 0 14px rgb(251 191 36 / .24),0 0 35px rgb(251 191 36 / .1),inset 0 1px 0 rgb(255 255 255 / .4),inset 0 -3px 8px rgb(0 0 0 / .5);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 3px;
	text-shadow: 0 0 12px rgb(251 191 36 / .5);
	width: max-content;
	margin: 5px auto;
}

.mtp-timer-offer-badge::before {
	content: "";
	position: absolute;
	inset: 4px;
	border: 1px solid rgb(253 230 138 / .22);
	border-radius: inherit;
	pointer-events: none;
}

.mtp-timer-offer-badge::after {
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	width: 25%;
	height: 200%;
	transform: rotate(25deg);
	background: linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);
	animation: mtpGoldSweep 5s ease-in-out infinite;
}

.mtp-timer-gift {
	color: #fbbf24;
	font-size: 18px;
	text-shadow: 0 0 12px rgb(251 191 36 / .8);
}

.mtp-wheel-timer {
	--led: #34f5a8;
	--led-glow: rgba(52, 245, 168, .9);
	--led-ghost: rgba(52, 245, 168, .09);
	display: inline-flex;
	align-items: flex-start;
	justify-content: center;
	gap: 10px;
}

.mtp-wheel-timer-unit {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.mtp-wheel-timer-num {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	display: block;
	padding: 12px 14px 10px;
	color: var(--led);
	background: linear-gradient(180deg,#06130e,#020806);
	border: 1px solid #1d3a2f;
	border-radius: 10px;
	font-family: 'DSEG7','Courier New',monospace;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 4px;
	font-variant-numeric: tabular-nums;
	text-shadow: 0 0 3px var(--led-glow),0 0 10px var(--led-glow),0 0 24px rgb(52 245 168 / .45);
	box-shadow: 0 0 0 3px #11181a,0 0 0 4px #2a3538,0 8px 20px rgb(0 0 0 / .55),0 0 26px rgb(52 245 168 / .16),inset 0 3px 8px rgb(0 0 0 / .9);
}

.mtp-wheel-timer-num::before {
	content: '88';
	position: absolute;
	inset: 12px 14px 10px;
	z-index: -1;
	color: var(--led-ghost);
	text-shadow: none;
}

.mtp-wheel-timer-num::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 42%;
	pointer-events: none;
	background: linear-gradient(180deg,rgb(255 255 255 / .09),#fff0);
}

.mtp-wheel-timer-colon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 7px;
	height: 50px;
	font-size: 0;
	animation: mtpColon 1s steps(1,end) infinite;
}

.mtp-wheel-timer-colon::before,.mtp-wheel-timer-colon::after {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--led);
	box-shadow: 0 0 6px var(--led-glow),0 0 14px var(--led-glow);
}

.mtp-wheel-timer-unit small {
	color: #6ee7b7;
	font-family: 'Orbitron','Courier New',monospace;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 3px;
	opacity: .8;
}

.mtp-wheel-timer-unit small {
	color: #6ee7b7;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 2.5px;
	opacity: .85;
}

.mtp-wheel-timer.is-urgent {
	--led: #ffb62e;
	--led-glow: rgba(255, 182, 46, .9);
	--led-ghost: rgba(255, 182, 46, .09);
}

.mtp-wheel-timer.is-urgent .mtp-wheel-timer-num {
	border-color: #4a3512;
	text-shadow: 0 0 3px var(--led-glow),0 0 10px var(--led-glow),0 0 24px rgb(255 182 46 / .45);
}

.mtp-wheel-timer.is-urgent .mtp-wheel-timer-unit small {
	color: #fcd34d;
}

@keyframes mtpColon {
	0%,100% {
		opacity: 1;
	}

	50% {
		opacity: .12;
	}
}

.mtp-wheel-timer.is-urgent .mtp-wheel-timer-num,.mtp-wheel-timer.is-urgent .mtp-wheel-timer-colon {
	color: #fcd34d;
	text-shadow: 0 0 16px rgb(251 191 36 / .95);
}

.mtp-wheel-timer.is-urgent .mtp-wheel-timer-unit small {
	color: #fcd34d;
}

.mtp-wheel-offer {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 25px 0;
	padding: 0 12px;
	box-sizing: border-box;
}

.mtp-wheel-visual {
	width: 100%;
	padding: 6px 0 4px;
	margin-left: -200px;
}

.mtp-wheel-shell {
	--size: min(86vw, 80vh, 475px);
	position: relative;
	width: var(--size);
	height: var(--size);
}

.mtp-wheel-outer-ring {
	position: absolute;
	inset: 0;
	z-index: 1;
	padding: 20px;
	background: linear-gradient(145deg,#344154,#111827 45%,#273449);
	border: 1px solid rgb(255 255 255 / .16);
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgb(255 255 255 / .03),0 0 0 11px rgb(16 185 129 / .06),0 24px 70px rgb(0 0 0 / .45),0 0 70px rgb(16 185 129 / .28);
}

.mtp-wheel-rotator {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #172033;
	border: 3px solid rgb(255 255 255 / .15);
	border-radius: 50%;
	transform: rotate(0deg);
	will-change: transform;
}

.mtp-wheel-rotator canvas {
	display: block;
	width: 100%;
	height: 100%;
}

.mtp-wheel-gloss {
	position: absolute;
	inset: 22px;
	z-index: 2;
	border-radius: 50%;
	background: radial-gradient(ellipse at 30% 18%,rgb(255 255 255 / .22),transparent 38%),radial-gradient(circle,transparent 62%,rgb(0 0 0 / .28) 100%);
	pointer-events: none;
}

.mtp-wheel-pointer {
	position: absolute;
	top: 50%;
	right: -10px;
	left: auto;
	z-index: 6;
	width: 38px;
	height: 46px;
	transform: translateY(-50%) rotate(90deg);
	transform-origin: center;
	filter: drop-shadow(0 4px 8px rgb(0 0 0 / .55)) drop-shadow(0 0 10px rgb(251 191 36 / .55));
}

.mtp-wheel-pointer svg {
	display: block;
	width: 100%;
	height: 100%;
}

.mtp-wheel-hub {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	display: grid;
	width: 20%;
	aspect-ratio: 1;
	padding: 5px;
	place-items: center;
	background: linear-gradient(145deg,#d1fae5,#10b981 60%,#047857);
	border: 4px solid #f0fdf4;
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgb(11 15 25 / .75),0 0 28px rgb(16 185 129 / .5);
	transform: translate(-50%,-50%);
	cursor: pointer;
}

.mtp-wheel-hub-inner {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 1px solid rgb(255 255 255 / .4);
	border-radius: 50%;
}

.mtp-wheel-hub-star {
	color: #064e3b;
	font-size: clamp(13px, 2vw, 22px);
	line-height: 1;
}

.mtp-wheel-hub-text {
	margin-top: 2px;
	color: #064e3b;
	font-size: clamp(8px, 1.2vw, 18px);
	font-weight: 900;
	letter-spacing: 1px;
}

.mtp-wheel-bulbs {
	position: absolute;
	inset: 0;
	z-index: 4;
	pointer-events: none;
}

.mtp-wheel-bulbs span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 9px;
	margin: -4.5px 0 0 -4.5px;
	background: #fde68a;
	border-radius: 50%;
	box-shadow: 0 0 9px 2px rgb(251 191 36 / .75);
	transform: rotate(calc(var(--i) * 15deg)) translateY(calc(var(--size) / -2 + 11px));
	animation: mtpBulb 1.2s ease-in-out infinite;
}

.mtp-wheel-bulbs span:nth-child(odd) {
	animation-delay: .6s;
}

.mtp-wheel.is-spinning .mtp-wheel-bulbs span {
	animation-duration: .28s;
}

.mtp-wheel-shadow {
	position: absolute;
	left: 15%;
	bottom: -22px;
	z-index: 0;
	width: 70%;
	height: 16px;
	background: rgb(0 0 0 / .55);
	border-radius: 50%;
	filter: blur(11px);
}

.mtp-wheel-panel {
	width: 100%;
	padding: 25px 15px;
	background: linear-gradient(145deg,rgb(255 255 255 / .10),rgb(255 255 255 / .055));
	border: 1px solid rgb(255 255 255 / .12);
	box-shadow: 0 12px 30px rgb(0 0 0 / .12),inset 0 1px 0 rgb(255 255 255 / .07);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-radius: 24px;
	text-align: center;
}

.mtp-wheel-spin-btn {
	position: relative;
	display: flex;
	width: 100%;
	min-height: 50px;
	max-width: 275px;
	margin: auto;
	align-items: center;
	justify-content: center;
	padding: 15px 22px;
	overflow: hidden;
	color: #022c22;
	background: linear-gradient(135deg,#6ee7b7,#10b981 55%,#059669);
	border: 0;
	border-radius: 13px;
	box-shadow: 0 10px 28px rgb(16 185 129 / .35),inset 0 1px 0 rgb(255 255 255 / .45);
	cursor: pointer;
	transition: transform .2s ease,filter .2s ease,opacity .2s ease;
}

.mtp-wheel-spin-btn:not(:disabled) {
	animation: mtpPulse 2s ease-out infinite;
}

.mtp-wheel-spin-btn:not(:disabled):hover {
	filter: brightness(1.08);
	transform: translateY(-2px);
}

.mtp-wheel-spin-btn:focus-visible,.mtp-wheel-copy-btn:focus-visible {
	outline: 3px solid #a7f3d0;
	outline-offset: 4px;
}

.mtp-wheel-spin-btn:disabled {
	cursor: not-allowed;
	opacity: .5;
	box-shadow: none;
}

.mtp-wheel-spin-btn-content {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 1.6px;
}

.mtp-wheel-spin-icon {
	font-size: 18px;
}

.mtp-wheel-disclaimer {
	margin: 14px 5px 0;
	color: #10b981;
	font-size: 10px;
	line-height: 1.7;
	text-align: center;
}

.mtp-wheel-modal {
	position: fixed;
	inset: 0;
	z-index: 9999999999999!important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s ease,visibility .25s ease;
}

.mtp-wheel-modal.is-open {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

.mtp-wheel-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgb(3 7 18 / .82);
	backdrop-filter: blur(9px);
	-webkit-backdrop-filter: blur(9px);
}

.mtp-wheel-modal-card {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 420px;
	max-height: calc(100vh - 40px);
	padding: 34px 28px 26px;
	overflow-y: auto;
	color: #f8fafc;
	background: radial-gradient(ellipse at 50% 0%,rgb(16 185 129 / .12),transparent 45%),#111827;
	border: 1px solid rgb(16 185 129 / .24);
	border-radius: 25px;
	box-shadow: 0 30px 100px rgb(0 0 0 / .5);
	text-align: center;
	transform: translateY(18px) scale(.98);
	transition: transform .3s cubic-bezier(.2,.8,.2,1);
}

.mtp-wheel-modal.is-open .mtp-wheel-modal-card {
	transform: translateY(0) scale(1);
}

.mtp-wheel-modal-close {
	position: absolute;
	top: 12px;
	right: 15px;
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	color: #94a3b8;
	background: rgb(255 255 255 / .05);
	border: 0;
	border-radius: 10px;
	font-size: 25px;
	cursor: pointer;
}

.mtp-wheel-result-icon {
	display: grid;
	width: 64px;
	height: 64px;
	margin: 0 auto 19px;
	place-items: center;
	color: #064e3b;
	background: linear-gradient(145deg,#a7f3d0,#10b981);
	border: 5px solid rgb(167 243 208 / .15);
	border-radius: 20px;
	box-shadow: 0 0 35px rgb(16 185 129 / .16);
	font-size: 29px;
}

.mtp-wheel-result-eyebrow {
	margin-bottom: 9px;
	color: #6ee7b7;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 2px;
}

.mtp-wheel-result-title {
	margin: 0;
	color: #f8fafc;
	font-size: 29px;
	font-weight: 900;
	letter-spacing: -.8px;
}

.mtp-wheel-result-description {
	margin: 10px 0 23px;
	color: #94a3b8;
	font-size: 12px;
	line-height: 1.7;
}

.mtp-wheel-coupon-box {
	padding: 17px;
	background: rgb(3 7 18 / .55);
	border: 1px dashed rgb(16 185 129 / .4);
	border-radius: 15px;
}

.mtp-wheel-coupon-label {
	display: block;
	margin-bottom: 13px;
	color: #94a3b8;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.5px;
}

.mtp-wheel-coupon-code {
	overflow-wrap: anywhere;
	color: #a7f3d0;
	font-size: clamp(20px, 5vw, 28px);
	font-weight: 900;
	letter-spacing: 1.2px;
	line-height: 1.4;
	user-select: all;
}

.mtp-wheel-copy-btn {
	display: flex;
	width: 100%;
	min-height: 45px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin-top: 17px;
	padding: 12px;
	color: #d1fae5;
	background: rgb(16 185 129 / .12);
	border: 1px solid rgb(16 185 129 / .3);
	border-radius: 10px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 1px;
	cursor: pointer;
	transition: background .2s ease,color .2s ease;
}

.mtp-wheel-copy-btn svg {
	width: 17px;
	height: 17px;
}

.mtp-wheel-copy-btn.is-copied {
	color: #052e25;
	background: #6ee7b7;
	border-color: #6ee7b7;
}

.mtp-wheel-result-footnote {
	margin: 16px 0 0;
	color: #64748b;
	font-size: 10px;
	line-height: 1.7;
}

#mtpWheelConfetti {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0;
}

.mtp-wheel-result-icon.is-lost {
	color: #fef3c7;
	background: linear-gradient(145deg,#475569,#334155);
	border-color: rgb(251 191 36 / .15);
	box-shadow: 0 0 30px rgb(148 163 184 / .12);
}

.mtp-wheel-result-icon.is-lost span {
	font-size: 42px;
	line-height: 1;
}

.mtp-wheel-result-icon.is-lost~.mtp-wheel-result-eyebrow {
	color: #fbbf24;
}

.mtp-wheel-expiry {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 5px 0 0;
	padding: 12px 14px;
	text-align: left;
	color: #fde68a;
	background: linear-gradient(135deg,rgb(251 191 36 / .14),rgb(245 158 11 / .06));
	border: 1px solid rgb(251 191 36 / .4);
	border-radius: 10px;
	box-shadow: 0 0 22px rgb(251 191 36 / .12),inset 0 0 14px rgb(251 191 36 / .05);
}

.mtp-wheel-expiry-icon {
	display: grid;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	place-items: center;
	color: #3b2400;
	background: linear-gradient(135deg,#fde68a,#fbbf24 55%,#f59e0b);
	border-radius: 7px;
	box-shadow: 0 0 14px rgb(251 191 36 / .45);
	animation: mtpBadge 1.8s ease-in-out infinite;
}

.mtp-wheel-expiry-icon svg {
	width: 19px;
	height: 19px;
}

.mtp-wheel-expiry-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 10px;
	line-height: 1.55;
	color: #fcd34d;
}

.mtp-wheel-expiry-text strong {
	color: #fff;
	font-weight: 900;
}

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

@keyframes mtpShine {
	to {
		background-position: 200% center;
	}
}

@keyframes mtpFloat {
	0%,100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-5px);
	}
}

@keyframes mtpColon {
	0%,100% {
		opacity: 1;
	}

	50% {
		opacity: .15;
	}
}

@keyframes mtpFlash {
	0%,100% {
		opacity: 1;
	}

	50% {
		opacity: .35;
	}
}

@keyframes mtpSweep {
	0% {
		left: -60%;
	}

	55%,100% {
		left: 130%;
	}
}

@keyframes mtpBadge {
	0%,100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}
}

@keyframes mtpBulb {
	0%,100% {
		opacity: 1;
	}

	50% {
		opacity: .25;
		box-shadow: 0 0 3px 0 rgb(251 191 36 / .3);
	}
}

@keyframes mtpPulse {
	0% {
		box-shadow: 0 10px 28px rgb(16 185 129 / .35),0 0 0 0 rgb(16 185 129 / .55);
	}

	70% {
		box-shadow: 0 10px 28px rgb(16 185 129 / .35),0 0 0 18px #fff0;
	}

	100% {
		box-shadow: 0 10px 28px rgb(16 185 129 / .35),0 0 0 0 #fff0;
	}
}

@keyframes mtpSpark {
	0% {
		opacity: 0;
		transform: translateY(0) scale(.6);
	}

	12% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translateY(-105vh) scale(1.1);
	}
}

@media (max-width:760px) {
	.mtp-wheel {
		width: 100%;
	}

	.mtp-wheel-backdrop {
		width: 100vw;
	}

	.mtp-wheel-fx {
		width: 100%;
	}

	.mtp-wheel-container {
		flex-direction: column;
		padding: 18px 14px 22px;
		gap: 0;
	}

	.mtp-wheel-visual {
		margin-left: auto;
		padding: 35px 0;
	}

	.mtp-wheel-offer {
		gap: 9px;
	}

	.mtp-wheel-offer-badge {
		padding: 3px 12px;
		font-size: 11px;
		letter-spacing: 1.8px;
	}

	.mtp-wheel-timer {
		padding: 4px 10px;
	}

	.mtp-wheel-timer-unit {
		min-width: 48px;
	}

	.mtp-wheel-timer-num {
		font-size: 26px;
	}

	.mtp-wheel-timer-colon {
		font-size: 0;
		height: 50px;
		gap: 4px;
	}

	.mtp-wheel-pointer {
		width: 32px;
		height: 39px;
	}

	.mtp-wheel-modal-card {
		padding: 31px 21px 23px;
		border-radius: 21px;
	}

	.mtp-wheel-shell {
		--size: min(70vw, 80vh, 475px);
		margin: auto;
	}

	.mtp-wheel-panel {
		margin-top: 0;
		padding: 15px;
	}

	.mtp-wheel-close {
		top: 15px;
		right: 15px;
	}

	.mtp-timer-offer-badge {
		gap: 7px;
		padding: 5px 15px;
		font-size: 8px;
		display: none;
	}

	.mtp-timer-gift {
		font-size: 13px;
	}
}

@media (prefers-reduced-motion:reduce) {
	.mtp-wheel *,.mtp-wheel *::before,.mtp-wheel *::after {
		animation: none!important;
		scroll-behavior: auto!important;
		transition-duration: .01ms!important;
	}
}

#coupon-box {
	--cpn: 155, 114, 255;
	margin: 1rem 0;
}

#coupon-box .cpn-wrap {
	font-size: 14px;
}

#coupon-box .cpn-toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 11px 14px;
	color: #8956fb;
	font-weight: 700;
	background: rgba(var(--cpn),.06);
	border: 1.5px dashed rgba(var(--cpn),.45);
	border-radius: 10px;
	cursor: pointer;
	user-select: none;
	transition: background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.dark #coupon-box .cpn-toggle {
	color: #e5e7eb;
}

#coupon-box .cpn-toggle:hover,#coupon-box .cpn-toggle:focus-visible {
	background: rgba(var(--cpn),.12);
	border-color: rgba(var(--cpn),.8);
	outline: none;
}

#coupon-box .cpn-ico {
	display: grid;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	place-items: center;
	color: #fff;
	background: linear-gradient(135deg,#b794ff,#8456ff);
	border-radius: 9px;
	box-shadow: 0 4px 10px rgba(var(--cpn),.4);
}

#coupon-box .cpn-label {
	flex: 1;
}

#coupon-box .cpn-chev {
	flex: 0 0 auto;
	color: rgb(var(--cpn));
	transition: transform .25s ease;
}

#coupon-box .cpn-wrap.is-open .cpn-chev {
	transform: rotate(180deg);
}

#coupon-box .cpn-wrap.is-open .cpn-toggle {
	border-style: solid;
	border-color: rgba(var(--cpn),.7);
	background: rgba(var(--cpn),.1);
}

#coupon-box .cpn-form {
	display: none;
	margin-top: 10px;
	padding: 12px;
	background: rgba(var(--cpn),.05);
	border: 1px solid rgba(var(--cpn),.2);
	border-radius: 12px;
}

#coupon-box .cpn-wrap.is-open .cpn-form {
	display: block;
	animation: cpnOpen .28s ease both;
}

#coupon-box .cpn-row {
	display: flex;
	gap: 8px;
}

#coupon-box .cpn-input {
	flex: 1;
	min-width: 0;
	height: 42px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 10px;
	background: var(--color-2);
	transition: border-color .2s ease,box-shadow .2s ease;
}

#coupon-box .cpn-input::placeholder {
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

#coupon-box .cpn-input:focus {
	border-color: rgb(var(--cpn));
	box-shadow: 0 0 0 4px rgba(var(--cpn),.18);
	outline: none;
}

#coupon-box .cpn-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	height: 42px;
	padding: 0 20px;
	line-height: 1;
	font-weight: 700;
	color: #fff!important;
	background: linear-gradient(135deg,#b08aff,#8456ff)!important;
	border: 0!important;
	border-radius: 10px;
	cursor: pointer;
	transition: transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

#coupon-box .cpn-button:hover {
	transform: translateY(-1px);
	filter: brightness(1.08);
}

#coupon-box .cpn-button:active {
	transform: translateY(0);
}

#coupon-box .cpn-applied {
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 11px 14px;
	margin-top: 10px;
	color: #067647;
	font-weight: 700;
	letter-spacing: .6px;
	background: linear-gradient(135deg,#ecfdf3,#d1fadf);
	border: 1.5px dashed #6ccf97;
	border-radius: 12px;
}

.dark #coupon-box .cpn-applied {
	color: #6ee7b7;
	background: rgb(16 185 129 / .12);
	border-color: rgb(16 185 129 / .5);
}

#coupon-box .cpn-remove {
	display: grid;
	width: 24px;
	height: 24px;
	place-items: center;
	padding: 0;
	color: inherit;
	font-size: 18px;
	line-height: 1;
	background: rgb(0 0 0 / .06);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	transition: background .2s ease;
}

#coupon-box .cpn-remove:hover {
	background: rgb(217 45 32 / .18);
	color: #d92d20;
}

#coupon-box .cpn-msg {
	margin-top: 8px;
	font-size: 13px;
	font-weight: 700;
}

#coupon-box .cpn-msg:empty {
	display: none;
}

#coupon-box .cpn-msg.cpn-err {
	color: #d92d20;
}

#coupon-box .cpn-msg.cpn-ok {
	color: #12b76a;
}

@keyframes cpnOpen {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.mtp-telegram-widget {
	position: fixed;
	bottom: 90px;
	right: 25px;
	z-index: 3000;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(15px) scale(.85);
	transition: opacity 0.4s ease,transform 0.4s ease,visibility 0.4s ease;
}

.mtp-telegram-widget.telegram-widget--visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
}

.mtp-telegram-widget .telegram-widget-icon {
	position: relative;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #24A1DE;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	animation-name: pulse-telegram;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

.mtp-telegram-widget .telegram-widget-icon svg {
	fill: #fff;
	width: 30px;
	height: 30px;
}

.mtp-telegram-widget .telegram-widget-notify {
	z-index: 2147483001;
	position: absolute;
	bottom: 30px;
	left: 39px;
	min-width: 16px;
	height: 16px;
	border-radius: 50%;
}

.mtp-telegram-widget .active-notify {
	background: #df2020;
	display: flex;
	justify-content: center;
	font-size: 11px;
	color: #fafafa;
	font-weight: 700;
	border-radius: 9px;
	width: fit-content;
	min-width: 16px;
	height: 16px;
	box-sizing: border-box;
	line-height: 16px;
	padding: 0 4px;
}

.mtp-announcements {
	position: fixed;
	right: 75px;
	bottom: 88px;
	width: 468px;
	max-width: calc(100vw - 32px);
	max-height: calc(100vh - 200px - 88px);
	max-height: calc(100dvh - 200px - 88px);
	z-index: 2147483000;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #f8f9fc;
	color: #171717;
	border-radius: 15px;
	box-shadow: 0 24px 64px rgb(45 27 105 / .2),0 2px 8px rgb(45 27 105 / .07);
	font-size: 14px;
	line-height: 1.55;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(18px) scale(.96);
	transform-origin: bottom right;
	transition: opacity 0.25s ease,transform 0.25s ease,visibility 0.25s ease;
}

.dark .mtp-announcements {
	background: var(--color-10);
}

.mtp-announcements.mtp-announcements--visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
}

.mtp-announcements.mtp-announcements--hidden {
	opacity: 0;
	transform: translateY(10px) scale(.985);
	pointer-events: none;
	visibility: hidden;
}

.mtp-announcements .mtp-announcements__header {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 15px 18px;
	background: #24A1DE;
	border-bottom: 1px solid #24A1DE;
}

.mtp-announcements .mtp-announcements__heading {
	display: block;
	min-width: 0;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 750;
	letter-spacing: -.2px;
	color: #fff;
}

.mtp-announcements .mtp-announcements__heading span {
	margin-left: 4px;
}

.mtp-announcements .mtp-announcements__header-left {
	display: flex;
	align-items: center;
	gap: 7px;
}

.mtp-announcements .mtp-announcements__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: rgb(255 255 255 / .3);
	border-radius: 7px;
	font-size: 16px;
	color: #fff;
}

.mtp-announcements .mtp-announcements__close {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	color: rgb(255 255 255 / .7);
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	transition: color 0.15s ease;
}

.mtp-announcements .mtp-announcements__close:hover {
	color: #fff;
}

.mtp-announcements .mtp-announcements__listwrap {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 12px;
	background: #f8f9fc;
	min-height: 0;
	overflow: hidden;
}

.dark .mtp-announcements .mtp-announcements__listwrap {
	background: var(--color-10);
}

.mtp-announcements .mtp-announcements__list {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	background: #f8f9fc;
	scrollbar-width: thin;
	scrollbar-color: #d7d0e8 #fff0;
	gap: 10px;
	padding: 10px 7px 16px;
}

.dark .mtp-announcements .mtp-announcements__list {
	background: var(--color-10);
}

.mtp-announcements .mtp-announcements__list::-webkit-scrollbar {
	width: 6px;
}

.mtp-announcements .mtp-announcements__list::-webkit-scrollbar-track {
	background: #fff0;
}

.mtp-announcements .mtp-announcements__list::-webkit-scrollbar-thumb {
	background: #d7d0e8;
	border-radius: 10px;
}

.mtp-announcements .mtp-announcements__item {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #e5e5e5;
	background: #fff;
	border-radius: 5px;
	transition: border-color 0.2s ease,;
}

.dark .mtp-announcements .mtp-announcements__item {
	border: 1px solid #3b414f;
	background: var(--color-2);
}

.mtp-announcements .mtp-announcements__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	margin-bottom: 10px;
	font-size: 11.5px;
	background: var(--color-1);
	padding: 7px 15px;
	border-radius: 5px 5px 0 0;
}

.mtp-announcements .mtp-announcements__meta {
	color: #858b9b;
}

.mtp-announcements .mtp-announcements__telegram .fa-calendar-alt {
	margin-left: auto;
	flex-shrink: 0;
	color: #10B981;
	font-size: 11.5px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.mtp-announcements .mtp-announcements__telegram {
	font-weight: 700;
	color: #10B981!important;
}

.mtp-announcements .mtp-announcements__date {
	overflow-wrap: anywhere;
	min-width: 0;
	flex: 1 1 auto;
	color: #858b9b;
	font-size: 11px;
	line-height: 1.5;
	overflow-wrap: normal;
	white-space: normal;
}

.mtp-announcements .mtp-announcements__label {
	display: inline-flex;
	align-items: center;
	padding: 4px 7px;
	border-radius: 5px;
	background: #f1ebff;
	color: #10B981;
	font-size: 10px;
	font-weight: 750;
	line-height: 1;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.mtp-announcements .mtp-announcements__photo {
	display: block;
	width: 100%;
	height: auto;
	max-height: 260px;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
	margin: 0 0 12px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	background: #f8f7fc;
}

.mtp-announcements .mtp-announcements__message {
	margin: 0;
	color: #303747;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.75;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: normal;
	padding: 10px 15px;
}

.dark .mtp-announcements .mtp-announcements__message {
	color: #fff;
}

.mtp-announcements .mtp-announcements__message a {
	color: #10B981;
	font-weight: 650;
	text-decoration: none;
}

.mtp-announcements .mtp-announcements__message a:hover {
	text-decoration: underline;
}

.mtp-announcements .mtp-announcements__link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 12px;
	color: #10B981;
	font-size: 12px;
	font-weight: 750;
	text-decoration: none;
}

.mtp-announcements .mtp-announcements__link:hover {
	color: #7040df;
	text-decoration: underline;
}

.mtp-announcements .mtp-announcements__loading,.mtp-announcements .mtp-announcements__empty {
	padding: 28px 18px;
	color: #858b9b;
	text-align: center;
	font-size: 13px;
}

.mtp-announcements .mtp-announcements__error {
	flex: 0 0 auto;
	padding: 13px 18px;
	color: #b42318;
	background: #fff7f6;
	border-top: 1px solid #f7d7d3;
	font-size: 12px;
}

.mtp-announcements .mtp-announcements__footer {
	flex: 0 0 auto;
	padding: 10px 18px;
	border-top: 1px solid #e5e5e5;
	background: #fafaff;
	color: #858b9b;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2px;
	text-align: center;
}

.dark .mtp-announcements .mtp-announcements__footer {
	border-top: 1px solid #3b414f;
	background: #303541;
}

.mtp-announcements .mtp-announcements__footer a:hover {
	color: #10B981!important;
}

.mtp-announcements .mtp-announcements__message strong {
	font-weight: 700;
}

.mtp-announcements .mtp-announcements__message u {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.mtp-announcements .mtp-announcements__message s {
	text-decoration: line-through;
}

.mtp-announcements .mtp-announcements__message em {
	font-style: italic;
}

.mtp-announcements .mtp-announcements__message code {
	padding: 2px 5px;
	border-radius: 4px;
	background: rgb(127 127 127 / .12);
	font-family: monospace;
}

.mtp-announcements .mtp-announcements__message pre,.mtp-announcements .mtp-announcements__message blockquote {
	margin: 8px 0;
	padding: 8px 12px;
	border-left: 3px solid #10b981;
	background: rgb(127 127 127 / .08);
	white-space: pre-wrap;
}

.mtp-announcements .mtp-announcements__message a {
	text-decoration: underline;
	overflow-wrap: anywhere;
}

@media (max-width:576px) {
	.mtp-announcements {
		right: 15px;
		max-width: calc(100vw - 30px);
	}

	.mtp-announcements .mtp-announcements__list {
		gap: 10px;
		padding: 11px 10px 13px;
	}

	.mtp-announcements .mtp-announcements__item {
		padding: 0;
		border-radius: 10px;
	}

	.mtp-announcements .mtp-announcements__photo {
		max-height: 200px;
		border-radius: 8px;
	}

	.mtp-announcements .mtp-announcements__date,.mtp-announcements .mtp-announcements__telegram {
		font-size: 10px;
	}

	.mtp-telegram-widget {
		bottom: 80px;
		right: 20px;
	}

	.mtp-announcements .mtp-announcements__meta {
		border-radius: 10px 10px 0 0;
	}
}

@media (prefers-reduced-motion:reduce) {
	.mtp-announcements,.mtp-announcements .mtp-announcements__close,.mtp-announcements .mtp-announcements__item {
		transition: none;
	}
}

.mtpbot {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.mtpbot .wrap {
	display: flex;
	flex-direction: column;
	gap: 26px;
	width: 100%;
}

.mtpbot a {
	color: inherit;
	text-decoration: none;
}

.mtpbot h1,.mtpbot h2,.mtpbot h3,.mtpbot p {
	margin: 0;
}

.mtpbot h1,.mtpbot h2,.mtpbot h3,.mtpbot b,.mtpbot strong {
	overflow-wrap: anywhere;
}

.mtpbot code {
	color: #10B981;
	background: none;
	padding: 0;
	font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

.mtpbot svg {
	max-width: 100%;
}

.mtpbot .mbcard {
	position: relative;
	background: radial-gradient(circle at 50% -15%,rgb(59 227 149 / .12),transparent 42%),#ffffff;
	border: 1px solid #e8ecef;
	border-radius: 10px;
	transition: border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease;
}

.dark .mtpbot .mbcard {
	background: radial-gradient(circle at 50% -15%,rgb(59 227 149 / .09),transparent 42%),#151a20;
	border-color: #252d35;
}

.mtpbot .mbcard:hover {
	border-color: rgb(16 185 129 / .24);
}

.mtpbot .mbcard.feat::after {
	content: "";
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: 0;
	height: 3px;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(90deg,transparent,#3be395,transparent);
	opacity: .55;
	transition: left .3s ease,right .3s ease,opacity .3s ease;
}

.mtpbot .mbcard.showcase {
	overflow: hidden;
}

.mtpbot .mbcard.showcase::before {
	content: "";
	position: absolute;
	width: 430px;
	height: 430px;
	right: -180px;
	top: -260px;
	border-radius: 50%;
	border: 1px solid rgb(59 227 149 / .075);
	box-shadow: 0 0 0 35px rgb(59 227 149 / .025),0 0 0 75px rgb(59 227 149 / .018),0 0 0 115px rgb(59 227 149 / .01);
	pointer-events: none;
}

.mtpbot .glow {
	position: relative;
	background: linear-gradient(145deg,rgb(255 255 255 / .25),rgb(255 255 255 / .15));
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='552' fill='none'><g clip-path='url(%23a)'><path fill='%23266849' d='M0 0h600v552H0z'/><path fill='%23000' fill-rule='evenodd' d='m-33.09 201.72-62.903 150.81-98.287-40.947L-2.263-148.772l102.218 24.723-32.644 405.725 172.996-565.449 104.009 19.578-39.302 515.671 99.377-338.893 104.107 9.957 30.241 321.585 33.336-158.813 104.926 4.134 45.749 357.169-105.63 13.563-5.657-44.163-40.717 193.976-105.123-5.913-37.162-395.174-163.989 559.233-104.188-18.984 41.353-542.571L25.884 781.045l-103.992-19.803 45.019-559.522Z' clip-rule='evenodd' opacity='.1'/></g><path stroke='%23266849' d='M.5.5h599v551H.5z'/><defs><clipPath id='a'><path fill='%23fff' d='M0 0h600v552H0z'/></clipPath></defs></svg>");
	background-size: cover;
	background-position: center;
	border: 1px solid rgb(16 185 129 / .24);
	border-radius: 10px;
}

.mtpbot .glow.how {
	background: linear-gradient(275deg,#012917 0%,#35c581 100%);
}

.mtpbot .glow.how::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	background: url(https://storage.perfectcdn.com/966zjr/98en6z9omauu9cn2.png);
	background-size: cover;
	background-position: center;
	opacity: .7;
	z-index: 1;
	pointer-events: none;
}

.mtpbot .sec-head {
	text-align: center;
	padding: 10px 0 4px;
}

.mtpbot .sec-head h2 {
	color: var(--color-3);
	font-size: clamp(25px, 3vw, 34px);
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -.035em;
}

.mtpbot .how .sec-head h2 {
	color: #fff;
}

.mtpbot .sec-head p {
	max-width: 650px;
	margin: 10px auto 0;
	color: var(--color-4);
	font-size: 15px;
}

.mtpbot .how .sec-head p {
	color: #77ebbd;
}

.mtpbot .eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #92efd0;
	background: rgb(171 255 227 / 9%);
	border: 1px solid rgb(125 243 207 / 23%);
	padding: 7px 12px;
	border-radius: 999px;
}

.mtpbot .dot {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: #10B981;
	box-shadow: 0 0 0 4px rgb(16 185 129 / .09);
}

.mtpbot .mbbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 47px;
	padding: 12px 21px;
	border: 1px solid #1c1e23;
	border-radius: 12px;
	background: #1c1e23;
	color: #fff;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.4;
	text-align: center;
	cursor: pointer;
	transition: transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}

.mtpbot .mbbtn:hover {
	transform: translateY(-2px);
	border-color: rgb(16 185 129 / .24);
	box-shadow: 0 8px 22px rgb(0 0 0 / .08);
	color: #fff!important;
}

.mtpbot .mbbtn-primary {
	background: linear-gradient(135deg,#ffffff,#e1e1e1);
	border-color: #fff0;
	color: #225e42;
	box-shadow: 0 9px 26px rgb(16 185 129 / .22);
}

.mtpbot .mbbtn-primary:hover {
	box-shadow: 0 12px 30px rgb(16 185 129 / .32);
	color: #10B981!important;
}

.mtpbot .mbbtn svg {
	width: 20px;
	height: 20px;
	flex: none;
}

.mtpbot .hero {
	display: grid;
	grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr);
	gap: 30px;
	align-items: center;
	padding: 44px 42px 0;
	position: relative;
	overflow: hidden;
}

.mtpbot .hero:before {
	content: "";
	position: absolute;
	top: -200px;
	right: 150px;
	width: 50%;
	height: 50%;
	transform: translate(100%,60%) scale(1);
	transition: .14s ease;
	background: #28cb69;
	background: linear-gradient(120deg,#00ff66 0%,#00ff6626 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.mtpbot .hero h1 {
	max-width: 680px;
	margin-top: 20px;
	color: #fff;
	font-size: clamp(35px, 4vw, 46px);
	line-height: 1.08;
	font-weight: 900;
	letter-spacing: -.045em;
}

.mtpbot .hero h1 span {
	color: #10B981;
}

.mtpbot .hero .mblead {
	max-width: 550px;
	margin-top: 18px;
	color: #baffe4;
	font-size: 16px;
	line-height: 1.75;
}

.mtpbot .hero .ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 27px;
}

.mtpbot .hero .chips {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 24px;
	padding-bottom: 40px;
}

.mtpbot .chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 12px;
	border: 1px solid #94a3b826;
	border-radius: 999px;
	background: #10b9811c;
	color: #fff;
	font-size: 12px;
	font-weight: 650;
}

.mtpbot .hero .phone-slot {
	align-self: end;
	display: flex;
	justify-content: center;
	min-width: 0;
	position: relative;
	z-index: 1;
}

.mtpbot .phone {
	width: 330px;
	max-width: 100%;
	padding: 10px;
	background: #090d13;
	border: 1px solid #293443;
	border-radius: 30px;
	box-shadow: 0 32px 75px -28px rgb(0 0 0 / .7),0 0 0 5px rgb(148 163 184 / .055);
}

.mtpbot .hero .phone {
	border-radius: 30px 30px 0 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.mtpbot .tg {
	overflow: hidden;
	background: #0e1621;
	border-radius: 21px;
	color: #e9edf1;
	font-size: 11px;
}

.mtpbot .hero .tg {
	border-radius: 21px 21px 0 0;
}

.mtpbot .tg-top {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 11px 12px;
	background: #17212b;
	border-bottom: 1px solid #25313d;
}

.mtpbot .tg-ava {
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	flex: 0 0 50px;
	border-radius: 50%;
}

.mtpbot .tg-ava img {
	width: 50px;
}

.mtpbot .tg-name {
	color: #fff;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.3;
}

.mtpbot .tg-sub {
	color: #93a1af;
	font-size: 12px;
}

.mtpbot .tg-body {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-height: 360px;
	padding: 13px 10px;
}

.mtpbot .msg {
	max-width: 88%;
	padding: 8px 10px;
	border-radius: 12px;
	color: #e9edf1;
	line-height: 1.48;
	overflow-wrap: anywhere;
}

.mtpbot .msg.in {
	align-self: flex-start;
	background: #182533;
	border-bottom-left-radius: 4px;
}

.mtpbot .msg.out {
	align-self: flex-end;
	background: #2b5278;
	border-bottom-right-radius: 4px;
}

.mtpbot .msg b {
	color: #fff;
}

.mtpbot .msg i {
	color: #b0c0d0;
}

.mtpbot .msg code {
	color: #ffadad;
	font-size: 12px;
}

.mtpbot .msg .ln {
	display: block;
}

.mtpbot .msg .sm {
	display: block;
	padding-left: 18px;
	color: #b7c4d1;
	font-size: 12px;
}

.mtpbot .kb {
	display: grid;
	align-self: flex-start;
	gap: 4px;
	width: 96%;
	margin-top: -2px;
}

.mtpbot .kb .kbrow {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0,1fr);
	gap: 4px;
}

.mtpbot .kb span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding: 8px 5px;
	border-radius: 8px;
	background: rgb(91 140 196 / .22);
	color: #e9edf1;
	font-size: 11px;
	font-weight: 650;
	line-height: 1.35;
	text-align: center;
	overflow-wrap: anywhere;
}

.mtpbot .kb span.on {
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / .28);
}

.mtpbot .tg-menu {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 5px;
	padding: 8px;
	background: #17212b;
}

.mtpbot .tg-menu span {
	padding: 9px 5px;
	border-radius: 8px;
	background: #232e3c;
	color: #e9edf1;
	font-size: 12px;
	font-weight: 650;
	text-align: center;
}

.mtpbot .tg-input {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 12px;
	background: #17212b;
	border-top: 1px solid #25313d;
	color: #93a1af;
	font-size: 13px;
}

.mtpbot .tg-input .ph {
	flex: 1;
}

.mtpbot .tg-input .send {
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
	border-radius: 50%;
	background: #059669;
}

.mtpbot .features {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 17px;
}

.mtpbot .feat {
	display: flex;
	flex-direction: column;
	gap: 11px;
	padding: 25px;
	border-radius: 15px;
	min-width: 0;
	transition: transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease,background 0.25s ease;
}

.mtpbot .feat:hover {
	transform: translateY(-4px);
	border-color: rgb(59 227 149 / .15);
	box-shadow: 0 14px 35px rgb(0 0 0 / .06),0 4px 12px rgb(137 86 251 / .06);
}

.mtpbot .ico {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	flex: 0 0 auto;
	background: rgb(59 227 149 / .05);
	border: 1px solid rgb(59 227 149 / .15);
	border-radius: 12px;
	font-size: 16px;
	color: #10b981;
}

.mtpbot .feat h3 {
	color: var(--color-4);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -.01em;
}

.dark .mtpbot .feat h3 {
	color: #fff;
}

.mtpbot .feat p {
	color: #718492;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.65;
}

.mtpbot .feat .tag {
	align-self: flex-start;
	color: #10B981;
	font-size: 12px;
	font-weight: 900;
}

.mtpbot .showcase {
	padding: 34px 26px;
}

.mtpbot .phones {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	justify-items: center;
	gap: 24px;
	margin-top: 28px;
	position: relative;
	z-index: 1;
}

.mtpbot .phones>* {
	min-width: 0;
	max-width: 100%;
}

.mtpbot .ph-cap {
	margin-top: 15px;
	text-align: center;
}

.mtpbot .ph-cap b {
	display: block;
	color: #0f172a;
	font-size: 15px;
	font-weight: 900;
}

.dark .mtpbot .ph-cap b {
	display: block;
	color: #f9fafb;
	font-size: 15px;
	font-weight: 900;
}

.mtpbot .ph-cap span {
	color: #64748b;
	font-size: 13px;
}

.dark .mtpbot .ph-cap span {
	color: #9ca3af;
	font-size: 13px;
}

.mtpbot .showcase .tg-body {
	min-height: 400px;
}

.mtpbot .how {
	padding: 38px 26px;
}

.mtpbot .steps {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 17px;
	margin-top: 27px;
}

.mtpbot .step {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 9px;
	padding: 27px 20px;
	border-radius: 15px;
	text-align: center;
	border: 1px solid rgb(255 255 255 / .18);
	border-radius: 15px;
	background: rgb(0 30 18 / .22);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	overflow: hidden;
	transition: transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.mtpbot .step::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -100px;
	width: 220px;
	height: 180px;
	transform: translateX(-50%);
	background: radial-gradient(circle,rgb(255 255 255 / .12) 0%,#fff0 70%);
	pointer-events: none;
	z-index: 0;
}

.mtpbot .step:hover {
	transform: translateY(-4px);
	background: rgb(0 30 18 / .32);
	border-color: rgb(255 255 255 / .30);
	box-shadow: 0 15px 35px rgb(0 0 0 / .12),inset 0 1px 0 rgb(255 255 255 / .08);
}

.mtpbot .ring {
	display: grid;
	place-items: center;
	width: 110px;
	height: 110px;
	flex: 0 0 110px;
	margin-bottom: 8px;
	border-radius: 50%;
	background: conic-gradient(#10B981 0 var(--p,33%),rgb(16 185 129 / .15) 0);
}

.mtpbot .ring i {
	display: grid;
	place-items: center;
	width: 78px;
	height: 78px;
	border-radius: 50%;
	background: var(--color-2);
	color: #10B981;
	font-size: 30px;
	font-style: normal;
}

.mtpbot .step h3 {
	color: #fff;
	font-size: 19px;
	font-weight: 900;
	line-height: 1.4;
}

.mtpbot .step .s-sub {
	color: #2fdba2;
	font-size: 14px;
	font-weight: 900;
}

.mtpbot .step p {
	max-width: 290px;
	color: rgb(255 255 255 / .78);
	font-size: 14px;
	line-height: 1.7;
}

.mtpbot .how .center {
	display: flex;
	justify-content: center;
	margin-top: 27px;
}

.mtpbot .split {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 18px;
}

.mtpbot .sc {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border: 1px solid rgb(127 127 127 / .08);
	border-radius: 11px;
	background: var(--color-1);
	margin-bottom: 7px;
}

.mtpbot .sc code {
	color: #10B981;
	font-size: 13px;
	overflow-wrap: anywhere;
}

.mtpbot .sc span {
	color: #64748b;
	font-size: 13px;
	text-align: right;
}

.dark .mtpbot .sc span {
	color: #9ca3af;
}

.mtpbot .cmds {
	display: grid;
	grid-template-columns: auto minmax(0,1fr);
	gap: 10px 16px;
	font-size: 14px;
}

.mtpbot .cmds code {
	color: #10B981;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.mtpbot .cmds span {
	min-width: 0;
	color: #475569;
	overflow-wrap: anywhere;
}

.dark .mtpbot .cmds span {
	color: #e5e7eb;
}

.mtpbot .trust {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 15px;
}

.mtpbot .trust .t {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff;
	border: 1px solid rgb(20 25 35 / .07);
	border-radius: 10px;
	padding: 20px;
	isolation: isolate;
}

.dark .mtpbot .trust .t {
	background: #171b24;
	border-color: rgb(255 255 255 / .06);
}

.mtpbot .trust .t::before {
	content: "";
	position: absolute;
	width: 190px;
	height: 190px;
	right: -95px;
	bottom: -100px;
	border-radius: 50%;
	border: 1px solid rgb(125 82 244 / .10);
	box-shadow: 0 0 0 22px rgb(125 82 244 / .025),0 0 0 44px rgb(125 82 244 / .018),0 0 0 66px rgb(125 82 244 / .012);
	z-index: -1;
	pointer-events: none;
}

.mtpbot .trust .t::after {
	content: "";
	position: absolute;
	width: 230px;
	height: 230px;
	right: -130px;
	top: -130px;
	border-radius: 50%;
	background: radial-gradient(circle,rgb(125 82 244 / .06) 0%,rgb(125 82 244 / .02) 38%,transparent 70%);
	z-index: -1;
	pointer-events: none;
}

.mtpbot .trust .t:hover {
	transform: translateY(-2px);
	border-color: rgb(16 185 129 / .24);
}

.mtpbot .trust .t b {
	display: block;
	color: #0f172a;
	font-size: 14px;
	font-weight: 900;
}

.dark .mtpbot .trust .t b {
	display: block;
	color: #f9fafb;
	font-size: 14px;
	font-weight: 900;
}

.mtpbot .trust .t span {
	color: #64748b;
	font-size: 13px;
	line-height: 1.6;
}

.dark .mtpbot .trust .t span {
	color: #9ca3af;
}

.mtpbot .final {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	padding: 46px 25px;
	text-align: center;
}

.mtpbot .final h2 {
	max-width: 760px;
	color: #fff;
	font-size: clamp(26px, 3vw, 36px);
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -.035em;
}

.mtpbot .final p {
	max-width: 570px;
	color: #dcffeb;
	font-size: 16px;
	line-height: 1.75;
}

.mtpbot .final .handle {
	color: #6ee7b7;
	font-weight: 900;
}

.mtpbot .faq-tabs-content .faq-wrapper {
	grid-template-columns: repeat(2,1fr);
}

@media (max-width:1024px) {
	.mtpbot {
		padding: 24px 16px 40px;
	}

	.mtpbot .hero {
		grid-template-columns: minmax(0,1fr);
		padding: 36px 28px 0;
	}

	.mtpbot .hero h1 {
		max-width: 760px;
		font-size: clamp(36px, 5vw, 46px);
	}

	.mtpbot .hero .mblead {
		max-width: 680px;
	}

	.mtpbot .hero .phone-slot {
		padding-top: 10px;
	}

	.mtpbot .features,.mtpbot .phones {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.mtpbot .trust {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.mtpbot .phones>:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}

@media (max-width:720px) {
	.team-wrapper .team-item .team-img img {
		height: auto;
	}

	.mtpbot {
		padding: 16px 11px 30px;
		font-size: 14px;
	}

	.mtpbot .wrap {
		gap: 19px;
	}

	.mtpbot .eyebrow {
		display: flex;
		width: max-content;
		margin: auto;
	}

	.mtpbot .mbcard,.mtpbot .glow {
		border-radius: 15px;
	}

	.mtpbot .hero {
		gap: 22px;
		padding: 27px 18px 0;
	}

	.mtpbot .hero h1 {
		margin-top: 15px;
		font-size: clamp(30px, 8vw, 38px);
		letter-spacing: -.035em;
		text-align: center;
	}

	.mtpbot .hero .mblead {
		margin-top: 14px;
		font-size: 15px;
		line-height: 1.7;
		text-align: center;
	}

	.mtpbot .hero .ctas {
		position: relative;
		gap: 10px;
		margin-top: 22px;
	}

	.mtpbot .hero .ctas .mbbtn {
		width: 100%;
	}

	.mtpbot .hero .chips {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 7px;
		position: relative;
		margin-top: 19px;
		padding-bottom: 28px;
	}

	.mtpbot .hero .chips .chip:last-child {
		grid-column: 1 / -1;
	}

	.mtpbot .chip {
		padding: 6px 10px;
		font-size: 11px;
		border: 1px solid #94a3b826;
		background: #dffff41c;
		justify-content: center;
	}

	.mtpbot .hero .phone-slot {
		margin: 0 -5px;
	}

	.mtpbot .phone {
		width: 330px;
	}

	.mtpbot .features,.mtpbot .phones,.mtpbot .steps,.mtpbot .split,.mtpbot .faq-list,.mtpbot .trust {
		grid-template-columns: minmax(0,1fr);
	}

	.mtpbot .feat {
		padding: 21px;
	}

	.mtpbot .showcase,.mtpbot .how,.mtpbot .faq {
		padding: 25px 17px;
	}

	.mtpbot .phones {
		gap: 25px;
	}

	.mtpbot .phones>:last-child:nth-child(odd) {
		grid-column: auto;
	}

	.mtpbot .showcase .phone {
		width: min(330px, 100%);
	}

	.mtpbot .showcase .tg-body {
		min-height: 350px;
	}

	.mtpbot .steps {
		gap: 12px;
	}

	.mtpbot .step {
		padding: 23px 17px;
	}

	.mtpbot .sec-head h2,.mtpbot .final h2 {
		font-size: 26px;
	}

	.mtpbot .sec-head p {
		font-size: 14px;
	}

	.mtpbot .mbbtn {
		min-height: 46px;
		padding: 12px 16px;
	}

	.mtpbot .sc {
		grid-template-columns: minmax(0,1fr);
		gap: 5px;
	}

	.mtpbot .sc span {
		text-align: left;
	}

	.mtpbot .trust {
		gap: 10px;
	}

	.mtpbot .trust .t {
		padding: 17px;
	}

	.mtpbot .final {
		padding: 33px 18px;
	}

	.mtpbot .final p {
		font-size: 14px;
	}

	.mtpbot .faq-tabs-content .faq-wrapper {
		grid-template-columns: repeat(1,1fr);
	}
}

@media (max-width:380px) {
	.mtpbot {
		padding-right: 8px;
		padding-left: 8px;
	}

	.mtpbot .hero {
		padding-right: 14px;
		padding-left: 14px;
	}

	.mtpbot .hero h1 {
		font-size: 29px;
	}

	.mtpbot .kb span {
		padding-right: 3px;
		padding-left: 3px;
		font-size: 11px;
	}
}

@media (prefers-reduced-motion:reduce) {
	.mtpbot *,.mtpbot *::before,.mtpbot *::after {
		scroll-behavior: auto!important;
		animation-duration: .01ms!important;
		animation-iteration-count: 1!important;
		transition-duration: .01ms!important;
	}
}

@font-face {
	font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal;
}

:root {
	--swiper-theme-color: #007aff;
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block;
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
	box-sizing: content-box;
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
	transform: translateZ(0);
}

.swiper-horizontal {
	touch-action: pan-y;
}

.swiper-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
	height: auto;
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform,height;
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-3d {
	perspective: 1200px;
}

.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
	transform-style: preserve-3d;
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
	background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left,#00000080,#0000);
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right,#00000080,#0000);
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top,#00000080,#0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom,#00000080,#0000);
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: #fff0;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translateZ(0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
	display: none!important;
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: var(--swiper-pagination-bottom,8px);
	top: var(--swiper-pagination-top,auto);
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33);
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius,50%);
	background: var(--swiper-pagination-bullet-inactive-color,#000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet:only-child {
	display: none!important;
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity,1);
	background: var(--swiper-pagination-color,var(--swiper-theme-color));
}

.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {
	right: var(--swiper-pagination-right,8px);
	left: var(--swiper-pagination-left,auto);
	top: 50%;
	transform: translate3d(0,-50%,0);
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
	display: block;
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform,.2s top;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translate(-50%);
	white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s right;
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color,inherit);
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color,rgb(0 0 0 / .25));
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color,var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size,4px);
	left: 0;
	top: 0;
}

.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
	width: var(--swiper-pagination-progressbar-size,4px);
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-lock {
	display: none;
}