/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

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

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer
}

button {
	background-color: transparent;
	color: inherit;
	border-width: 0;
	padding: 0;
	cursor: pointer
}

figure {
	margin: 0
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0
}

ul,
ol,
dd {
	margin: 0;
	padding: 0;
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: inherit;
	font-weight: inherit
}

p {
	margin: 0
}

cite {
	font-style: normal
}

fieldset {
	border-width: 0;
	padding: 0;
	margin: 0
}

html {
	font-size: 10px
}

body {
	font-family: "Poppins",sans-serif;
	background: #fff;
	font-size: 1.25vw;
	letter-spacing: 0px;
	overflow-x: hidden !important;
	width: 100%;
	counter-reset: codeLineNo;
	color: #727781
}

img {
	width: 100%
}

a:hover {
	text-decoration: none;
	color: #3aae97
}

.main {
	width: 100%;
	/* overflow-x: hidden */
}

.cm-line-break {
	display: block
}

.set-bg {
	background-size: cover
}

.set-bg .fetch-img-src {
	display: none
}

.overlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	visibility: hidden;
	opacity: 0;
	z-index: 0;
	transition: all 0.2s ease-in-out
}

.overlay.active {
	visibility: visible;
	opacity: 1;
	z-index: 20
}

.hide-desktop {
	display: none
}

.hidden-md {
	display: none !important
}

.container {
	max-width: 80vw
}

.container:after {
	content: '';
	display: table;
	clear: both
}

@media (max-width: 992px) {
	.container {
		max-width: 90vw
	}
	body.disable-scroll {
		overflow: hidden
	}
	.hidden-xs {
		display: none !important
	}
	html {
		font-size: 13px
	}
	.main.epos-main {
		overflow-x: inherit
	}
}

@media (max-width: 767px) {
	body {
		font-size: 1.2rem
	}
	.hide-desktop {
		display: block
	}
	.hidden-card-xs {
		display: none !important
	}
	.hidden-xs {
		display: none !important
	}
	.hidden-md {
		display: inline-block !important
	}
	.container {
		padding: 0 18px;
		max-width: 100%
	}
	html {
		font-size: 13px
	}
}

@media (max-width: 568px) {
	html {
		font-size: 12px
	}
}

@media (max-width: 400px) {
	html {
		font-size: 10px
	}
}

.btn {
	border: 1px solid #3aae97;
	color: #3aae97;
	letter-spacing: 1px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
	outline: none
}

.btn.btn-border {
	font-size: 1.09375vw;
	line-height: 1.09375vw;
	text-transform: uppercase;
	padding: 1.64063vw 2.34375vw;
	border-radius: 2.73438vw;
	background-position: center;
	transition: background 0.4s;
	box-shadow: none
}

.btn.btn-border .icon {
	display: inline-block;
	transition: transform 0.4s ease-out
}

.btn.btn-border:hover {
	background: #6cc0af radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #3aae97 1%) center/15000%;
	color: #fff
}

.btn.btn-border:hover .icon {
	transform: translateX(5px) scale(1.06)
}

.btn.btn-border:active {
	background-color: #3aae97;
	background-size: 100%;
	transition: background 0s;
	color: #fff
}

.btn.btn-primary {
	color: #fff;
	font-size: 1.09375vw;
	line-height: 1.09375vw;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 1.71875vw 2.34375vw;
	border-radius: 2.34375vw;
	outline: none;
	border-color: #3aae97;
	background-color: #3aae97;
	background-position: center;
	transition: background 0.4s;
	min-width: 15.625vw
}

.btn.btn-primary:focus {
	box-shadow: 0 .3125vw .625vw 0 rgba(0, 0, 0, 0.1)
}

.btn.btn-primary:not(:disabled):not(.disabled):active {
	background-color: #3aae97;
	border-color: #3aae97
}

.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 .3125vw .625vw 0 rgba(0, 0, 0, 0.1)
}

.btn.btn-primary:hover {
	background: #3aae97 radial-gradient(circle, #6cc0af 1%, #3aae97 1%) center/15000%;
	color: #fff
}

.btn.btn-primary:hover .icon {
	transform: translateX(5px) scale(1.06)
}

.btn.btn-primary:active {
	background-color: #3aae97;
	background-size: 100%;
	color: #fff;
	transition: background 0s
}

.btn.btn-gradient {
	background: #48c993;
	background: -moz-linear-gradient(left, #48c993 27%, #3aae97 100%);
	background: -webkit-linear-gradient(left, #48c993 27%, #3aae97 100%);
	background: linear-gradient(to right, #48c993 27%, #3aae97 100%)
}

.btn.btn-link {
	padding: .39063vw 0;
	font-size: 1.25vw;
	border: 0;
	border-radius: 0;
	box-shadow: none
}

.btn.btn-link .icon {
	display: inline-block;
	vertical-align: middle;
	margin-left: .15625vw;
	font-size: 1.01563vw
}

.btn.btn-link:hover {
	text-decoration: none;
	color: #3aae97
}

.btn.no-cursor:not(:disabled):not(.disabled) {
	cursor: none
}

.form-control {
	font-size: 1.25vw;
	line-height: 1.25vw;
	border: 0;
	border-radius: 3.125vw;
	padding: 1.48438vw 2.34375vw
}

@media (max-width: 992px) {
	.btn.btn-border {
		padding: 1.8rem 3.2rem;
		border-radius: 60px;
		font-size: 1.2rem;
		line-height: 1.2rem
	}
	.btn.btn-primary {
		padding: 1.8rem 3.2rem;
		border-radius: 60px;
		font-size: 1.4rem;
		line-height: 1.4rem;
		min-width: 200px
	}
	.form-control {
		padding: 1.4rem 3rem;
		border-radius: 60px;
		font-size: 1.4rem;
		line-height: 1.4rem;
		min-width: 200px
	}
}

@media (max-width: 767px) {
	.btn.btn-primary,
	.btn.btn-border {
		padding: 1.5rem 5rem
	}
	.btn.typ-big {
		min-width: 18rem
	}
}

.tabs:after {
	content: "";
	display: table;
	clear: both
}

.tabs .tab-links {
	width: 35%;
	border-left: 1px solid #dadada;
	padding-left: 3.08594vw;
	position: relative;
	float: right
}

.tabs .tab-links .tab-link {
	opacity: 0.24;
	cursor: pointer
}

.tabs .tab-links .tab-link.active {
	opacity: 1
}

.tabs .tab-links .tab-link.active .title {
	color: #1f2020
}

.tabs .tab-links .tab-link .title {
	font-weight: 600;
	font-size: 1.64063vw;
	line-height: 1.66406vw;
	color: #040404;
	text-transform: uppercase
}

.tabs .tab-links .tab-link .desc {
	font-size: 1.09375vw;
	line-height: 1.64063vw;
	color: #727781;
	padding-top: .39063vw
}

.tabs .tab-links .tab-link:not(:last-of-type) {
	margin-bottom: 3.59375vw
}

.tabs .tab-links .indicator {
	position: absolute;
	left: -.15625vw;
	width: .23438vw;
	height: 5.85938vw;
	background: #3aae97;
	border-radius: .78125vw;
	transition: transform 0.5s ease-out;
	top: 0
}

.tabs .tab-contents {
	float: left;
	width: 65%;
	position: relative
}

.tabs .tab-contents .tab-content {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: -1;
	transform: scale(0.8);
	opacity: 0;
	transition: transform 0.4s ease-in-out, opacity 0s ease-in
}

.tabs .tab-contents .tab-content.active {
	transform: scale(1);
	z-index: 1;
	opacity: 1;
	background: #fff;
	transition: transform 0.4s ease-in-out, opacity 0.4s ease-in
}

.tabs.typ-two .tab-links {
	background: #3aae97;
	padding-left: 0;
	width: 25%;
	box-shadow: 0 41px 131px 0 rgba(55, 57, 55, 0.47);
	padding: 2.1875vw 0
}

.tabs.typ-two .tab-links .tab-link {
	color: #fff;
	opacity: 0.5;
	margin-bottom: 0;
	font-size: .85938vw;
	line-height: 1.17188vw;
	padding: 1.17188vw 0 1.17188vw .39063vw;
	position: relative;
	z-index: 2;
	border-left: 4px solid transparent;
	transition: border 0.4s ease-in, opacity 0.4s ease-in, transform 0.4s ease-in
}

.tabs.typ-two .tab-links .tab-link:before {
	content: '';
	position: absolute;
	width: 1.17188vw;
	height: 1.17188vw;
	background: #fff;
	border-radius: 50%;
	left: 1.71875vw;
	opacity: 0.2
}

.tabs.typ-two .tab-links .tab-link:hover,
.tabs.typ-two .tab-links .tab-link.active {
	opacity: 1;
	border-color: #fff
}

.tabs.typ-two .tab-links .tab-link:hover:before,
.tabs.typ-two .tab-links .tab-link.active:before {
	opacity: 0.5
}

.tabs.typ-two .tab-links .indicator {
	height: 3.51563vw;
	background: rgba(205, 205, 205, 0.45);
	width: 100%;
	border-radius: 0;
	z-index: 1;
	left: 0
}

.tabs.typ-two .tab-links.animate {
	transform: translateX(-25px) scale(1.1)
}

.tabs.typ-two .tab-contents {
	width: 75%
}

.tabs.bqr-tab .tab-content .img-wrap {
	max-width: 31.25vw;
	margin: 0 auto
}

.tabs.bqr-tab .tab-content .img-wrap img {
	max-width: 100%
}

.tabs .comp-payment-option {
	min-height: 46.875vw
}

.selected-tab-mobile {
	display: none;
	background: #fff;
	border: 1px solid #eee;
	border-radius: .3125vw;
	padding: .70313vw 1.875vw;
	font-size: 1.17188vw;
	cursor: pointer;
	width: 60%;
	margin: 0 auto 3.125vw;
	position: relative
}

.selected-tab-mobile:after {
	content: "\e909";
	font-family: "payconnect" !important;
	font-size: 1.5625vw;
	position: absolute;
	top: 1.25vw;
	right: 2.5vw;
	color: #2e2e2e;
	font-weight: bold !important
}

.selected-tab-mobile .title {
	text-transform: uppercase;
	color: #3aae97;
	font-size: .9375vw;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 2rem
}

.selected-tab-mobile .desc {
	color: #868e9c
}

@media (max-width: 992px) {
	.selected-tab-mobile {
		display: block;
		padding: 0.7rem 2.5rem;
		border-radius: 3.5rem;
		margin-bottom: 5rem
	}
	.selected-tab-mobile .title {
		font-size: 1.4rem;
		font-weight: 500
	}
	.selected-tab-mobile .desc {
		font-size: 1.1rem
	}
	.tabs .tab-links {
		position: fixed;
		top: 10%;
		left: 10%;
		z-index: -1;
		right: 10%;
		width: auto;
		opacity: 0;
		visibility: hidden;
		border-radius: 4px;
		border: 0;
		max-height: 80%;
		padding-left: 0;
		transform: scale(0.8);
		transition: all 0.3s ease-in-out;
		background: #fff
	}
	.tabs .tab-links.active {
		opacity: 1;
		visibility: visible;
		transform: scale(1);
		z-index: 99
	}
	.tabs .tab-links .indicator {
		display: none
	}
	.tabs .tab-links .tab-link {
		padding: 1.6rem .5rem 1.6rem 1.6rem;
		opacity: 1;
		margin-bottom: 0;
		position: relative
	}
	.tabs .tab-links .tab-link:before {
		content: "";
		width: 2rem;
		height: 2rem;
		display: block;
		border-radius: 50%;
		right: 1.8rem;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		background: #fff;
		border: 2px solid #838383
	}
	.tabs .tab-links .tab-link:not(:last-of-type) {
		margin-bottom: 0;
		border-bottom: 1px solid #ddd
	}
	.tabs .tab-links .tab-link .title {
		font-size: 1.2rem;
		line-height: 1.2rem
	}
	.tabs .tab-links .tab-link .desc {
		font-size: 1rem;
		line-height: 1rem;
		padding-top: .7rem
	}
	.tabs .tab-links .tab-link.active:before {
		border-color: #3aae97
	}
	.tabs .tab-links .tab-link.active:after {
		content: "";
		width: 1.6rem;
		height: 1.6rem;
		border-radius: 50%;
		right: 2rem;
		top: 50%;
		transform: translateY(-50%);
		border: 3px solid #fff;
		position: absolute;
		background: #3aae97
	}
	.tabs .tab-links .tab-link.active .title {
		color: #3aae97
	}
	.tabs .tab-contents {
		width: 100%
	}
	.tabs .tab-contents .tab-content .img-wrap {
		max-width: 35rem
	}
	.tabs .tab-contents .tab-content .img-wrap.typ-big {
		max-width: 45rem
	}
	.tabs .tab-contents .tab-content .img-wrap.typ-sm {
		max-width: 25rem
	}
	.tabs .tab-contents .tab-content.active {
		position: relative
	}
	.typ-two .selected-tab-mobile .title {
		text-transform: none
	}
}

@media (max-width: 767px) {
	.selected-tab-mobile {
		border-radius: 2.4rem;
		width: 100%;
		max-width: 40rem
	}
	.selected-tab-mobile:after {
		font-size: 1.5rem;
		position: absolute;
		top: 1.3rem;
		display:none;
		right: 2.4rem
	}
	i.fa.fa-angle-down.pull-right {
		font-size: 20px;
		padding-top: 10px;
	}
	.tabs .tab-contents .tab-content.active {
		background: transparent
	}
}

.no-uislider {
	width: 100%;
	height: 3.125vw;
	border-radius: 2.73438vw;
	border: 0
}

.no-uislider .noUi-connects {
	border-radius: 2.73438vw;
	background: linear-gradient(to right, #000 0, red 20%, #ff4800 30%, #ff9000 40%, #ffe400 55%, #0f6 65%, #00fff0 75%, #008aff 80%, #4605ff 85%, #d800ff 100%)
}

.no-uislider .noUi-handle {
	background: transparent;
	border: 0;
	box-shadow: none;
	outline: none;
	top: 0;
	width: 1.25vw;
	height: 3.125vw
}

.no-uislider .noUi-handle:after,
.no-uislider .noUi-handle:before {
	left: .07813vw;
	top: -.70313vw;
	background: transparent;
	border: 7px solid transparent;
	border-top: 7px solid #666
}

.no-uislider .noUi-handle:after {
	top: unset;
	bottom: -.70313vw;
	transform: rotate(180deg)
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
	right: -.625vw
}

@media (max-width: 992px) {
	.no-uislider {
		height: 4rem
	}
	.no-uislider .noUi-handle {
		height: 4rem;
		width: 1.2rem
	}
	.no-uislider .noUi-handle:after,
	.no-uislider .noUi-handle:before {
		left: -.1rem;
		top: -0.9rem;
		background: transparent;
		border: 7px solid transparent;
		border-top: 7px solid #666
	}
	.no-uislider .noUi-handle:after {
		top: unset;
		bottom: -0.9rem
	}
	.no-uislider .noUi-connects {
		border-radius: 4rem
	}
	html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
		right: -0.4rem
	}
}

.comp-header {
	padding: 2.5vw 0 .78125vw;
	width: 100%;
	display: inline-block;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 15;
	transition: all 0.4s ease-out;
	background: #fff
}

.comp-header .container {
	max-width: 100%;
	padding: 0 6.64063vw
}

.comp-header.nav-up {
	transform: translateY(-100%)
}

.comp-header.sticky {
	background: #fff;
	padding: 1.5625vw 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05)
}

.comp-header.sticky.typ-white {
	background: #fff
}

.comp-header.sticky.typ-white .logo a img {
	display: inline-block
}

.comp-header.sticky.typ-white .logo a img.white-logo {
	display: none
}

.comp-header.sticky.typ-white .logo a img.black-logo {
	display: inline-block
}

.comp-header.sticky.typ-white .logo a img.green-logo {
	display: none
}

.comp-header.sticky.typ-white .icon-menu {
	color: #040404
}

.comp-header.sticky.typ-white .main-nav .menu-list .nav-link a {
	color: #040404
}

.comp-header.sticky.typ-white .main-nav .menu-list .nav-link:hover a,
.comp-header.sticky.typ-white .main-nav .menu-list .nav-link.active a {
	color: #040404
}

.comp-header.sticky.typ-white .btn-border {
	border-color: #3aae97;
	color: #3aae97
}

.comp-header.typ-white {
	background: transparent
}

.comp-header.typ-white .logo a img.white-logo {
	display: inline-block
}

.comp-header.typ-white .logo a img.black-logo {
	display: none
}

.comp-header.typ-white .icon-menu {
	color: #fff
}

.comp-header.typ-white .main-nav .menu-list .nav-link a {
	color: #fff
}

.comp-header.typ-white .main-nav .menu-list .nav-link:hover a,
.comp-header.typ-white .main-nav .menu-list .nav-link.active a {
	color: #fff
}

.comp-header.typ-white .btn-border {
	border-color: #fff;
	color: #fff
}

.comp-header .logo {
	float: left
}

.comp-header .logo a {
	display: block;
	width: 15.84375vw;
}

.comp-header .logo a img {
	width: 100%
}

.comp-header .logo a img.white-logo {
	display: none
}

.comp-header .logo a img.green-logo {
	display: none
}

.comp-header .main-nav {
	float: right
}

.comp-header .main-nav .menu-list {
	display: inline-block;
	vertical-align: middle
}

.comp-header .main-nav .menu-list .nav-link {
	display: inline-block;
	position: relative;
	padding: 0
}

.comp-header .main-nav .menu-list .nav-link a {
	font-size: .9375vw;
	line-height: .9375vw;
	padding: 0 .9375vw;
	position: relative;
	opacity: 0.7;
	color: #727781;
	text-transform: uppercase
}

.comp-header .main-nav .menu-list .nav-link:hover a,
.comp-header .main-nav .menu-list .nav-link.active a {
	opacity: 1;
	color: #040404
}

.comp-header .close,
.comp-header .icon-menu {
	display: none;
	text-align: right
}

.comp-header .btn-border {
	font-size: .85938vw;
	line-height: .83594vw;
	margin-left: .9375vw;
	box-shadow: none;
	padding: .9375vw 2.8125vw
}

@media (max-width: 992px) {
	.comp-header {
		padding: 1.6rem 1.5rem 1.6rem 1.8rem
	}
	.comp-header.sticky {
		padding: 1.4rem 1.8rem 1.4rem
	}
	.comp-header.sticky .close {
		right: 1.8rem;
		top: 1.4rem
	}
	.comp-header.typ-white .main-nav .menu-list .nav-link a {
		color: #727781
	}
	.comp-header.typ-white .main-nav .menu-list .nav-link.active a {
		color: #040404
	}
	.comp-header.typ-white .btn.btn-border {
		color: #3aae97;
		border-color: #3aae97
	}
	.comp-header.typ-white .logo a img.green-logo {
		display: none
	}
	.comp-header .logo h1 {
		font-size: 3.2rem;
		line-height: 3.2rem
	}
		.comp-header .logo a {
			width: 15.7rem;
		}
	.comp-header .container {
		padding: 0
	}
	.comp-header .main-nav {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: auto;
		transition: all 0.4s ease-in-out;
		transform: translateX(100%);
		background: #fff;
		z-index: 9;
		text-align: center
	}
	.comp-header .main-nav.active {
		transform: translateX(0%)
	}
	.comp-header .main-nav ul.menu-list {
		display: block;
		margin-top: 4.2rem
	}
		.comp-header .main-nav ul.menu-list .nav-link {
			display: block;
			padding: 1.4rem 0;
			border-bottom: 0.5px solid #ddd;
		}
	.comp-header .main-nav ul.menu-list .nav-link a {
		font-size: 1.6rem
	}
	.comp-header .btn-border {
		margin-left: 0;
		margin-top: 2.4rem;
		padding: 1.4rem 4.8rem;
		font-size: 1.2rem;
		line-height: 1.2rem
	}
	.comp-header .icon-menu {
		font-size: 2rem;
		position: static;
		float: right;
		line-height: 3.2rem;
		margin-top: 0;
		display: block;
		width: 3.2rem;
		height: 3.2rem;
		cursor: pointer;
		text-align: center
	}
	.comp-header .close {
		display: block;
		font-size: 1.6rem;
		height: 3.2rem;
		line-height: 3.2rem;
		text-align: center;
		position: absolute;
		right: 2rem;
		top: 1.6rem;
		width: 3.2rem;
		cursor: pointer;
		color: #000;
		opacity: 1
	}
}

.comp-footer {
	background: #000;
	font-size: .9375vw;
	line-height: 1.71875vw;
	color: #737373;
	padding: 4.375vw 0 0;
}

.comp-footer .container {
	max-width: 100%;
	padding: 0 6.64063vw
}

.comp-footer .list-title {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 1.09375vw;
	line-height: 1.09375vw;
	color: #d8d8d8;
	margin-bottom: 1.25vw
}

.comp-footer .item {
	text-transform: capitalize
}

.comp-footer .item a {
	display: block
}

/* .comp-footer .about-us .logo {
	max-width: 5.9375vw;
	margin-bottom: 1.25vw
} */

.comp-footer .about-us .logo {
    max-width: 12.9375vw;
    margin-bottom: 1.25vw;
}

.comp-footer .social-list {
    margin-top: 2.28125vw;
    color: #afafaf;
    display: inline-block;
    font-size: 1.40625vw;
}

.comp-footer .social-list .item {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.875vw
}

.comp-footer .icon {
	color: #afafaf;
	display: inline-block;
	font-size: 1.40625vw
}

.comp-footer .svg-icon-hover {
	vertical-align: top
}

.comp-footer .svg-icon-hover-mobile {
	vertical-align: top;
	margin-top: 3px
}

.comp-footer a:hover .icon {
	color: #3aae97
}

.comp-footer a:hover .svg-icon-hover path {
	fill: #3aae97
}

.comp-footer .copyrights {
	font-size: .78125vw;
	margin-top: .78125vw
}

.comp-footer.num li {
	list-style: decimal
}

.comp-footer.sub-footer {
	padding: 1.375vw 0 4.375vw
}

@media (max-width: 992px) {
	.comp-footer {
		padding: 2.4rem 0;
		font-size: 1.2rem;
		line-height: 1.7rem
	}
	.comp-footer.sub-footer {
		padding: 1.4rem 0 2.4rem
	}
	.comp-footer.sub-footer .list-title {
		line-height: 28px
	}
	.comp-footer .list-title {
		font-size: 1.6rem;
		margin-bottom: 1.7rem
	}
	.comp-footer .social-list .icon {
		font-size: 1.6rem
	}
	.comp-footer .col-sm-12 {
		margin-bottom: 4.7rem
	}
	.comp-footer a {
		font-size: 1.4rem;
		line-height: 3.2rem
	}
	.comp-footer .title {
		font-size: 1.6rem
	}
	.comp-footer .copy-right {
		margin: 0
	}
	.comp-footer .copyrights {
		font-size: 1.2rem;
		margin-top: 1rem
	}
	.comp-footer .about-us .logo {
		max-width: inherit;
		width: 4.7rem;
		margin-bottom: 1.7rem
	}
	.comp-footer .about-us,
	.comp-footer .social-list {
		display: none
	}
	.comp-footer .about-us.hide-desktop,
	.comp-footer .social-list.hide-desktop {
		display: block;
		margin-bottom: 4rem
	}
	.comp-footer .hide-desktop {
		display: block
	}
	.comp-footer .hide-desktop .social-list {
		margin-top: 0;
		display: block
	}
		.comp-footer .about-us .logo {
			max-width: inherit;
			width: 15.7rem;
			margin-bottom: 1.7rem;
		}
}

.yt-cont {
	position: absolute !important;
	min-width: 100%;
	min-height: 100%;
	background-size: 110% 110% !important;
	left: 0;
	top: 0;
	z-index: -1;
	overflow-x: hidden
}

.mbYTP_wrapper {
	transform: scale(1.2);
	position: absolute !important
}

.mbYTP_wrapper iframe {
	background-size: cover
}

.comp-banner {
	padding: 12.8125vw 0 10vw;
	position: relative;
	height: 100vh
}

.comp-banner .banner-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2
}

.comp-banner .fullscreen-bg {
	position: static;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
	width: 100%;
	opacity: 1
}

.comp-banner .fullscreen-bg video {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%
}

.comp-banner #bgndVideo {
	background: #000
}

.comp-banner .text-reveal {
	overflow: hidden
}

.comp-banner .text-reveal .copy {
	display: none
}

.comp-banner .text-reveal .copy:first-child {
	display: inline
}

.comp-banner .banner-content {
	position: relative;
	width: 34.14063vw;
	float: left
}

.comp-banner .banner-content .title {
	font-weight: 600;
	font-size: 3.28125vw;
	line-height: 4.44531vw;
	color: #040404
}

.comp-banner .banner-content .title .swapping-text {
	color: #3aae97
}

.comp-banner .banner-content .subtitle {
	font-weight: 600;
	font-size: 2.1875vw;
	line-height: 2.8125vw;
	color: #040404;
	padding: 1.64063vw 0 4.375vw
}

.comp-banner .banner-content .subtitle .text {
	color: #ffdc2a
}

.comp-banner .banner-content .subtitle>span {
	display: inline-block;
	vertical-align: top;
	height: 2.8125vw;
	line-height: 2.8125vw
}

.comp-banner .banner-content .desc {
	font-size: 1.40625vw;
	line-height: 2.03125vw;
	padding: .9375vw 0 2.8125vw;
	color: #727781
}

.comp-banner .banner-content .desc a {
	color: #3aae97;
	text-transform: uppercase
}

.comp-banner .banner-content .tag {
	position: absolute;
	left: 0;
	top: -3.67188vw;
	border-radius: 1.5625vw;
	background-color: rgba(255, 255, 255, 0.16);
	font-size: .9375vw;
	line-height: .9375vw;
	color: #fff;
	padding: .23438vw .78125vw
}

.comp-banner .banner-content .tag .active {
	min-width: 5.625vw;
	height: 1.5625vw;
	border-radius: 1.5625vw;
	font-size: .78125vw;
	letter-spacing: 1px;
	line-height: 1.5625vw;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	background: #667eea;
	background: -moz-linear-gradient(-45deg, #667eea 0%, #764ba2 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #667eea), color-stop(100%, #764ba2));
	background: -webkit-linear-gradient(-45deg, #667eea 0%, #764ba2 100%);
	background: -o-linear-gradient(-45deg, #667eea 0%, #764ba2 100%);
	background: -ms-linear-gradient(-45deg, #667eea 0%, #764ba2 100%);
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)
}

.comp-banner .banner-content .tag .active .icon {
	color: #ffc42a;
	line-height: 1.5625vw;
	font-size: 1.40625vw
}

.comp-banner .banner-content .tag .active span {
	display: inline-block;
	vertical-align: top
}

.comp-banner .banner-content .tag .inactive {
	display: inline-block;
	vertical-align: middle
}

.comp-banner .banner-content .btn-primary+.btn-primary {
	margin-left: 1.5rem
}

.comp-banner .banner-infography {
	position: relative;
	width: 42.96875vw;
	margin-top: -1.17188vw;
	float: left
}

.comp-banner .comp-bqr-pay {
	margin-left: 12.65625vw;
	box-shadow: 0 22px 32px 0 rgba(156, 156, 156, 0.09)
}

.comp-banner .comp-bqr-pay.img-shadow-none {
	box-shadow: none
}

.comp-banner .comp-personalized-pay {
	padding-left: 10.15625vw
}

.comp-banner .comp-personalized-pay.typ-btn-pg {
	padding-left: 6.95313vw
}

.comp-banner .comp-tooltip {
	position: absolute
}

.comp-banner .comp-tooltip.first {
	top: 3.125vw;
	right: -1.25vw
}

.comp-banner .comp-tooltip.second {
	bottom: 7.03125vw;
	left: 1.40625vw
}

.comp-banner .comp-tooltip.third {
	bottom: 8.125vw;
	right: -2.57813vw
}

.comp-banner .comp-tooltip.forth {
	top: 4.6875vw;
	left: 4.6875vw
}

.comp-banner .comp-tooltip.fifth {
	top: 10.9375vw;
	right: -5.85938vw
}

.comp-banner .comp-tooltip.sixth {
	bottom: 12.10938vw;
	left: 5.46875vw
}

.comp-banner .comp-tooltip.seventh {
	top: 10.625vw;
	right: 3.90625vw
}

.comp-banner .comp-tooltip.eighth {
	top: 3.4375vw;
	left: -5.15625vw
}

.comp-banner .comp-tooltip.ninth {
	top: 15.625vw;
	left: -6.71875vw
}

.comp-banner .comp-tooltip.ten {
	top: 12.5vw;
	left: 3.28125vw
}

.comp-banner .comp-tooltip.eleven {
	bottom: 5.07813vw;
	right: -.9375vw
}

.comp-banner .comp-tooltip.twelve {
	top: 10.15625vw;
	right: 1.25vw
}

.comp-banner .comp-tooltip.thirteen {
	top: 3.98438vw;
	left: 5.39063vw
}

.comp-banner .comp-tooltip.fourteen {
	bottom: 8.4375vw;
	left: 4.45313vw
}

.comp-banner .comp-tooltip.fifteen {
	top: 0;
	left: 6.64063vw
}

.comp-banner .comp-tooltip.sixteen {
	bottom: 5.46875vw;
	left: 7.73438vw
}

.comp-banner .comp-tooltip.seventeen {
	bottom: 12.5vw;
	right: 5.46875vw
}

.comp-banner .comp-tooltip.eighteen {
	top: 11.95313vw;
	left: 7.03125vw
}

.comp-banner .comp-tooltip.ninteen {
	bottom: 3.75vw;
	left: 7.73438vw
}

.comp-banner .comp-tooltip.twenty {
	top: -.9375vw;
	right: 0
}

.comp-banner .animate-text .slide {
	display: none
}

.comp-banner .animate-text .slide:first-child {
	display: inline
}

/* .comp-banner .browser-animation-wrap {
	position: relative;
	margin-left: 3.125vw;
	max-width: 35.625vw
} */
.comp-banner .browser-animation-wrap {
    position: relative;
    margin-left: 3.125vw;
    max-width: 40.625vw;
}

.comp-banner .browser-animation-wrap img {
	box-shadow: 0 4px 64px 0 rgba(164, 164, 164, 0.2)
}

.comp-banner .browser-animation-wrap .mobile-img {
	position: absolute;
	max-width: 12.73438vw;
	right: -3.125vw;
	top: 7.89063vw
}

.comp-banner.typ-pg:after {
	content: '';
	width: 100%;
	position: absolute;
	height: 100%;
	background: url(../images/wave-bg.svg) no-repeat;
	background-size: 100%;
	left: 0;
	top: 68.5vh;
	z-index: -1
}

.comp-banner.typ-video {
	padding-top: 15.625vw
}

.comp-banner.typ-video:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(circle at 48% 35%, rgba(0, 0, 0, 0), #000000);
	z-index: 1
}

.comp-banner.typ-video:after {
	content: '';
	width: 100%;
	position: absolute;
	height: 100%;
	background: url(../images/wave-bg-white.svg) no-repeat;
	background-size: 100%;
	left: 0;
	top: 68.5vh;
	z-index: 2
}

.comp-banner.typ-video .banner-content {
	width: 39.0625vw;
	position: relative;
	z-index: 3
}

.comp-banner.typ-video .banner-content .title {
	color: #fff;
	font-size: 4.375vw;
	line-height: 5vw
}

.comp-banner.typ-video .banner-content .title .swapping-text {
	color: #3aae97
}

.comp-banner.typ-video .banner-content .desc {
	color: #fff
}

.comp-banner.typ-video .banner-content .subtitle {
	color: #fff
}

.comp-banner.typ-video .banner-content .btn {
	padding: 1.64063vw 1.95313vw
}

.comp-banner.typ-video .banner-content .btn.btn-primary {
	min-width: auto
}

.comp-banner.typ-video .banner-content .btn.btn-border {
	padding: 1.5625vw 1.95313vw
}

.comp-banner.typ-video .banner-content .btn-border {
	border-color: #fff;
	color: #fff;
	margin-left: .78125vw
}

.comp-banner.typ-video .banner-content .btn-border .icon {
	margin-left: .78125vw
}

.comp-banner.typ-video .banner-infography {
	padding-top: 5.46875vw;
	width: 37.03125vw;
	margin-left: 1.25vw;
	z-index: 3;
	position: absolute;
	right: 11.25vw;
	bottom: 31.01563vw;
	transform: scale(0.9);
	transform-origin: bottom right
}

.comp-banner.typ-video .banner-infography .typograph {
	opacity: 0.85;
	font-size: .625vw;
	font-weight: 300;
	line-height: 1.25vw;
	letter-spacing: 18px;
	color: #fff;
	display: block;
	text-align: right;
	position: absolute;
	left: 70%;
	transform: translateX(-45%);
	top: 7.65625vw;
	z-index: 1;
	text-transform: uppercase
}

.comp-banner.typ-video .banner-infography .comp-paymodes-card {
	position: absolute;
	left: 1.95313vw;
	top: 15.23438vw
}

.comp-banner.typ-video .banner-infography .comp-donut {
	position: absolute;
	left: 11.95313vw;
	top: 6.40625vw
}

.comp-banner.typ-video .banner-infography .comp-boundry {
	position: absolute;
	left: 24.0625vw;
	top: 11.5625vw
}

.comp-banner.typ-video+.comp-section {
	background-color: #fff;
	z-index: 4
}

.comp-banner.typ-green {
	background-image: linear-gradient(116deg, #48c993, #3aae97);
	padding-bottom: 2.34375vw;
	min-height: 40.625vw;
	height: auto;
	padding-top: 10.15625vw
}

.comp-banner.typ-green:before {
	content: "";
	background: url(../images/green-banner-mask.svg) right top no-repeat;
	position: absolute;
	bottom: -1px;
	right: 0;
	height: 9.375vw;
	width: 100%;
	background-size: cover
}

.comp-banner.typ-green .banner-content {
	width: 80%;
	z-index: 2;
	padding-left: 0
}

.comp-banner.typ-green .banner-content .title {
	font-size: 4.375vw;
	line-height: 5vw;
	color: #17191d
}

.comp-banner.typ-green .banner-content .title .highlight {
	color: #fff
}

.comp-banner.typ-green .banner-content .title.covid-cor-titile {
	font-size: 4rem;
	line-height: 5rem
}

.comp-banner.typ-green .nav-scrollto {
	position: absolute;
	bottom: 9.375vw;
	z-index: 1;
	left: 0;
	width: 100%;
	background: -moz-linear-gradient(left, rgba(195, 42, 255, 0.05) 0%, rgba(195, 42, 255, 0.05) 78%, rgba(195, 42, 255, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(195, 42, 255, 0.05) 0%, rgba(195, 42, 255, 0.05) 78%, rgba(195, 42, 255, 0) 100%);
	background: linear-gradient(to right, rgba(195, 42, 255, 0.05) 0%, rgba(195, 42, 255, 0.05) 78%, rgba(195, 42, 255, 0) 100%)
}

.comp-banner.typ-green .nav-scrollto .list {
	font-size: 0;
	text-align: left
}

.comp-banner.typ-green .nav-scrollto .item {
	padding: 0;
	display: inline-block
}

.comp-banner.typ-green .nav-scrollto .item+.item {
	margin-left: 4.375vw
}

.comp-banner.typ-green .nav-scrollto .item a {
	padding: 1.48438vw 0;
	display: inline-block;
	font-size: .9375vw;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0;
	position: relative;
	opacity: 0.7;
	transition: all 0.3s ease
}

.comp-banner.typ-green .nav-scrollto .item a:before {
	content: "";
	position: absolute;
	left: 50%;
	width: 0;
	transition: all 0.3s ease;
	height: 4px;
	background: #ffb541;
	bottom: 0
}

.comp-banner.typ-green .nav-scrollto .item a:hover {
	color: #fff;
	opacity: 1
}

.comp-banner.typ-green .nav-scrollto .item a:hover:before {
	left: 0;
	width: 100%
}

.comp-banner.typ-green .nav-scrollto .item.active a {
	opacity: 1
}

.comp-banner.typ-green .nav-scrollto .item.active a:before {
	left: 0;
	width: 100%
}

.comp-banner.typ-green .banner-assets .ellipse {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	max-width: 11.48438vw
}

.comp-banner.typ-green .banner-assets .v-triangle {
	position: absolute;
	left: 0;
	bottom: 9.375vw;
	z-index: 0;
	max-width: 12.42188vw
}

.comp-banner.typ-green .banner-assets .triangle {
	position: absolute;
	right: 24%;
	max-width: 43.28125vw;
	z-index: 0;
	bottom: 9.375vw
}

.comp-banner.typ-green.typ-two {
	min-height: 35.15625vw
}

.comp-banner.typ-green.typ-two .banner-content {
	text-align: center;
	width: 100%
}

.comp-banner.typ-green.typ-two .banner-content .title {
	font-size: 3.28125vw;
	line-height: 3.28125vw;
	margin-bottom: 1.71875vw
}

.comp-banner.typ-green.typ-two .banner-content .text {
	font-size: 1.09375vw;
	line-height: 1.09375vw;
	color: #fff
}

.comp-banner.typ-green.typ-two .banner-content .btn-primary {
	background: #fff;
	color: #3aae97;
	margin: 0 1.09375vw 0 1.40625vw
}

.comp-banner.typ-green.typ-two .banner-content .btn-border {
	border-color: #fff;
	color: #fff
}

.comp-banner.typ-green.typ-two .title.typ-2 {
	font-size: 2.1875vw;
	color: #000;
	line-height: 4.14063vw;
	text-align: left
}

.comp-banner.typ-green.typ-two .title.typ-2 .highlight {
	font-size: 3.28125vw;
	color: #fff
}

.comp-banner.typ-green.typ-two.typ-enterprise {
	min-height: 38.28125vw
}

.comp-banner.typ-green.typ-three {
	background: url(../images/career-banner-bg.png) left top no-repeat;
	background-size: cover;
	min-height: 42.96875vw
}

.comp-banner.typ-green.typ-three .banner-content {
	float: none;
	width: auto
}

.comp-banner.typ-green.typ-three .title {
	color: #fff;
	text-align: center
}

.comp-banner.typ-green.typ-three+.comp-section {
	padding-top: 3.51563vw
}

.comp-banner.typ-personalized-pay .comp-tooltip.first {
	top: -1.71875vw;
	right: 3.125vw
}
 
.comp-banner.typ-personalized-pay .comp-tooltip.second {
	bottom: 46%;
	left: -4.29688vw
}

.comp-banner.typ-personalized-pay .comp-tooltip.third {
	bottom: 14.4%;
	left: -3.04688vw;
	right: inherit
}

.comp-banner.typ-bqr .banner-infography {
	transform: scale(0.9)
}

.comp-banner .typ-invoice .tooltip-1 {
	top: -.625vw;
	left: 7.03125vw;
	z-index: 2
}

.comp-banner .typ-invoice .tooltip-2 {
	top: 12.89063vw;
	left: 3.28125vw;
	z-index: 2
}

.comp-banner .typ-invoice .tooltip-3 {
	top: 6.25vw;
	right: -5.46875vw;
	z-index: 2;
	left: inherit
}

.comp-banner.typ-about {
	background: url(../img/about-banner.png) left top no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: auto;
	padding: 15.23438vw 0 17.1875vw;
	margin-bottom: 3.51563vw
}

.comp-banner.typ-about:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5)
}

.comp-banner.typ-about .banner-content {
	width: 100%;
	text-align: center
}

.comp-banner.typ-about .banner-content .title {
	color: #fff;
	font-size: 4.14063vw;
	line-height: 5vw
}

.comp-banner.typ-about .banner-content .subtitle {
	color: #fff;
	padding-bottom: 0;
	padding-top: 2.03125vw;
	font-size: 1.64063vw;
	font-weight: 500;
}

.comp-banner.typ-about .brand-strip {
	background: #fff;
	border-radius: .78125vw;
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.15);
	width: 100%;
	max-width: 1024px;
	padding: 2.1875vw 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -45px
}

.comp-banner.typ-about .brand-strip .item {
	display: inline-block;
	width: 24%;
	vertical-align: middle;
	text-align: center
}

.comp-banner.typ-about .brand-strip .item img {
	max-height: 3.125vw;
	width: auto
}

@media (max-width: 992px) {
	.fullscreen-bg {
		display: none
	}
}

@media (max-width: 992px) {
	.comp-banner {
		text-align: center;
		height: auto
	}
	.comp-banner.typ-pg:after {
		top: 85%
	}
	.comp-banner .banner-content {
		width: 100%;
		padding-left: 0
	}
	.comp-banner .banner-content .tag {
		width: 24rem;
		height: 2rem;
		top: -3.8rem;
		right: 0;
		margin: 0 auto;
		font-size: 1rem;
		line-height: 1.6rem;
		border-radius: 2rem;
		text-align: center;
		padding: 0.2rem 0
	}
	.comp-banner .banner-content .tag .active {
		min-width: 5.6rem;
		height: 1.6rem;
		border-radius: 2rem;
		font-size: 0.9rem;
		line-height: 1.6rem;
		margin-right: 0.5rem
	}
	.comp-banner .banner-content .tag .active .icon {
		font-size: 1.5rem;
		line-height: 1.5rem
	}
	.comp-banner .banner-content .title {
		font-size: 3.2rem;
		line-height: 4rem
	}
	.comp-banner .banner-content .title .cm-line-break {
		display: none
	}
	.comp-banner .banner-content .subtitle {
		font-size: 1.6rem;
		line-height: 2.4rem;
		font-weight: 500;
		padding: 1.2rem 0 3.6rem
	}
	.comp-banner .banner-content .subtitle>span {
		display: inline-block;
		vertical-align: top;
		height: 2.4rem;
		line-height: 2.4rem
	}
	.comp-banner .banner-content .desc {
		font-size: 1.6rem;
		line-height: 2.4rem;
		padding: 1.2rem 0 3.6rem;
		max-width: 100%
	}
	.comp-banner .banner-content .desc .cm-line-break {
		display: none
	}
	.comp-banner .banner-infography {
		width: 75%;
		margin-left: 0;
		display: none
	}
	.comp-banner.typ-video {
		background-image: linear-gradient(172deg, #48c993, #3aae97);
		padding: 11.6rem 0 11.2rem
	}
	.comp-banner.typ-video:after,
	.comp-banner.typ-video:before {
		display: none
	}
	.comp-banner.typ-video+.comp-section:after {
		content: '';
		width: 100%;
		position: absolute;
		height: 12rem;
		background: url(../images/wave-bg-white.svg) no-repeat;
		background-position: right top;
		background-size: 100%;
		top: -9rem;
		left: 0;
		z-index: 0
	}
	.comp-banner.typ-video .banner-content {
		width: 100%
	}
	.comp-banner.typ-video .banner-content .btn {
		padding: 1.2rem 3rem
	}
	.comp-banner.typ-video .banner-content .btn.btn-primary {
		background: #fff;
		color: #3aae97
	}
	.comp-banner.typ-video .banner-content .btn.btn-border {
		padding: 1.2rem 2rem
	}
	.comp-banner.typ-green {
		padding-top: 7.5rem;
		min-height: 360px
	}
	.comp-banner.typ-green .banner-content {
		text-align: left
	}
	.comp-banner.typ-green .banner-content .title .cm-line-break {
		display: block
	}
	.comp-banner.typ-green .nav-scrollto {
		white-space: nowrap;
		overflow: auto;
		bottom: 5.45rem
	}
	.comp-banner.typ-green .nav-scrollto .item a {
		padding: 1.3rem 0;
		font-size: 0.9rem
	}
	.comp-banner.typ-green .nav-scrollto .item+.item {
		margin-left: 2.4rem
	}
	.comp-banner.typ-green.typ-two {
		padding-bottom: 10.8rem
	}
	.comp-banner.typ-green.typ-two .banner-content .title {
		font-size: 3.2rem;
		line-height: 4rem;
		margin-bottom: 4rem
	}
	.comp-banner.typ-green.typ-two .banner-content .text {
		font-size: 1.6rem;
		margin-bottom: 1.5rem;
		display: block;
		line-height: 1.5rem
	}
	.comp-banner.typ-green.typ-two .title {
		text-align: center
	}
	.comp-banner.typ-green.typ-two .title.typ-2 {
		font-size: 2rem;
		line-height: 3.2rem
	}
	.comp-banner.typ-green.typ-two .title.typ-2 .highlight {
		font-size: 2.4rem;
		display: block;
		line-height: 4rem
	}
	.comp-banner.typ-about {
		padding: 13rem 0 15.7rem;
		margin-bottom: 12rem;
		background-position: center bottom;
		background-attachment: unset
	}
	.comp-banner.typ-about .banner-content .title {
		font-size: 3.4rem;
		line-height: 3.8rem
	}
	.comp-banner.typ-about .banner-content .subtitle {
		font-size: 1.4rem;
		line-height: 2rem;
		padding-top: 3.3rem
	}
	.comp-banner.typ-about .brand-strip {
		max-width: calc(100% - 3.6rem);
		padding: 2.1rem 0;
		border-radius: 1rem;
		bottom: -12rem
	}
	.comp-banner.typ-about .brand-strip .item {
		width: 49%;
		margin: 1.8rem 0
	}
	.comp-banner.typ-about .brand-strip .item img {
		max-height: 2.6rem
	}
}

@media (max-width: 768px) {
	.comp-banner.typ-green.typ-three {
		min-height: 420px
	}
	.comp-banner .fullscreen-bg {
		display: none
	}
}

@media (max-width: 767px) {
	.comp-banner {
		padding: 9.8rem 0 6.4rem
	}
	.comp-banner .banner-content .btn.btn-primary+.btn-primary {
		margin-top: 2rem
	}
	.comp-banner .banner-content .fullscreen-bg {
		display: none
	}
	.comp-banner.typ-pg:after {
		top: 95%
	}
	.comp-banner .comp-tooltip.first {
		right: -4%
	}
	.comp-banner .comp-tooltip.second {
		left: 0
	}
	.comp-banner .comp-tooltip.third {
		right: -4%
	}
	.comp-banner.typ-video:before {
		display: none
	}
	.comp-banner.typ-video .banner-infography {
		display: none
	}
	.comp-banner.typ-video .banner-content .btn.btn-primary {
		background: #fff;
		color: #3aae97;
		min-width: 22rem
	}
	.comp-banner.typ-video .banner-content .btn.btn-border {
		border-width: 0;
		box-shadow: none
	}
	.comp-banner.typ-video .banner-content .title {
		font-size: 3.2rem;
		line-height: 4rem
	}
	.comp-banner.typ-green {
		background-image: linear-gradient(40deg, #48c993, #3aae97);
		padding-bottom: 12rem;
		min-height: inherit
	}
	.comp-banner.typ-green:before {
		display: none
	}
	.comp-banner.typ-green .banner-content {
		width: 100%;
		text-align: center
	}
	.comp-banner.typ-green .banner-content .title .cm-line-break {
		display: none
	}
	.comp-banner.typ-green .nav-scrollto {
		bottom: 0;
		white-space: nowrap;
		overflow: auto
	}
	.comp-banner.typ-green .nav-scrollto .item a {
		padding: 1.5rem 0;
		font-size: 1.2rem
	}
	.comp-banner.typ-green .nav-scrollto .item+.item {
		margin-left: 2.4rem
	}
	.comp-banner.typ-green .banner-assets .v-triangle {
		bottom: 0;
		max-width: 11.8rem
	}
	.comp-banner.typ-green .banner-assets .ellipse {
		max-width: 10.9rem
	}
	.comp-banner.typ-green .banner-assets .triangle {
		display: none
	}
	.comp-banner.typ-green .banner-content {
		width: 100%
	}
	.comp-banner.typ-green .banner-content .title {
		font-size: 3rem;
		line-height: 4.0rem
	}
	.comp-banner.typ-green .banner-content .title.covid-cor-titile {
		font-size: 3rem;
		line-height: 4rem
	}
	.comp-banner.typ-green.typ-two {
		padding-bottom: 5.8rem
	}
	.comp-banner.typ-green.typ-two .banner-content .btn-primary {
		padding: 1.5rem 3.5rem;
		margin-right: 0
	}
	.comp-banner.typ-green.typ-two .banner-content .btn-border {
		margin-top: 1.4rem;
		margin-left: 0;
		padding: 1.5rem 3rem;
		border: 0
	}
	.comp-banner.typ-green.typ-two .title {
		text-align: center
	}
	.comp-banner.typ-green.typ-two .title.typ-2 {
		font-size: 2.4rem;
		line-height: 3.2rem
	}
	.comp-banner.typ-green.typ-two .title.typ-2 .highlight {
		font-size: 3.2rem;
		display: block;
		line-height: 4rem
	}
	.comp-banner.typ-green.typ-three {
		background: url(../images/career-banner-bg-mobile.png) top left no-repeat;
		background-size: cover
	}
	.comp-banner.typ-green.typ-three:before {
		content: "";
		display: block;
		height: 6.5rem;
		background: url(../images/career-banner-bg-mobile-mask.png) bottom right no-repeat;
		background-size: 100% 100%
	}
	.comp-banner.typ-green.typ-three .banner-assets {
		display: none
	}
	.comp-banner.typ-green.typ-three+.comp-section {
		padding-top: 4.8rem
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.comp-banner .banner-infography {
		width: 42.1875vw
	}
	.comp-banner.typ-video .banner-infography {
		bottom: auto
	}
}

@media (max-width: 400px) {
	.comp-banner.typ-video+.comp-section:after {
		background-size: 150%;
		top: -7rem
	}
	.comp-banner.typ-video .banner-content .btn.btn-border {
		margin-top: 1.4rem;
		margin-left: 0;
		padding: 1.5rem 3rem
	}
}

.comp-business-success .brand-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: -7.8125vw
}

.comp-business-success .brand-list .item {
	width: 20%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.comp-business-success .brand-list .item.extra-padding {
	padding-top: 7.8125vw
}

@media (max-width: 767px) {
	.comp-business-success .brand-list {
		align-items: start;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 0;
		justify-content: center
	}
	.comp-business-success .brand-list .item {
		width: 33%;
		padding: 0 0.7rem
	}
	.comp-business-success .brand-list .item .comp-brand-card {
		margin: 0.7rem 0
	}
	.comp-business-success .brand-list .item.extra-padding {
		padding-top: 0
	}
	.comp-business-success .brand-list .item:nth-child(2),
	.comp-business-success .brand-list .item:nth-child(4) {
		margin-top: 3rem
	}
}

@media (max-width: 400px) {
	.comp-business-success .brand-list .item {
		width: 33%
	}
}

.comp-testimonial .testimonial-slider {
	padding: 0 10vw 7.03125vw
}

.comp-testimonial .swiper-button-next,
.comp-testimonial .swiper-button-prev {
	top: unset;
	bottom: 0;
	background: #fff;
	border-radius: 50%;
	width: 3.75vw;
	height: 3.75vw;
	border: 1px solid #ddd;
	transition: all 0.4s ease-out
}



.comp-testimonial .swiper-button-next:hover,
.comp-testimonial .swiper-button-prev:hover {
	background: #3aae97;
	border-color: #3aae97
}

.comp-testimonial .swiper-button-next:hover:before,
.comp-testimonial .swiper-button-prev:hover:before {
	color: #fff;
	margin-left: -3px
}

.comp-testimonial .swiper-button-next {
	right: 50%;
	margin-right: -4.375vw
}



.comp-testimonial .swiper-button-next:hover:before {
	margin-left: 3px
}

.comp-testimonial .swiper-button-prev {
	left: 50%;
	margin-left: -4.375vw
}

.comp-testimonial .swiper-slide {
	width: 53.51563vw
}

.comp-testimonial .testimonial {
	border-radius: .54688vw;
	position: relative;
	min-height: 27.8125vw;
	cursor: pointer;
	color: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1)
}

.comp-testimonial .testimonial:before {
	content: "";
	position: absolute;
	background: #000;
	background: linear-gradient(0deg, #000 0%, transparent 100%);
	bottom: 0;
	left: 0;
	right: 0;
	top: 40%;
	border-radius: 0 0 7px 7px
}

.comp-testimonial .testimonial .profile-wrap {
	position: absolute;
	left: -1.64063vw;
	top: 1.64063vw;
	padding: 1.64063vw;
	background: #040404;
	border-radius: .78125vw;
	max-width: 14.21875vw;
	height: 13.4375vw;
	display: flex;
	flex-direction: column
}

.comp-testimonial .testimonial .profile-wrap .name {
	font-size: 1.64063vw;
	line-height: 2.1875vw;
	font-weight: 300
}

.comp-testimonial .testimonial .profile-wrap .designation {
	font-size: 1.09375vw;
	line-height: 1.64063vw;
	margin-top: .70313vw;
	font-weight: 300
}

.comp-testimonial .testimonial .comment {
	position: absolute;
	left: 16.875vw;
	bottom: 3.4375vw;
	right: 8.59375vw
}

.comp-testimonial .testimonial .comment .title {
	font-size: 2.1875vw;
	line-height: 2.65625vw
}



.comp-testimonial .testimonial .comment .desc {
	font-size: 1.09375vw;
	line-height: 1.64063vw;
	color: #4a4e57;
	margin-top: 1.09375vw;
	overflow: hidden;
	max-height: 11.17188vw
}

.comp-testimonial .testimonial .icon-play {
	position: absolute;
	bottom: 4.21875vw;
	right: 3.28125vw;
	width: 3.4375vw;
	height: 3.4375vw
}

.comp-testimonial .testimonial .icon-play:before {
	content: "\e901";
	font-size: 3.35938vw;
	font-family: "payconnect" !important
}

.comp-testimonial .testimonial.typ-nobg {
	background: #fff;
	border: 1px solid #eee
}

.comp-testimonial .testimonial.typ-nobg:before {
	display: none
}

.comp-testimonial .testimonial.typ-nobg .comment .title {
	color: #203152
}

.comp-testimonial .testimonial.typ-nobg .comment .title:before {
	color: #203152
}

.comp-testimonial .testimonial.typ-green .profile-wrap {
	background: #3aae97
}

@media (max-width: 992px) {
	.comp-testimonial .swiper-button-prev,
	.comp-testimonial .swiper-button-next {
		width: 4rem;
		height: 4rem
	}
	.comp-testimonial .swiper-button-prev:before,
	.comp-testimonial .swiper-button-next:before {
		line-height: 4rem;
		font-size: 1.4rem;
		left: 44%
	}
	.comp-testimonial .swiper-button-next {
		margin-right: -5rem
	}
	.comp-testimonial .swiper-button-next:before {
		left: 53%
	}
	.comp-testimonial .swiper-button-prev {
		margin-left: -5rem
	}
	.comp-testimonial .testimonial-slider {
		padding-bottom: 7rem
	}
}

@media (max-width: 767px) {
	.comp-testimonial .testimonial-slider {
		padding: 0 15% 5rem
	}
	.comp-testimonial .swiper-button-prev,
	.comp-testimonial .swiper-button-next {
		width: 3rem;
		height: 3rem
	}
	.comp-testimonial .swiper-button-prev:before,
	.comp-testimonial .swiper-button-next:before {
		font-size: 0.8rem;
		left: 44%
	}
	.comp-testimonial .swiper-button-next {
		margin-right: -3.5rem
	}
	.comp-testimonial .swiper-button-next:before {
		left: 53%
	}
	.comp-testimonial .swiper-button-prev {
		margin-left: -3.5rem
	}
	.comp-testimonial .testimonial {
		min-height: 17rem;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05)
	}
	.comp-testimonial .testimonial .profile-wrap {
		width: 8rem;
		height: 8rem;
		top: 10px;
		border-radius: 4px;
		left: -10px;
		padding: 1rem
	}
	.comp-testimonial .testimonial .profile-wrap .name {
		font-size: 1.1rem;
		line-height: 1.3rem
	}
	.comp-testimonial .testimonial .profile-wrap .designation {
		font-size: 0.7rem;
		line-height: 1rem;
		margin-top: 2px
	}
	.comp-testimonial .testimonial .comment {
		left: 9rem;
		right: 4rem;
		bottom: 2.5rem
	}
	.comp-testimonial .testimonial .comment .title {
		font-size: 1.5rem;
		line-height: 1.8rem;
		max-height: 36px;
		overflow: hidden
	}
	.comp-testimonial .testimonial .comment .title:before {
		top: -1.9rem;
		left: 0;
		font-size: 1.2rem
	}
	.comp-testimonial .testimonial .comment .desc {
		font-size: 0.9rem;
		line-height: 1.3rem;
		max-height: 5.3rem
	}
	.comp-testimonial .testimonial .icon-play {
		bottom: 3rem;
		right: 2.2rem;
		width: 2rem;
		height: 2rem
	}
}

@media (max-width: 768px) {
	.comp-testimonial .swiper-slide {
		width: 75%
	}
	.comp-testimonial .testimonial {
		min-height: 19rem
	}
	.comp-testimonial .testimonial .profile-wrap {
		width: 9rem;
		height: 7rem;
		top: 15px;
		border-radius: 3px;
		left: -15px;
		padding: 15px
	}
	.comp-testimonial .testimonial .profile-wrap .name {
		font-size: 1rem;
		line-height: 1.3rem
	}
	.comp-testimonial .testimonial .profile-wrap .designation {
		font-size: 0.7rem;
		line-height: 1.1rem;
		margin-top: 2px
	}
	.comp-testimonial .testimonial .comment {
		left: 9rem;
		right: 4rem;
		bottom: 1.8rem
	}
	.comp-testimonial .testimonial .comment .title {
		font-size: 1.3rem;
		line-height: 1.8rem;
		max-height: 47px;
		overflow: hidden
	}
	.comp-testimonial .testimonial .comment .title:before {
		top: -1.5rem;
		left: 0;
		font-size: 0.9rem
	}
	.comp-testimonial .testimonial .comment .desc {
		font-size: 0.9rem;
		line-height: 1.2rem;
		margin-top: 0.5rem;
		max-height: 46px;
		overflow: hidden
	}
	.comp-testimonial .testimonial .icon-play {
		bottom: 2.2rem;
		right: 1.4rem;
		width: 2rem;
		height: 2rem
	}
	.comp-testimonial .testimonial .icon-play:before {
		font-size: 2rem
	}
}

@media (max-width: 599px) {
	.comp-testimonial .testimonial-slider {
		padding: 0 0 15rem 0
	}
	.comp-testimonial .swiper-slide {
		width: 100%
	}
	.comp-testimonial .swiper-button-next,
	.comp-testimonial .swiper-button-prev {
		width: 4.8rem;
		height: 4.8rem
	}
	.comp-testimonial .swiper-button-next:before,
	.comp-testimonial .swiper-button-prev:before {
		left: 48%;
		font-size: 1.6rem
	}
	.comp-testimonial .swiper-button-next {
		right: 50%;
		margin-right: -5.6rem
	}
	.comp-testimonial .swiper-button-prev {
		margin-left: -5.6rem
	}
	.comp-testimonial .testimonial {
		margin-left: 15%;
		min-height: 36rem;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		border: 0;
		border-radius: 10px 0 0 10px
	}
	.comp-testimonial .testimonial .profile-wrap {
		width: 20rem;
		height: 14.6rem;
		top: unset;
		border-radius: 1rem;
		left: -2.4rem;
		max-width: inherit;
		bottom: -7.3rem;
		padding: 0.3rem 2.4rem
	}
	.comp-testimonial .testimonial .profile-wrap .name {
		font-size: 2.4rem;
		line-height: 3.2rem
	}
	.comp-testimonial .testimonial .profile-wrap .designation {
		font-size: 1.6rem;
		line-height: 2.6rem;
		margin-top: 0.8rem
	}
	.comp-testimonial .testimonial .comment {
		left: 4.6rem;
		right: 2rem;
		bottom: 8.5rem
	}
	.comp-testimonial .testimonial .comment .title {
		font-size: 2.2rem;
		line-height: 3rem;
		max-height: 11.5rem
	}
	.comp-testimonial .testimonial .comment .title:before {
		top: -2.2rem;
		left: -2.6rem;
		font-size: 2rem
	}
	.comp-testimonial .testimonial .comment .desc {
		font-size: 1.2rem;
		line-height: 1.5rem;
		max-height: 75px
	}
	.comp-testimonial .testimonial .icon-play {
		bottom: 3rem;
		right: 2.2rem;
		width: 4rem;
		height: 4rem
	}
	.comp-testimonial .testimonial .icon-play:before {
		font-size: 3.6rem
	}
}

.comp-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	width: 80%;
	margin: auto;
	z-index: 99;
	max-width: 54.6875vw;
	height: 70%
}

.comp-popup.active {
	display: block
}

.comp-popup iframe {
	width: 100%
}

.comp-popup .popup-wrap {
	display: none;
	transition: all 0.3s ease-in-out;
	transform: scale(0.8);
	background: #fff;
	border-radius: .78125vw;
	padding: 2.34375vw
}

.comp-popup .popup-wrap.active {
	transform: scale(1)
}

.comp-popup .popup-wrap .close {
	position: absolute;
	top: .39063vw;
	right: .39063vw;
	width: 1.95313vw;
	font-size: 1.5625vw;
	color: #000;
	height: 1.95313vw;
	line-height: 1.95313vw;
	text-align: center
}

@media (max-width: 767px) {
	.comp-popup .popup-wrap .close {
		font-size: 1.4rem
	}
}

.comp-manage-transaction {
	position: relative;
	padding-bottom: 5.07813vw
}

.comp-manage-transaction:before {
	content: "";
	position: absolute;
	top: 22%;
	right: 0;
	left: 48%;
	bottom: 0;
	background: #f8f8f8
}

.comp-manage-transaction .img-wrap {
	position: relative;
	max-width: 23.4375vw;
	margin: 0 auto
}

.comp-manage-transaction .img-wrap>img {
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.06)
}

.comp-manage-transaction .notification {
	position: absolute;
	min-width: 31.25vw;
	top: 38%;
	left: 13%;
	border-radius: .78125vw;
	background: #40ba95;
	overflow: hidden;
	box-shadow: 0 12px 17px rgba(0, 0, 0, 0.08);
	font-weight: 300
}

.comp-manage-transaction .notification .header {
	background: rgba(236, 236, 236, 0.25);
	padding: .625vw 1.40625vw .625vw .54688vw;
	color: #9b9b9b;
	font-size: 1.01563vw
}

.comp-manage-transaction .notification .header .icon {
	width: 1.40625vw;
	display: inline-block;
	height: 1.40625vw;
	border-radius: 5px;
	background-color: #d8efe8;
	vertical-align: middle;
	margin-right: .625vw
}

.comp-manage-transaction .notification .header .title {
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	color: #3f3821
}

.comp-manage-transaction .notification .header .note {
	float: right
}

.comp-manage-transaction .notification .note {
	color: #505050;
	font-size: .9375vw
}

.comp-manage-transaction .notification .cont {
	padding: .85938vw 1.09375vw;
	font-size: 1.17188vw;
	color: #000
}

.comp-manage-transaction .notification .cont .text {
	margin-bottom: .625vw
}

.comp-manage-transaction .notification .cont .note {
	font-size: .85938vw
}

.comp-manage-transaction .play-store-wrap {
	text-align: center;
	padding-bottom: 3.90625vw
}

.comp-manage-transaction .play-store-wrap .play-store {
	margin: 0 auto;
	max-width: 15.625vw;
	position: relative;
	z-index: 3;
	display: inline-block
}

@media (max-width: 992px) {
	.comp-manage-transaction {
		padding-bottom: 3.5rem
	}
	.comp-manage-transaction:before {
		top: 45%
	}
	.comp-manage-transaction .img-wrap {
		width: 100%;
		max-width: 270px;
		margin: 0 auto;
		transform: none
	}
	.comp-manage-transaction .notification {
		top: 32%;
		left: 50% !important;
		min-width: 310px;
		border-radius: 1rem;
		transform: translateX(-50%) !important
	}
	.comp-manage-transaction .notification .header {
		padding: .8rem 1.8rem .8rem .7rem;
		color: #9b9b9b;
		font-size: 1.3rem
	}
	.comp-manage-transaction .notification .header .icon {
		width: 1.8rem;
		display: inline-block;
		height: 1.8rem;
		border-radius: 5px;
		background-color: #d8efe8;
		vertical-align: middle;
		margin-right: .8rem
	}
	.comp-manage-transaction .notification .note {
		color: #505050;
		font-size: 1.2rem
	}
	.comp-manage-transaction .notification .cont {
		padding: 1.1rem 1.4rem;
		font-size: 1.5rem;
		color: #000
	}
	.comp-manage-transaction .notification .cont .text {
		margin-bottom: .8rem
	}
	.comp-manage-transaction .notification .cont .note {
		font-size: 1.1rem
	}
	.comp-manage-transaction .play-store-wrap {
		padding-bottom: 5rem
	}
	.comp-manage-transaction .play-store-wrap .play-store {
		max-width: 13rem
	}
}

@media (max-width: 767px) {
	.comp-manage-transaction .img-wrap {
		max-width: 188px
	}
	.comp-manage-transaction .notification {
		min-width: 225px
	}
}

.comp-branding {
	position: relative;
	padding-top: 5.07813vw
}

.comp-branding:before {
	content: "";
	position: absolute;
	top: 0%;
	left: 0;
	right: 67%;
	z-index: -1;
	bottom: 10%;
	background: #f8f8f8
}

.comp-branding .product-shop {
	float: left;
	width: 30.9375vw
}

.comp-branding .product-shop .card-wrap {
	padding: 1.66406vw 1.95313vw 3.57812vw;
	background: #fff;
	border: 1px solid #eee;
	border-radius: .28125vw;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05)
}

.comp-branding .product-shop:after {
	content: "";
	display: table;
	clear: both
}

.comp-branding .product-shop .p-desc .line1,
.comp-branding .product-shop .p-desc .line2 {
	background: #eee;
	border-radius: .39063vw;
	margin-bottom: .9375vw;
	height: 8px
}

.comp-branding .product-shop .p-desc .line1 {
	width: 75%
}

.comp-branding .product-shop .p-desc .price {
	font-weight: 700;
	font-size: 1.48438vw;
	letter-spacing: 1px
}

.comp-branding .product-shop .p-desc .price .amount {
	display: inline-block
}

.comp-branding .product-shop .p-desc .button-wrap {
	position: relative
}

.comp-branding .product-shop .p-desc .btn {
	width: 80%;
	margin: 2.34375vw auto 0;
	display: block;
	letter-spacing: .625vw;
	border: 0;
	padding: 1.79688vw 1.95313vw;
	font-size: .83594vw;
	box-shadow: 0 24px 25px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-out;
	position: relative;
	background: #ffbf00
}

.comp-branding .product-shop .p-desc .btn span {
	position: relative;
	z-index: 2
}

.comp-branding .product-shop .p-desc .btn:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(102deg, transparent 12%, rgba(0, 0, 0, 0.2) 98%);
	border-radius: 2.34vw;
	z-index: 1
}

.comp-branding .product-wrap:after {
	content: "";
	display: table;
	clear: both
}

.comp-branding .product-desc {
	float: right;
	width: 48%
}

.comp-branding .product-desc .no-uislider {
	margin-top: 3.90625vw;
	width: 22.26563vw
}

.comp-branding .gallery-wrap {
	margin-bottom: 4.29688vw
}

.comp-branding .gallery-wrap:after {
	content: "";
	display: table;
	clear: both
}

.comp-branding .main-img {
	width: 74.84269662921348%;
	float: left
}

.comp-branding .thumb-img {
	width: 20.876404494382022%;
	float: right
}

.comp-branding .thumb-img .item {
	margin-bottom: 20%
}

@media (max-width: 992px) {
	.comp-branding {
		padding-top: 0
	}
	.comp-branding:before {
		display: none
	}
	.comp-branding .product-wrap {
		position: relative;
		padding-bottom: 8rem
	}
	.comp-branding .product-wrap .p-desc .btn {
		letter-spacing: .5rem
	}
	.comp-branding .product-wrap .p-desc .btn:after {
		border-radius: 60px
	}
	.comp-branding .product-desc {
		width: 100%;
		float: none
	}
	.comp-branding .product-desc .no-uislider {
		width: 100%;
		position: absolute;
		bottom: 0;
		max-width: 400px;
		margin: 0 auto;
		right: 0;
		left: 0;
		height: 4rem
	}
	.comp-branding .gallery-wrap {
		margin-bottom: 3rem
	}
	.comp-branding .product-shop {
		width: 100%;
		clear: both;
		float: none;
		position: relative;
		margin: 60px auto 0
	}
	.comp-branding .product-shop .card-wrap {
		width: 80%;
		padding: 1.2rem 1.4rem 2.8rem;
		max-width: 300px;
		margin: 0 auto
	}
	.comp-branding .product-shop .p-desc .btn {
		font-size: 0.7rem;
		margin: 1.3rem auto 0;
		padding: 1.1rem;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1)
	}
	.comp-branding .product-shop .p-desc .line2,
	.comp-branding .product-shop .p-desc .line1 {
		height: 0.5rem;
		margin-bottom: 1rem
	}
	.comp-branding .product-shop .p-desc .price {
		font-size: 1.3rem
	}
	.comp-branding .product-shop:before {
		content: "";
		position: absolute;
		top: -30px;
		left: -100%;
		right: 38%;
		z-index: -1;
		height: 65%;
		background: #f8f8f8
	}
}

.comp-tab-wrap {
	background: url("../images/dot-bg.svg") no-repeat left top;
	padding: 3.90625vw 0 6.25vw;
	background-size: 35.15625vw
}

.comp-tab-wrap .comp-payment-option {
	width: 100%;
	max-width: 31.25vw;
	position: relative
}

.comp-tab-wrap .comp-payment-option .rhs .payment-modes {
	position: relative
}

.comp-tab-wrap .comp-payment-option .rhs .payment-modes .item {
	width: 100%;
	left: 7.1875vw
}

.comp-tab-wrap .comp-payment-option .rhs .payment-modes .item:not(:last-child) {
	margin-bottom: 2.34375vw
}

.comp-tab-wrap.typ-two .tab-content .img-wrap.typ-icon {
	max-width: 37.73438vw;
	margin: 0 auto
}

.comp-tab-wrap.typ-two .tabs .tab-links .tab-link .title {
	text-transform: none
}

@media (max-width: 992px) {
	.comp-tab-wrap {
		background-size: 100% 100%;
		background-position: left -150px top
	}
	.comp-tab-wrap .comp-payment-option {
		width: 100%;
		margin: 0 auto;
		max-width: 300px
	}
	.comp-tab-wrap .comp-payment-option .rhs .payment-modes .item:not(:last-child) {
		margin-bottom: 1.2rem
	}
	.comp-tab-wrap.typ-two {
		padding-bottom: 0
	}
	.comp-tab-wrap.typ-two .selected-tab-mobile {
		padding: 1.5rem 2.5rem
	}
	.comp-tab-wrap.typ-two .selected-tab-mobile:after {
		top: 1.3rem
	}
	.comp-tab-wrap.typ-two .selected-tab-mobile .desc {
		display: none
	}
	.comp-tab-wrap.typ-two .tab-content .desc {
		font-size: 1.2rem;
		line-height: 1.6rem;
		padding-top: 3.6rem;
		text-align: center
	}
	.comp-tab-wrap.typ-two .tab-content .img-wrap.typ-icon {
		max-width: 17rem
	}
	.comp-tab-wrap.typ-two .tab-content .img-wrap.typ-icon.typ-two {
		max-width: 30rem
	}
	.comp-tab-wrap.typ-two .tabs .tab-links .tab-link .desc {
		display: none
	}
}

@media (max-width: 568px) {
	.comp-tab-wrap .comp-payment-option {
		width: 85%
	}
}

@media (max-width: 400px) {
	.comp-tab-wrap {
		padding-bottom: 7rem;
		background-size: 90% 90%;
		background-position: -135px 79px
	}
	.comp-tab-wrap .comp-payment-option {
		width: 85%
	}
	.comp-tab-wrap .comp-payment-option .rhs .payment-modes .item {
		left: 0;
		margin-left: 8%
	}
}

.comp-global .map-wrap {
	position: relative;
	max-width: 74.6875vw;
	margin: 0 auto
}

.comp-global .map-wrap>img {
	width: 100%
}

.comp-global .currency-list .currency-icon {
	width: 6.71875vw;
	height: 6.71875vw;
	border-radius: 50%;
	background: #3aae97;
	text-align: center;
	position: absolute
}

.comp-global .currency-list .currency-icon.typ-doller {
	left: 16%;
	top: 30%
}

.comp-global .currency-list .currency-icon.typ-pound {
	left: 38%;
	top: 13%
}

.comp-global .currency-list .currency-icon.typ-euro {
	left: 63%;
	top: 12.5%
}

.comp-global .currency-list .currency-icon.typ-fijian {
	left: 40%;
	top: 55%
}

.comp-global .currency-list .currency-icon.typ-rupee {
	background: #000;
	left: 62%;
	top: 45%
}

.comp-global .currency-list .currency-icon.typ-yen {
	left: 80%;
	top: 37%
}

.comp-global .currency-list .currency-icon .icon {
	font-size: 2.73438vw;
	color: #fff;
	line-height: 6.71875vw
}

.comp-global .arrow-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.comp-global .arrow-wrap .img-wrap {
	animation: moveX 0.4s steps(2) infinite;
	width: 100%;
	height: auto
}

.comp-global .currency-arrow {
	position: absolute
}

.comp-global .currency-arrow img {
	width: 100%
}

.comp-global .currency-arrow.typ-euro {
	left: 66%;
	top: 26%;
	width: 1.48438vw;
	height: 7.5vw
}

.comp-global .currency-arrow.typ-yen {
	left: 70%;
	top: 44%;
	width: 10.85938vw;
	height: 2.03125vw
}

.comp-global .currency-arrow.typ-dollar {
	left: 17%;
	top: 32%;
	width: 33.90625vw;
	height: 6.95313vw
}

.comp-global .currency-arrow.typ-pound {
	left: 45%;
	top: 24%;
	width: 14.45313vw;
	height: 8.4375vw
}

.comp-global .currency-arrow.typ-fijian {
	left: 47%;
	top: 53%;
	width: 11.25vw;
	height: 5vw
}

@keyframes moveX {
	from {
		transform: translateY(0%)
	}
	to {
		transform: translateY(-100%)
	}
}

@media (max-width: 992px) {
	.comp-global .map-wrap {
		max-width: 100%
	}
	.comp-global .arrow-wrap {
		display: none
	}
}

@media (max-width: 767px) {
	.comp-global {
		overflow-x: hidden
	}
}

@media (max-width: 768px) and (min-width: 580px) {
	.comp-global .currency-arrow {
		transform: scale(0.48)
	}
	.comp-global .currency-arrow.typ-yen {
		transform: scale(0.48) rotate(-20deg)
	}
	.comp-global .currency-list .currency-icon.typ-rupee {
		top: 42%
	}
}

@media (max-width: 579px) {
	.comp-global .map-wrap {
		max-width: unset;
		margin: 0 -40px 0 -75px
	}
	.comp-global .currency-list .currency-icon {
		width: 2.6rem;
		height: 2.6rem
	}
	.comp-global .currency-list .currency-icon .icon {
		font-size: 1.2rem;
		line-height: 3rem
	}
	.comp-global .currency-arrow {
		transform: scale(0.35);
		transform-origin: 0 0
	}
	.comp-global .currency-arrow.typ-yen {
		transform: scale(0.35) rotate(-20deg)
	}
}

.comp-protect-trans {
	position: relative;
	margin-bottom: 6.25vw
}

.comp-protect-trans .comp-title-desc .title {
	margin-top: 6.25vw
}

.comp-protect-trans:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	background: #f8f8f8;
	width: 35%;
	bottom: 2.5vw;
	z-index: -1;
	height: 80%;
	transform: translateY(-50%)
}

.comp-protect-trans .protect-list-wrap.typ-scrollable .scrollable-block {
	animation: merchantlist 10s linear infinite
}

.comp-protect-trans .protect-list {
	position: relative;
	box-sizing: border-box;
	text-align: center
}

.comp-protect-trans .protect-list .item {
	display: inline-block;
	vertical-align: middle
}

.comp-protect-trans .protect-list .item .comp-brand-card {
	margin: 1.5625vw .78125vw;
	box-shadow: 0 5px 25px 0 rgba(156, 156, 156, 0.2)
}

@-webkit-keyframes merchantlist {
	from {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	to {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@keyframes merchantlist {
	from {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	to {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@media (max-width: 992px) {
	.comp-protect-trans .comp-title-desc {
		padding-bottom: 2.4rem
	}
	.comp-protect-trans .comp-title-desc .title {
		margin-top: 0
	}
	.comp-protect-trans:after {
		display: none
	}
	.comp-protect-trans .protect-list .item {
		width: 24%
	}
	.comp-protect-trans .protect-list .item .comp-brand-card {
		width: 92%;
		height: 0;
		padding-top: 92%
	}
}

@media (max-width: 767px) {
	.comp-protect-trans {
		margin-bottom: 6.4rem
	}
	.comp-protect-trans .protect-list {
		font-size: 0
	}
	.comp-protect-trans .protect-list .item {
		margin: 0rem;
		padding: 0.6rem;
		width: 32%
	}
	.comp-protect-trans .protect-list .item .comp-brand-card {
		width: 100%;
		padding-top: 100%;
		margin: 0
	}
	.comp-protect-trans .protect-list-wrap {
		height: auto;
		margin-left: -23%;
		margin-right: -23%
	}
	.comp-protect-trans .protect-list-wrap.typ-scrollable .scrollable-block {
		max-width: 25rem;
		margin: 0 auto
	}
}

.comp-integrate-code:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 17%;
	background: #fff
}

.comp-integrate-code .btn-wrap {
	padding-top: 3.125vw
}

.comp-integrate-code .btn-wrap .btn:last-child {
	margin-left: 1.25vw
}

.comp-integrate-code .comp-vs-code {
	height: 53.4375vw
}

@media (max-width: 992px) {
	.comp-integrate-code .comp-vs-code {
		height: auto
	}
}

@media (max-width: 767px) {
	.comp-integrate-code .btn-wrap {
		padding-top: 1.8rem;
		text-align: center
	}
	.comp-integrate-code .btn-wrap .btn {
		min-width: 55%
	}
	.comp-integrate-code .btn-wrap .btn+.btn {
		margin-top: 2rem;
		clear: both
	}
	.comp-integrate-code .btn-wrap .btn:last-child {
		margin-left: 0
	}
	.comp-integrate-code .comp-vs-code {
		height: auto;
		padding-bottom: 3rem;
		margin-top: 3rem
	}
}

@media (max-width: 992px) {
	.comp-integrate-code .comp-vs-code {
		margin-top: 3.6rem
	}
	.comp-integrate-code .comp-vs-code {
		padding-bottom: 0
	}
}

.comp-integrate-gateway {
	position: relative;
	background: url("../images/dot-bg.svg") no-repeat left -50px top;
	background-size: contain;
	background-position: -80px 0;
	height: 50.78125vw;
	padding: 10.15625vw 0 0;
	margin-bottom: 3.90625vw
}

.comp-integrate-gateway:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #3aae97;
	width: 20%;
	height: 70%;
	z-index: -1;
	opacity: 0.1
}

.comp-integrate-gateway .block-info {
	font-weight: 300;
	color: #fff;
	padding-top: 3.90625vw
}

.comp-integrate-gateway .block-info .title {
	font-size: 2.42969vw;
	line-height: 2.67188vw;
	letter-spacing: 0.11px
}

.comp-integrate-gateway .block-info .desc {
	font-size: 1.46094vw;
	line-height: 2.67188vw;
	letter-spacing: 0.11px
}

.comp-integrate-gateway .browser-animation-wrap {
	position: absolute;
	width: 40.3125vw;
	left: 15%;
	right: 0;
	top: 13.125vw;
	margin: 0 auto
}

.comp-integrate-gateway .browser-animation-wrap .comp-desktop {
	position: relative
}

.comp-integrate-gateway .browser-animation-wrap .comp-desktop.typ-mobile {
	position: absolute;
	width: 15.625vw;
	right: -7.8125vw
}

.comp-integrate-gateway .browser-animation-wrap .comp-desktop.typ-mobile .lhs {
	padding: 1.5625vw 0 1.95313vw
}

.comp-integrate-gateway .ripple-eefect-wrap {
	position: absolute;
	right: 0;
	top: 0;
	width: 46.875vw;
	height: 41.01563vw;
	overflow: hidden;
	background: #000
}

.comp-integrate-gateway .comp-payment-option .typ-desk {
	height: 32.10938vw
}

.comp-integrate-gateway .comp-payment-option.typ-mob .rhs .payment-modes {
	margin-bottom: 2.34375vw
}

.comp-integrate-gateway .comp-payment-option.typ-mob .rhs .payment-modes .item {
	padding: .39063vw 1.17188vw
}

.comp-integrate-gateway {
	padding-top: 0
}

.comp-integrate-gateway .browser-animation-wrap img {
	box-shadow: 0 4px 64px 0 rgba(164, 164, 164, 0.2)
}

.comp-integrate-gateway .browser-animation-wrap .mobile-img {
	position: absolute;
	max-width: 15.625vw;
	top: 8.125vw;
	right: -7.8125vw
}

@media (max-width: 767px) {
	.comp-integrate-gateway {
		background-size: 100% 100%;
		padding-top: 0;
		height: auto;
		margin-bottom: 0
	}
	.comp-integrate-gateway .ripple-eefect-wrap {
		display: none
	}
	.comp-integrate-gateway:after {
		display: none
	}
	.comp-integrate-gateway:before {
		width: 50%
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.comp-integrate-gateway {
		height: 70rem
	}
	.comp-integrate-gateway .browser-animation-wrap {
		width: 45%;
		left: 20%;
		bottom: unset;
		top: 40%
	}
}

@media (max-width: 767px) {
	.comp-integrate-gateway {
		background-position: -130px bottom;
		background-size: 90%;
		padding-bottom: 7rem
	}
	.comp-integrate-gateway:before {
		top: inherit;
		transform: none;
		height: 74%;
		bottom: 14px
	}
	.comp-integrate-gateway:after {
		display: none
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.comp-integrate-gateway {
		height: auto;
		background: none;
		margin-bottom: 0;
		text-align: center
	}
	.comp-integrate-gateway::before {
		display: none
	}
	.comp-integrate-gateway .ripple-eefect-wrap {
		display: none
	}
	.comp-integrate-gateway .comp-product-card {
		display: inline-block;
		vertical-align: top;
		text-align: left;
		margin-bottom: 0
	}
	.comp-integrate-gateway .comp-product-card+.comp-product-card {
		margin-left: 2rem
	}
	.comp-integrate-gateway .hidden-xs {
		display: none !important
	}
}

@media (max-width: 992px) {
	.comp-integrate-gateway .hidden-xs {
		display: none !important
	}
	.comp-integrate-gateway .comp-product-card {
		margin: 0 auto 1.2rem
	}
	.comp-integrate-gateway .comp-ripple-effect {
		display: none
	}
	.comp-integrate-gateway .ripple-eefect-wrap {
		background: transparent
	}
}

.comp-chkout-ui {
	padding-bottom: 16.40625vw;
	position: relative
}

.comp-chkout-ui:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	background: #f8f8f8;
	width: 65%;
	height: 65%;
	z-index: -1
}

.comp-chkout-ui .browser-animation-wrap {
	max-width: 56.5625vw;
	position: relative
}

.comp-chkout-ui .browser-animation-wrap .comp-desktop .browser .browser-head {
	padding: .625vw 0
}

.comp-chkout-ui .browser-animation-wrap .comp-desktop .browser .browser-head .url-input {
	height: 1.875vw
}

.comp-chkout-ui .browser-animation-wrap .comp-desktop .browser .tm-list {
	margin: 0 auto;
	max-width: 75%
}

.comp-chkout-ui .browser-animation-wrap .comp-desktop .browser .tm-list .item {
	width: 3.125vw;
	margin-right: 2.5vw
}

.comp-chkout-ui .browser-animation-wrap .comp-desktop.typ-mobile {
	width: 22.5vw;
	right: -30%
}

.comp-chkout-ui .browser-animation-wrap .comp-desktop.typ-mobile:after {
	height: 1.71875vw;
	background-size: contain
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk {
	max-width: 75%;
	margin: 0 auto;
	height: auto
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .lhs {
	width: 33%
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .lhs .vendor-logo {
	width: 4.0625vw;
	height: 2.8125vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .lhs .text {
	font-size: 1.40625vw;
	line-height: 1.875vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .lhs .amt-info {
	font-size: .625vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .rhs {
	width: 64%;
	padding-bottom: 9.6875vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .rhs .payment-title {
	font-size: .78125vw;
	padding-left: 2.34375vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .rhs .payment-modes .item {
	padding: .78125vw 2.34375vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .rhs .payment-modes .item .img-wrap {
	width: 10%
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .rhs .payment-modes .item .comp-info {
	font-size: .625vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .lhs {
	box-shadow: 0 5px 3px -4px rgba(0, 0, 0, 0.15);
	padding-bottom: 1.5625vw;
	padding-top: 1.875vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .lhs .vendor-logo {
	width: 4.0625vw;
	height: 2.8125vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .lhs .text {
	padding: 1.25vw 0
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .lhs .amt-info {
	font-size: .78125vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .rhs {
	padding-top: 2.5vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .rhs .payment-title {
	font-size: .78125vw;
	padding-bottom: .78125vw;
	padding-left: 2.34375vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .rhs .payment-modes .item {
	padding: 1.09375vw 2.34375vw
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .rhs .payment-modes .item .img-wrap {
	width: 10%
}

.comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .rhs .payment-modes .item .comp-info {
	font-size: .70313vw
}

.comp-chkout-ui .desktop-img {
	width: 56.5625vw
}

.comp-chkout-ui .container {
	max-width: 74.14063vw
}

.comp-chkout-ui .mobile-img {
	width: 22.5vw;
	position: absolute;
	top: 8.98438vw;
	left: 64.53125vw
}

.comp-chkout-ui img {
	box-shadow: 0 5px 92px 0 rgba(164, 164, 164, 0.2)
}

@media (max-width: 992px) {
	.comp-chkout-ui {
		padding-bottom: 0
	}
	.comp-chkout-ui:after {
		display: none
	}
	.comp-chkout-ui .browser-animation-wrap {
		max-width: 72.6rem
	}
	.comp-chkout-ui .browser-animation-wrap .comp-desktop.typ-mobile {
		width: 28.4rem;
		right: -18%;
		top: 20%
	}
	.comp-chkout-ui .desk-mock {
		margin-right: -10vw;
		max-width: 80%;
		box-shadow: 0 2px 32px 0 rgba(164, 164, 164, 0.2)
	}
	.comp-chkout-ui .container {
		max-width: 460px
	}
	.comp-chkout-ui .desktop-img {
		width: 100%;
		margin-left: -40px
	}
	.comp-chkout-ui .mobile-img {
		width: 150px;
		position: absolute;
		top: 6rem;
		left: 500px
	}
}

@media (max-width: 767px) {
	.comp-chkout-ui:after {
		display: none
	}
	.comp-chkout-ui .desk-mock {
		margin-right: -18px
	}
	.comp-chkout-ui .desktop-img {
		margin-left: 0
	}
}

@media (max-width: 767px) {
	.comp-chkout-ui .desk-mock {
		max-width: 100%
	}
	.comp-chkout-ui .desktop-img {
		width: auto;
		margin-right: -18rem
	}
	.comp-chkout-ui .container {
		max-width: inherit
	}
	.comp-chkout-ui .mobile-img {
		display: none
	}
}

.comp-pay-popup {
	padding-bottom: 7.8125vw;
	position: relative
}

.comp-pay-popup:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #f8f8f8;
	width: 65%;
	height: 50%;
	z-index: -1
}

.comp-pay-popup .payin-popup {
	position: relative
}

.comp-pay-popup .payin-popup img {
	width: 100%
}

.comp-pay-popup .overlay-sm {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	top: 5.6%;
	background: rgba(0, 0, 0, 0.8)
}

.comp-pay-popup .inner-modal {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	max-width: 22.10938vw
}

.comp-pay-popup .inner-modal .comp-desktop.typ-mobile {
	width: 100%;
	height: 39.0625vw
}

.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .lhs {
	padding: 1.95313vw 0 1.5625vw
}

.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .lhs .text {
	padding: 1.17188vw 0 .78125vw
}

.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .rhs .payment-modes .item {
	padding: .78125vw 1.5625vw
}

.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .rhs .payment-modes .item .comp-info {
	font-size: .78125vw;
	line-height: .78125vw
}

.comp-pay-popup .popup-img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 52%;
	transform: translateY(-50%);
	max-width: 22.10938vw
}

.comp-pay-popup .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs {
	padding-bottom: 4.6875vw
}

.comp-pay-popup .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-title {
	font-size: .78125vw;
	padding-bottom: .78125vw
}

@media (max-width: 767px) {
	.comp-pay-popup {
		padding-bottom: 0
	}
	.comp-pay-popup:after {
		display: none
	}
	.comp-pay-popup .inner-modal {
		max-width: 30rem
	}
	.comp-pay-popup .inner-modal .comp-desktop.typ-mobile {
		height: 50rem
	}
	.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .lhs {
		padding: 2.5rem 0 2rem
	}
	.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .lhs .text {
		padding: 1.5rem 0 1rem;
		font-size: 1rem;
		line-height: 1rem
	}
	.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs {
		padding: 1rem 0
	}
	.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-title {
		font-size: .6rem;
		padding: 0 1.5rem;
		line-height: 1.4rem
	}
	.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-modes {
		margin-bottom: 2rem
	}
	.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-modes .item {
		padding: 1.4rem 2rem
	}
	.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-modes .item .comp-info {
		font-size: 1rem;
		line-height: 1rem
	}
	.comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-modes .item .img-wrap .icon {
		font-size: 1rem;
		right: 1rem
	}
	.comp-pay-popup .payin-popup {
		margin: 0rem -15rem
	}
	.comp-pay-popup .popup-img {
		max-width: 35%
	}
}

@media (max-width: 580px) {
	.comp-pay-popup .inner-modal .comp-desktop.typ-mobile {
		transform: scale(0.5);
		transform-origin: 50% 50%
	}
}

.comp-look-products {
	position: relative
}

.comp-look-products:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	width: 50%;
	height: 100%;
	z-index: -1
}

.comp-look-products:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: #222222;
	width: 50%;
	height: 100%;
	z-index: -1
}

.comp-look-products.typ-white:before {
	background: #fcfcfc
}

.comp-look-products.typ-white:after {
	background: #f5f5f5
}

.comp-look-products.typ-white .comp-title-btn .title {
	color: #060606
}

@media (max-width: 992px) {
	.comp-look-products {
		background: #000
	}
	.comp-look-products:before,
	.comp-look-products:after {
		display: none
	}
	.comp-look-products .col-lg-6:last-child:after {
		content: '';
		position: absolute;
		right: -50%;
		left: -50%;
		bottom: 0;
		background: #222222;
		height: 100%;
		z-index: 0
	}
	.comp-look-products.typ-white {
		background: #fcfcfc
	}
	.comp-look-products.typ-white .col-lg-6:last-child:after {
		background: #f5f5f5
	}
}

@media (mix-width: 640px) {
	.comp-look-products:before {
		width: 100%;
		height: 80%
	}
	.comp-look-products:after {
		display: none
	}
	.comp-look-products .row .col-lg-6:last-child {
		background: #222222
	}
}

.comp-pay-faster {
	position: relative
}

.comp-pay-faster:after {
	content: '';
	position: absolute;
	right: 0;
	top: -2.34375vw;
	background: #f8f8f8;
	width: 35%;
	height: 95%;
	z-index: -1
}

.comp-pay-faster .comp-title-desc {
	padding-right: 5.46875vw
}

.comp-pay-faster .comp-desktop.typ-mobile {
	width: 100%
}

.comp-pay-faster .comp-payment-option {
	margin-top: 1.5625vw;
	max-width: 35.15625vw
}

.comp-pay-faster .comp-payment-option .rhs {
	padding: 5.78125vw 0 0
}

.comp-pay-faster .comp-payment-option .rhs .payment-title {
	padding-bottom: 1.40625vw
}

.comp-pay-faster .comp-payment-option .rhs .payment-title:last-of-type {
	padding-top: 4.6875vw
}

.comp-pay-faster .comp-payment-option .rhs .payment-modes {
	margin-bottom: 1.5625vw
}

.comp-pay-faster .comp-payment-option .rhs .payment-modes:first-of-type .item {
	left: -2.34375vw;
	border: none;
	box-shadow: 0 11px 36px 0 rgba(156, 156, 156, 0.09);
	transform: scale(1.1);
	transform-origin: 100% 0
}

.comp-pay-faster .comp-payment-option .rhs .payment-modes:first-of-type .item .img-wrap {
	width: 15%
}

.comp-pay-faster .comp-payment-option .rhs .payment-modes .item {
	box-shadow: none;
	border-bottom: 1px solid #f4f4f4;
	padding: 1.71875vw 2.34375vw
}

.comp-pay-faster .comp-payment-option .rhs .payment-modes .item .img-wrap {
	width: 10%
}

.comp-pay-faster .comp-payment-option .rhs .payment-modes .item .comp-info {
	font-size: 1.09375vw;
	line-height: 1.09375vw;
	font-weight: 400
}

.comp-pay-faster .comp-payment-option .rhs .payment-modes .item .icon-right-arrow {
	font-size: .9375vw;
	font-weight: bold
}

.comp-pay-faster .mob-img {
	margin: 5rem auto -8rem;
	max-width: 400px
}

.comp-pay-faster .mob-img img {
	width: 100%
}

@media (max-width: 992px) {
	.comp-pay-faster:after {
		top: 40%;
		height: 38%;
		width: 50%
	}
}

@media (max-width: 767px) {
	.comp-pay-faster:after {
		top: 40%;
		height: 50%;
		width: 50%
	}
	.comp-pay-faster .comp-payment-option {
		max-width: 228px;
		margin: 4rem auto 0
	}
	.comp-pay-faster .comp-payment-option:after {
		content: '';
		position: absolute;
		right: 0;
		top: 2rem;
		height: 50%;
		background: #f8f8f8;
		width: 65%;
		z-index: -1
	}
	.comp-pay-faster .comp-payment-option .rhs .payment-title {
		font-size: 0.6rem
	}
	.comp-pay-faster .comp-payment-option .rhs .payment-modes .item {
		padding: 1rem 1.2rem
	}
	.comp-pay-faster .comp-payment-option .rhs .payment-modes .item .comp-info {
		font-size: 0.9rem
	}
	.comp-pay-faster .comp-payment-option .rhs .payment-modes .item .img-wrap {
		width: 10%;
		margin-right: 1rem
	}
	.comp-pay-faster .comp-payment-option .rhs .payment-modes .item .icon-right-arrow {
		font-size: 0.9rem;
		right: 1.2rem
	}
	.comp-pay-faster .mob-img {
		margin: 5rem auto -8rem
	}
}

.comp-brand-card {
	width: 14.0625vw;
	height: 14.0625vw;
	border-radius: 2.34375vw;
	box-shadow: 0 5px 15px 0 rgba(156, 156, 156, 0.2);
	position: relative;
	background: #fff;
	margin: .9375vw 0;
	z-index: 1
}

.comp-brand-card:last-child {
	margin-bottom: 0
}

.comp-brand-card .brand-logo {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	width: 55%;
	margin: 0 auto;
	transform: translateY(-50%)
}

.comp-brand-card .brand-logo.typ-big {
	width: 76%
}

.comp-brand-card.anim0 {
	z-index: 11
}

@media (max-width: 992px) {
	.comp-brand-card {
		border-radius: 1.5rem
	}
	.comp-brand-card .brand-logo {
		width: 50%
	}
}

@media (max-width: 767px) {
	.comp-brand-card {
		width: 100%;
		height: 0;
		padding-top: 100%
	}
	.comp-brand-card .brand-logo {
		width: 60%
	}
	.comp-brand-card .brand-logo.typ-big {
		width: 80%
	}
}

.comp-icon-text {
	text-align: center
}

.comp-icon-text .item {
	margin: 0 0 8.82813vw 0
}

.comp-icon-text.typ-2 .item:nth-last-child(1),
.comp-icon-text.typ-2 .item:nth-last-child(2),
.comp-icon-text.typ-2 .item:nth-last-child(3) {
	margin-bottom: 0
}

.comp-icon-text .icon {
	background: #fff;
	width: 6.71875vw;
	height: 6.71875vw;
	line-height: 6.71875vw;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.08);
	margin-bottom: 1.5625vw;
	font-size: 2.5vw;
	position: relative;
	color: #040404
}

.comp-icon-text .icon:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.comp-icon-text .text {
	color: #040404;
	font-size: 1.66406vw;
	line-height: 2.5vw;
	position: relative;
	display: block
}

.comp-icon-text .desc {
	font-size: 1.25vw;
	color: #727781;
	min-height: 3.4375vw;
	line-height: 1.71875vw;
	margin: 1.5625vw 0 2.65625vw
}

.comp-icon-text .btn-link {
	text-transform: uppercase
}

@media (max-width: 992px) {
	.comp-icon-text .item {
		margin: 0 0 2.4rem 0
	}
	.comp-icon-text .icon {
		background: #fff;
		width: 4.8rem;
		height: 4.8rem;
		line-height: 4.8rem;
		box-shadow: 0 5px 12px rgba(0, 0, 0, 0.08);
		margin-bottom: 0;
		font-size: 2rem
	}
	.comp-icon-text .icon:before {
		font-size: 2rem
	}
	.comp-icon-text .text {
		font-size: 1.4rem;
		line-height: 1.9rem;
		padding: 1.5rem 0;
		vertical-align: middle
	}
	.comp-icon-text .desc {
		font-size: 1.4rem;
		line-height: 1.7rem;
		min-height: 5.5rem
	}
	.comp-icon-text .btn-link {
		font-size: 1.2rem
	}
}

@media (max-width: 767px) {
	.comp-icon-text.typ-2 .item:nth-last-child(2),
	.comp-icon-text.typ-2 .item:nth-last-child(3) {
		margin-bottom: 2.4rem
	}
	.comp-icon-text .list {
		max-width: 84%;
		margin: 0 auto
	}
	.comp-icon-text .item {
		margin: 0 0 2.4rem 0;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		padding-right: 0;
		position: relative;
		padding-left: 7.2rem
	}
	.comp-icon-text .icon {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%)
	}
	.comp-icon-text .icon:before {
		font-size: 2rem
	}
	.comp-icon-text.typ-desc .icon {
		top: 0;
		transform: none
	}
	.comp-icon-text.typ-desc .text {
		padding: 0 0 0.8rem 0
	}
	.comp-icon-text.typ-desc .desc {
		margin-top: 0;
		margin-bottom: 1.2rem
	}
}

.comp-payment-option {
	box-shadow: 0 25px 36px 0 rgba(156, 156, 156, 0.1);
	background-color: #fff
}

.comp-payment-option .lhs {
	padding: 1.95313vw 0 2.34375vw;
	text-align: center
}

.comp-payment-option .lhs .text {
	font-size: 1.64063vw;
	line-height: 1.64063vw;
	font-weight: 500;
	padding: .85938vw 0 1.71875vw
}

.comp-payment-option .lhs .amt-info {
	font-size: 1.01563vw;
	line-height: 1.40625vw;
	color: #727781;
	font-weight: 300
}

.comp-payment-option .lhs .amt-info .amt {
	color: #eb2226
}

.comp-payment-option .lhs .amt-info .down-arrow {
	width: 1.09375vw;
	height: 1.09375vw;
	border-radius: 50%;
	background: #eb2226;
	display: inline-block;
	vertical-align: middle;
	text-align: center
}

.comp-payment-option .lhs .amt-info .down-arrow .icon:before {
	content: "";
	border: 4px solid transparent;
	border-top: 4px solid #fff;
	display: inline-block
}

.comp-payment-option .vendor-logo {
	border: 1px solid #f4f4f4;
	width: 5.15625vw;
	height: 4.14063vw;
	margin: 0 auto;
	position: relative
}

.comp-payment-option .vendor-logo .logo {
	position: absolute;
	left: 0;
	right: 0;
	max-width: 80%;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto
}

.comp-payment-option .rhs {
    padding: 0;
    width: 100%;
}

.comp-payment-option .rhs .payment-title {
	font-size: 1.01563vw;
	line-height: 1.09375vw;
	color: #727781;
	text-transform: uppercase;
	padding: .39063vw 2.03125vw;
	font-weight: 500;
	position: relative
}

.comp-payment-option .rhs .comp-info {
	font-size: .46875vw;
	line-height: .46875vw;
	color: #040404
}

.comp-payment-option .rhs .payment-modes .item {
	padding: 2.34375vw 2.1875vw;
	box-shadow: 0 12px 40px 0 rgba(156, 156, 156, 0.09);
	display: flex;
	align-items: center;
	background: #fff;
	position: relative;
	max-height: 6.71875vw
}

.comp-payment-option .rhs .payment-modes .item .payment-options {
	width: 10%
}

.comp-payment-option .rhs .payment-modes .item .payment-options img {
	max-width: 63%
}

.comp-payment-option .rhs .payment-modes .item .img-wrap {
	width: 20%
}

.comp-payment-option .rhs .payment-modes .item .img-wrap img {
	max-width: 63%
}

.comp-payment-option .rhs .payment-modes .item .img-wrap .icon {
	color: #727781
}

.comp-payment-option .rhs .payment-modes .item .comp-info {
	font-size: 1.09375vw;
	line-height: 1.09375vw;
	color: #727781;
	font-weight: 300
}

.comp-payment-option .rhs .payment-modes .item .icon-right-arrow {
	position: absolute;
	font-size: .9375vw;
	right: 1.5625vw
}

.comp-payment-option.typ-two-way {
	border: 1px solid #ebebeb
}

.comp-payment-option.typ-two-way .payment-title {
	font-size: .78125vw
}

.comp-payment-option.typ-two-way .rhs {
	padding-top: 2.96875vw
}

.comp-payment-option.typ-two-way .rhs .payment-modes:first-of-type .item {
	left: -6.25vw;
	margin-bottom: 1.5625vw
}

.comp-payment-option.typ-two-way .rhs .payment-modes .item {
	left: 6.25vw;
	margin-top: 2.34375vw
}

@media (max-width: 992px) {
	.comp-all-payment-option {
		margin: 0 auto
	}
}

@media (max-width: 767px) {
	.comp-payment-option {
		box-shadow: -5px 13px 40px 0 rgba(156, 156, 156, 0.1)
	}
	.comp-payment-option .lhs {
		padding: 2rem 0 2rem
	}
	.comp-payment-option .lhs .text {
		font-size: 1.4rem;
		line-height: 2.4rem;
		padding: 1.5rem 0 1.5rem
	}
	.comp-payment-option .lhs .amt-info {
		font-size: 1.2rem
	}
	.comp-payment-option .rhs {
		padding: 2.5rem 0
	}
	.comp-payment-option .rhs .payment-title {
		font-size: 0.8rem;
		padding: 1.6rem 1.8rem 0
	}
	.comp-payment-option .rhs .payment-modes .item {
		padding: 2rem;
		max-height: unset
	}
	.comp-payment-option .rhs .payment-modes .item .img-wrap {
		width: 15%;
		margin-right: 1rem
	}
	.comp-payment-option .rhs .payment-modes .item .comp-info {
		font-size: 1.2rem;
		line-height: 1.4rem
	}
	.comp-payment-option .rhs .payment-modes .item .icon-right-arrow {
		font-size: 1.2rem;
		right: 1.5rem
	}
	.comp-payment-option .vendor-logo {
		width: 6.5rem;
		height: 5rem
	}
	.comp-payment-option.typ-two-way {
		max-width: 22.5rem;
		margin: 5rem auto 0
	}
	.comp-payment-option.typ-two-way .rhs .payment-modes:first-of-type .item {
		left: -20px;
		margin-bottom: 1.5rem
	}
	.comp-payment-option.typ-two-way .rhs .payment-modes .item {
		left: 20px;
		margin-top: 2rem;
		padding: 1.3rem 2rem
	}
	.comp-payment-option.typ-two-way .rhs .payment-modes .item .img-wrap {
		margin-right: 1rem
	}
	.comp-payment-option.typ-two-way .rhs .payment-modes .item .comp-info {
		font-size: 1rem
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.comp-payment-option.typ-two-way .rhs {
		padding: 2rem 0
	}
	.comp-payment-option.typ-two-way .rhs .payment-title {
		font-size: .8rem
	}
	.comp-payment-option.typ-two-way .rhs .payment-modes:first-of-type .item {
		left: -40px;
		margin-bottom: 1.5rem
	}
	.comp-payment-option.typ-two-way .rhs .payment-modes .item {
		left: 40px;
		margin-top: 2rem;
		padding: 1.4rem 2rem
	}
	.comp-payment-option.typ-two-way .rhs .payment-modes .item .comp-info {
		font-size: .7rem
	}
}

.comp-product-card {
	border-radius: 10px;
	width: 18.04688vw;
	overflow: hidden;
	height: 15.85938vw;
	padding: 3.75vw 1.5625vw 1.71094vw;
	margin-left: 1.17188vw;
	background: #fff;
	margin-bottom: 1.875vw;
	position: relative;
	box-shadow: 0 5px 25px 0 rgba(156, 156, 156, 0.2);
	transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
	transform: translateZ(0)
}

.comp-product-card:hover {
	box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
	transform: translate(0, -4px)
}

.comp-product-card .tag {
	font-size: .78125vw;
	line-height: .78125vw;
	background: red;
	color: #fff;
	padding: .39063vw .54688vw;
	border-radius: .3125vw;
	text-transform: uppercase;
	position: absolute;
	top: 1.79688vw
}

.comp-product-card .label {
	font-size: .9375vw;
	line-height: 2.03125vw;
	color: #727781;
	display: block
}

.comp-product-card .title {
	font-weight: 500;
	font-size: 1.40625vw;
	line-height: 1.875vw;
	color: #040404;
	display: block;
	padding: .3125vw 0 .625vw
}

.comp-product-card .desc {
	font-weight: 300;
	font-size: .9375vw;
	line-height: 1.39063vw;
	color: #727781;
	display: block
}

.comp-product-card .view-docs {
	position: absolute;
	right: 1.71875vw;
	bottom: 1.71875vw;
	text-align: right
}

.comp-product-card .view-docs .text {
	font-weight: 300;
	font-size: .83594vw;
	line-height: 1.39063vw;
	color: #9fa1a7;
	display: block
}

.comp-product-card .view-docs .link {
	font-weight: 600;
	font-size: 1.25vw;
	line-height: 1.25vw;
	color: #3aae97;
	display: block;
	margin-top: .3125vw
}

.comp-product-card .view-docs .link .icon {
	margin-left: .39063vw;
	display: inline-block;
	vertical-align: middle;
	font-size: .9375vw;
	transition: transform 0.3s ease-out
}

.comp-product-card .view-docs .link:hover .icon {
	transform: translateX(5px) scale(1.06)
}

.comp-product-card .icon-wrap {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	width: 2.8125vw
}

.comp-product-card .icon-wrap img {
	width: 100%
}

.comp-product-card.typ-big {
	width: 37.5vw
}

.comp-product-card.typ-list {
	width: 37.5vw;
	height: 20vw;
	min-height: inherit;
	border-radius: .625vw;
	padding: 3.28125vw 1.71875vw 1.71875vw 13.28125vw;
	box-shadow: 0 5px 25px 0 rgba(156, 156, 156, 0.2)
}

.comp-product-card.typ-list .title {
	padding-top: 0
}

.comp-product-card.typ-list .icon-wrap {
	top: 3.28125vw;
	left: 3.28125vw;
	width: 6.64063vw
}

.comp-product-card.typ-list .icon-wrap img {
	width: 100%
}

@media (max-width: 992px) {
	.comp-product-card {
		padding: 36px 24px 24px;
		width: 260px;
		height: 230px
	}
	.comp-product-card .label {
		font-size: 12px;
		line-height: 26px
	}
	.comp-product-card .tag {
		font-size: 10px;
		line-height: 10px;
		padding: 5px 7px 4px;
		border-radius: 4px;
		top: 22px
	}
	.comp-product-card .title {
		font-size: 18px;
		line-height: 24px;
		padding: 0 0 8px
	}
	.comp-product-card .desc {
		font-size: 12px;
		line-height: 17.8px
	}
	.comp-product-card .icon-wrap {
		width: 36px;
		right: -1px;
		top: 0
	}
	.comp-product-card .view-docs {
		bottom: 20px;
		right: 22px
	}
	.comp-product-card .view-docs .text {
		font-size: 12px;
		line-height: 20px
	}
	.comp-product-card .view-docs .link {
		margin-top: 3px;
		font-size: 16px;
		line-height: 18px;
		position: relative;
		padding-right: 22px
	}
	.comp-product-card .view-docs .link .icon {
		font-size: 12px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%)
	}
	.comp-product-card .view-docs .link:hover .icon {
		transform: translateX(5px) translateY(-50%) scale(1.06)
	}
	.comp-product-card.typ-list {
		width: 260px;
		height: 380px;
		border-radius: 8px;
		padding: 75px 24px 24px
	}
	.comp-product-card.typ-list .icon-wrap {
		top: 29px;
		left: 24px;
		width: 32px
	}
	.comp-product-card.typ-list .icon-wrap img {
		width: 100%
	}
	.comp-product-card.typ-list .icon-wrap.icon-wrap-img-cus {
		width: 80px
	}
	.comp-product-card.typ-list .comp-bullet-list {
		padding-left: 0
	}
	.comp-product-card.typ-list .comp-bullet-list .item {
		color: #9fa1a7;
		font-size: 12px;
		line-height: 1.43
	}
	.comp-product-card.typ-list .comp-bullet-list .item:before {
		top: 3px
	}
}

@media (max-width: 767px) {
	.comp-product-card.typ-list .comp-bullet-list .item {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 2rem
	}
	.comp-product-card.typ-list .comp-bullet-list .item:before {
		top: 2px;
		transform: none
	}
}

.comp-title-btn {
	padding: 4.53125vw 0;
	text-align: center
}

.comp-title-btn .title {
	font-weight: 300;
	font-size: 2.5vw;
	line-height: 3.28125vw;
	color: #fff;
	padding-bottom: 2.5vw
}

@media (max-width: 992px) {
	.comp-title-btn {
		padding: 4.2rem 0;
		position: relative;
		z-index: 1
	}
	.comp-title-btn .title {
		font-size: 2.4rem;
		line-height: 3.4rem;
		padding-bottom: 3.2rem
	}
	.comp-title-btn .btn.btn-primary {
		font-size: 1.3rem
	}
}

@media (max-width: 768px) {
	.comp-title-btn .title {
		font-size: 2.2rem;
		line-height: 3rem;
		padding-bottom: 3rem
	}
}

@media (max-width: 767px) {
	.comp-title-btn {
		padding: 3.6rem 0
	}
	.comp-title-btn .title {
		font-size: 2.4rem;
		line-height: 3.2rem;
		padding-bottom: 2.4rem
	}
	.comp-title-btn .btn.btn-primary {
		min-width: 16rem;
		font-size: 1.4rem
	}
}

.comp-title-desc {
	position: relative
}

.comp-title-desc .index {
	font-size: 1.09375vw;
	line-height: 1.25vw;
	color: #040404;
	font-weight: 500;
	letter-spacing: 1.75px;
	padding-bottom: 1.17188vw
}

.comp-title-desc .index:before {
	content: '';
	width: .625vw;
	height: .15625vw;
	border-radius: 3px;
	background: #3aae97;
	display: inline-block;
	vertical-align: middle;
	margin-right: .625vw
}

.comp-title-desc .title {
	font-size: 2.1875vw;
	line-height: 2.34375vw;
	color: #040404;
	font-weight: 500
}

.comp-title-desc .desc {
	font-size: 1.25vw;
	line-height: 1.79688vw;
	color: #727781;
	padding-top: 1.71875vw
}

.comp-title-desc .btn-wrap {
	margin-top: 5vw
}

.comp-title-desc.typ-sm .img-wrap {
	text-align: left
}

.comp-title-desc.typ-sm .img-wrap img {
	height: 6.95313vw;
	width: auto
}

.comp-title-desc.typ-sm .title {
	padding-top: 3.125vw;
	font-size: 2.1875vw;
	line-height: 2.73438vw
}

.comp-title-desc.typ-sm .desc {
	font-size: 1.25vw;
	padding-top: 1.09375vw;
	line-height: 1.79688vw
}

.comp-title-desc .note {
	font-size: .78125vw;
	margin-top: 1.32813vw
}

@media (max-width: 992px) {
	.comp-title-desc {
		text-align: center
	}
	.comp-title-desc .title {
		font-size: 2rem;
		line-height: 2.4rem
	}
	.comp-title-desc .note {
		font-size: 1.2rem;
		margin-top: 2.4rem;
		margin-bottom: 3.2rem
	}
	.comp-title-desc .desc {
		font-size: 1.4rem;
		line-height: 2rem;
		padding-top: 2rem;
		max-width: 75%;
		margin: 0 auto
	}
	.comp-title-desc .index {
		display: none
	}
	.comp-title-desc.typ-sm {
		text-align: left
	}
	.comp-title-desc.typ-sm .title {
		padding: 3.6rem 0 1.2rem;
		font-size: 1.2rem;
		line-height: 1.6rem
	}
	.comp-title-desc.typ-sm .desc {
		font-size: 1rem;
		line-height: 1.4rem
	}
}

@media (max-width: 767px) {
	.comp-title-desc .title {
		font-size: 1.6rem;
		line-height: 2rem;
		padding-top: 0rem
	}
	.comp-title-desc .desc {
		font-size: 1.3rem;
		line-height: 1.6rem;
		padding-top: 1.6rem;
		max-width: 100%
	}
	.comp-title-desc .btn-wrap {
		margin-top: 4.8rem
	}
	.comp-title-desc.typ-sm {
		text-align: center
	}
	.comp-title-desc.typ-sm .img-wrap {
		width: 6rem;
		height: 6rem;
		margin: 0 auto
	}
	.comp-title-desc.typ-sm .img-wrap img {
		height: 6rem
	}
	.comp-title-desc.typ-sm .title {
		padding: 3.6rem 0 1.2rem;
		font-size: 1.6rem;
		line-height: 2rem
	}
	.comp-title-desc.typ-sm .desc {
		font-size: 1.2rem;
		line-height: 1.6rem
	}
}

.comp-vs-code {
	background: #1d1e22;
	box-shadow: 4px 14px 37px rgba(0, 0, 0, 0.2);
	max-width: 39.0625vw;
	margin: 0 auto
}

.comp-vs-code .chars {
	visibility: hidden
}

.comp-vs-code .window-head {
	background: #242424
}

.comp-vs-code .window-head .window-actions {
	padding: 1.25vw
}

.comp-vs-code .window-head .window-actions li {
	width: 1.25vw;
	height: 1.25vw;
	border-radius: 50%;
	display: inline-block;
	background: #3e3e3e;
	margin-right: .39063vw
}

.comp-vs-code .window-body {
	font-size: 1.09375vw;
	line-height: 1.5625vw;
	letter-spacing: 1px;
	position: relative
}

.comp-vs-code .window-body .tag {
	color: #998354
}

.comp-vs-code .window-body .tag.typ-opening:after {
	content: 'o';
	font-family: payconnect;
	position: absolute;
	left: -1.17188vw;
	top: 0;
	color: #33333b;
	font-size: .78125vw;
	transform: rotate(90deg)
}

.comp-vs-code .window-body .tag-data {
	color: #fff
}

.comp-vs-code .window-body .tag-attr {
	color: #d3c179
}

.comp-vs-code .window-body .attr-val {
	color: #98b48b
}

.comp-vs-code .window-body .style-attr {
	color: #9d849a
}

.comp-vs-code .code {
	padding: .39063vw 2.34375vw 0 4.6875vw;
	font-size: 1.09375vw;
	line-height: 1.25vw
}

.comp-vs-code .code li {
	position: relative;
	padding: .19531vw 0
}

.comp-vs-code .code li:before {
	counter-increment: codeLineNo;
	content: counter(codeLineNo);
	position: absolute;
	left: -3.125vw;
	top: 0;
	text-align: right;
	width: 2rem;
	color: #33333b
}

.comp-vs-code.mobile {
	display: none
}

.comp-vs-code .hiders {
	margin: 0;
	position: absolute;
	top: .39063vw;
	width: 65%;
	margin-left: 3.75vw
}

.comp-vs-code .hiders p {
	position: relative;
	clear: both;
	margin: 0;
	float: right;
	line-height: 1.25vw;
	padding: .19531vw 0;
	width: 0;
	background: #1d1e22
}

.comp-vs-code.aos-animate .hiders p {
	animation: typing 1s steps(30, end);
	animation-fill-mode: both
}

.comp-vs-code .hiders p:nth-child(2) {
	animation-delay: 1s
}

.comp-vs-code .hiders p:nth-child(3) {
	animation-delay: 2s
}

.comp-vs-code .hiders p:nth-child(4) {
	animation-delay: 3s
}

.comp-vs-code .hiders p:nth-child(5) {
	animation-delay: 4s
}

.comp-vs-code .hiders p:nth-child(6) {
	animation-delay: 5s
}

.comp-vs-code .hiders p:nth-child(7) {
	animation-delay: 6s
}

.comp-vs-code .hiders p:nth-child(8) {
	animation-delay: 7s
}

.comp-vs-code .hiders p:nth-child(9) {
	animation-delay: 8s
}

.comp-vs-code .hiders p:nth-child(10) {
	animation-delay: 9s
}

.comp-vs-code .hiders p:nth-child(11) {
	animation-delay: 10s
}

.comp-vs-code .hiders p:nth-child(12) {
	animation-delay: 11s
}

.comp-vs-code .hiders p:nth-child(13) {
	animation-delay: 12s
}

.comp-vs-code .hiders p:nth-child(14) {
	animation-delay: 12s
}

.comp-vs-code .hiders p:nth-child(15) {
	animation-delay: 13s
}

.comp-vs-code .hiders p:nth-child(16) {
	animation-delay: 14s
}

.comp-vs-code .hiders p:nth-child(17) {
	animation-delay: 15s
}

.comp-vs-code .hiders p:nth-child(18) {
	animation-delay: 16s
}

.comp-vs-code .hiders p:nth-child(19) {
	animation-delay: 16s
}

.comp-vs-code .hiders p:nth-child(20) {
	animation-delay: 17s
}

.comp-vs-code .hiders p:nth-child(21) {
	animation-delay: 18s
}

@keyframes typing {
	from {
		width: 100%
	}
	to {
		width: 0
	}
}

@media (max-width: 992px) {
	.comp-vs-code {
		max-width: 500px;
		display: none
	}
	.comp-vs-code.mobile {
		display: block
	}
}

@media (max-width: 767px) {
	.comp-vs-code .code {
		padding: .3rem 2rem 2.5rem 2.4rem;
		font-size: 0.9rem;
		line-height: 1.1rem;
		letter-spacing: 0.4px
	}
	.comp-vs-code .code li {
		padding: 0rem 0
	}
	.comp-vs-code .code li:before {
		left: -2.5rem
	}
	.comp-vs-code .window-head .window-actions {
		padding: 0.3rem 0.8rem
	}
	.comp-vs-code .window-head .window-actions li {
		width: .7rem;
		height: .7rem
	}
	.comp-vs-code .window-body {
		font-size: 1.2rem;
		line-height: 1.6rem
	}
}

.comp-ripple-effect {
	position: absolute;
	right: 0;
	top: 0;
	width: 9.375vw;
	height: 6.25vw
}

.comp-ripple-effect .wave {
	width: 1.5625vw;
	height: 1.5625vw;
	background: rgba(58, 174, 151, 0.33);
	border: 1px solid #3aae97;
	transform: translate(-50%, -50%);
	left: 50%;
	z-index: 1;
	top: 50%;
	position: absolute;
	border-radius: 50%;
	animation: ripple 8s linear infinite
}

.comp-ripple-effect .wave.r2 {
	animation-delay: 1.6s
}

.comp-ripple-effect .wave.r3 {
	animation-delay: 3.2s
}

.comp-ripple-effect .wave.r4 {
	animation-delay: 4.8s
}

.comp-ripple-effect .wave.r5 {
	animation-delay: 6.4s
}

.comp-ripple-effect .icon {
	width: 3.90625vw;
	height: 3.90625vw;
	border-radius: 50%;
	background: #3aae97;
	display: inline-block;
	text-align: center;
	z-index: 9;
	transform: translate(-50%, -50%);
	left: 50%;
	font-size: 1.79688vw;
	top: 50%;
	position: absolute;
	line-height: 3.90625vw
}

@keyframes ripple {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		width: 39.0625vw;
		height: 39.0625vw
	}
}

.comp-tooltip {
	border: 1px solid #3aae97;
	font-size: .70313vw;
	line-height: .70313vw;
	padding: .625vw 1.25vw .625vw .625vw;
	display: inline-block;
	background: #fff;
	border-radius: 2.34375vw;
	color: #167b67;
	font-weight: 500;
	box-shadow: 5px 4px 20px 0 rgba(0, 0, 0, 0.15)
}

.comp-tooltip span {
	display: inline-block;
	vertical-align: middle
}

.comp-tooltip .icon {
	margin-right: .39063vw;
	font-size: .85938vw;
	color: #3aae97
}

@media (max-width: 767px) {
	.comp-tooltip {
		font-size: 0.8rem;
		transform: scale(0.7) !important;
		padding: 0.5rem 2rem 0.5rem 1rem
	}
}

.comp-section {
	padding: 7.5vw 0;
	position: relative
}

.comp-section .title-wrap {
	text-align: center;
	margin-bottom: 4.6875vw;
	position: relative;
	z-index: 1
}

.comp-section .title-wrap .title {
	font-weight: 300;
	font-size: 3.28125vw;
	line-height: 4.375vw;
	position: relative;
	color: #040404
}

.comp-section .title-wrap .title .highlight {
	font-weight: 500;
	color: #3aae97
}

.comp-section .title-wrap .subtitle {
	font-size: 1.25vw;
	line-height: 1.5625vw;
	padding-top: 1.25vw;
	position: relative;
	color: #727781
}

.comp-section .title-wrap .btn-wrap {
	padding-top: 3.28125vw;
	position: relative
}

.comp-section.typ-black {
	background-image: linear-gradient(128deg, #010101, #131313)
}

.comp-section.typ-black .title-wrap .title {
	color: #fff
}

.comp-section.typ-black .title-wrap .subtitle {
	color: #727781
}

.comp-section.typ-black .comp-bullet-list .item {
	color: #fff
}

.comp-section.typ-product-bg {
	padding-top: 0;
	margin-top: -3.90625vw
}

.comp-section.typ-product-bg:before {
	content: "";
	position: absolute;
	left: .85938vw;
	width: 38.75vw;
	top: 15.625vw;
	height: 48.59375vw;
	background: url(../images/dot-bg.svg) no-repeat
}

.comp-section.typ-product-bg2 {
	padding-top: 4.53125vw
}

.comp-section.typ-product-bg2:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 23.4375vw;
	z-index: -1;
	right: 0;
	background: #f8f8f8
}

.comp-section.typ-product-bg2 .comp-product-card.typ-list {
	min-height: 20vw
}

.comp-section.typ-left-bg:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	z-index: -1;
	right: 0;
	width: 50%;
	height: 30%;
	transform: translateY(-50%);
	background: #f8f8f8
}

.comp-section.typ-right-bg:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	z-index: -1;
	right: 0;
	width: 50%;
	height: 30%;
	transform: translateY(-50%);
	background: #f8f8f8
}

.comp-section .comp-product-list:last-child .product-slider {
	margin-bottom: 0
}

.comp-section.only-img .img-wrap img {
	box-shadow: 0 4px 72px 0 rgba(164, 164, 164, 0.2)
}

.comp-section.typ-customize-page {
	padding-bottom: 8.59375vw
}

.comp-section.typ-customize-page:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	z-index: -1;
	right: 0;
	width: 56.40625vw;
	bottom: 7.5vw;
	background: #f8f8f8
}

.comp-section.typ-bg-one .content-wrap {
	background: url("../images/dot-bg.svg") no-repeat;
	background-size: contain;
	background-position: -80px 0;
	padding: 4.6875vw 0 6.25vw
}

.comp-section .no-coding {
	max-width: 51.5625vw;
	margin: 0 auto
}

.comp-section .give-access {
	max-width: 56.17188vw;
	margin: 0 auto
}

.comp-section .send-invoice {
	max-width: 64.84375vw;
	margin: 0 auto
}

.comp-section .get-invoice {
	max-width: 54.6875vw;
	margin: 0 auto
}

.comp-section .customize-invoice {
	max-width: 50.78125vw;
	margin: 0 auto
}

.comp-section .customize-invoice .mobile {
	display: none
}

.comp-section .bank-holiday {
	max-width: 46.64063vw;
	margin: 0 auto 12.26563vw
}

.comp-section.typ-customize-invoice:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	z-index: -1;
	right: 0;
	width: 56.41vw;
	bottom: 7.5vw;
	background: #f8f8f8
}

.comp-section.typ-get-invoice:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	z-index: -1;
	right: 0;
	width: 56.41vw;
	bottom: 7.5vw;
	background: #f8f8f8
}

.comp-section.typ-manage-invoice:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	z-index: -1;
	right: 0;
	width: 56.41vw;
	bottom: 7.5vw;
	background: #f8f8f8
}

.comp-section.get-recognized:after,
.comp-section.get-recognized:before {
	content: "";
	position: absolute;
	background: url(../images/dot-bg.svg) top left no-repeat;
	background-size: 150%;
	z-index: -1
}

.comp-section.get-recognized:before {
	top: 0;
	width: 20.70313vw;
	left: 0;
	height: 70%
}

.comp-section.enjoy-flavours:after,
.comp-section.enjoy-flavours:before {
	content: "";
	z-index: -1;
	position: absolute;
	background: url(../images/dot-bg.svg) top left no-repeat;
	background-size: 130%
}

.comp-section.enjoy-flavours:before {
	top: 7.8125vw;
	width: 29.29688vw;
	left: 0;
	height: 50%
}

.comp-section.enjoy-flavours:after {
	bottom: 0vw;
	right: 0;
	width: 15.625vw;
	height: 70%;
	background-size: 200%;
	background-repeat: repeat
}

.comp-section.video-sample:before {
	content: "";
	bottom: 7.8125vw;
	background: #f5f5f5;
	position: absolute;
	right: 0;
	height: 60%;
	z-index: -2;
	width: 39.0625vw
}

.comp-section.video-sample .video-wrap {
	width: 63.98438vw;
	height: 35.625vw;
	margin: 0 auto;
	position: relative;
	margin-bottom: 11.71875vw
}

.comp-section.video-sample .video-wrap:before {
	content: "";
	bottom: -18.75vw;
	background: url(../images/dot-bg.svg);
	background-size: 110%;
	position: absolute;
	right: -7.8125vw;
	height: 120%;
	z-index: -1;
	width: 31.25vw
}

.comp-section.video-sample .video-wrap iframe {
	width: 100%;
	border: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.comp-section .services-wrap .service {
	padding: 7.10938vw 1.5625vw;
	margin-bottom: 30px
}

.comp-section .services-wrap .title {
	text-align: center;
	font-size: 2.1875vw;
	color: #fff;
	line-height: 2.65625vw
}

.comp-section.typ-newsletter {
	padding-bottom: 0
}

.comp-section.scalable-platform .gray-bg {
	position: relative
}

.comp-section.scalable-platform .gray-bg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #f8f8f8;
	width: 62%;
	z-index: -1;
	left: -15.625vw;
	bottom: -2.34375vw
}

.comp-section.scalable-platform .img-wrap {
	max-width: 39.84375vw;
	margin: 0 auto
}

.comp-section.success-rate .img-wrap {
	max-width: 47.65625vw;
	margin: 0 auto
}

.comp-section.consistent-uptime .img-wrap {
	max-width: 63.28125vw;
	margin: 0 auto
}

.comp-section .stack-card-wrap {
	font-size: 0
}

.comp-section.covid-cor {
	padding: 0.5vw 0
}

.comp-section.covid-cor .title-wrap {
	text-align: left
}

@media (max-width: 992px) {
	.comp-section {
		padding: 6rem 0
	}
	.comp-section.covid-cor {
		padding: 6rem 0
	}
	.comp-section .title-wrap {
		padding: 0 0.7rem;
		margin-bottom: 5rem
	}
	.comp-section .title-wrap .container {
		padding: 0 1.8rem
	}
	.comp-section .title-wrap .title {
		font-size: 3rem;
		line-height: 4rem
	}
	.comp-section .title-wrap .subtitle {
		font-size: 1.4rem;
		line-height: 1.8rem;
		padding-top: 2rem
	}
	.comp-section .title-wrap .subtitle .cm-line-break {
		display: none
	}
	.comp-section .title-wrap .btn-wrap {
		padding-top: 4.4rem
	}
	.comp-section .title-wrap .btn-wrap .btn {
		min-width: 18rem;
		padding: 1.5rem 4rem
	}
	.comp-section.typ-seperator {
		overflow-x: hidden
	}
	.comp-section.typ-seperator .title-wrap {
		margin-bottom: 3.6rem;
		position: relative;
		padding-bottom: 2.4rem
	}
	.comp-section.typ-seperator .title-wrap:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 0;
		background: #9fa1a7;
		width: 2.4rem;
		height: 1px;
		opacity: 0.2;
		border: solid 2px #9fa1a7;
		border-radius: 5px
	}
	.comp-section.typ-left-bg:before,
	.comp-section.typ-right-bg:before {
		display: none
	}
	.comp-section.typ-customize-page {
		padding-bottom: 10rem
	}
	.comp-section.typ-customize-page:before {
		display: none
	}
	.comp-section.typ-product-bg2:before {
		bottom: 11rem
	}
	.comp-section.typ-product-bg2 .comp-product-card.typ-list {
		min-height: inherit;
		height: inherit
	}
	.comp-section.typ-no-brk .title-wrap .title .cm-line-break {
		display: none
	}
	.comp-section .no-coding {
		max-width: 30rem
	}
	.comp-section .give-access {
		max-width: 30rem;
		margin: 0 auto
	}
	.comp-section .get-invoice {
		max-width: 40rem
	}
	.comp-section .customize-invoice {
		max-width: 38rem
	}
	.comp-section .bank-holiday {
		max-width: 38rem
	}
	.comp-section .send-invoice {
		max-width: 58rem
	}
}

@media (max-width: 767px) {
	.comp-section {
		padding: 4.8rem 0
	}
	.comp-section.covid-cor {
		padding: 4.8rem 0
	}
	.comp-section .title-wrap {
		padding: 0;
		margin-bottom: 3.6rem
	}
	.comp-section .title-wrap .title {
		font-size: 2.4rem;
		line-height: 3.2rem
	}
	.comp-section .title-wrap .subtitle {
		font-size: 1.3rem;
		line-height: 1.6rem;
		padding-top: 1.2rem;
		font-weight: 400
	}
	.comp-section .title-wrap .btn-wrap {
		padding-top: 2.4rem
	}
	.comp-section .title-wrap .btn-wrap .btn-primary+.btn-primary {
		margin-top: 2rem
	}
	.comp-section .btn-wrap {
		text-align: center
	}
	.comp-section.typ-product-bg {
		background: none;
		padding-top: 5rem
	}
	.comp-section.typ-product-bg:before {
		display: none
	}
	.comp-section.typ-product-bg2 {
		padding-top: 0
	}
	.comp-section.typ-product-bg2::before {
		display: none
	}
	.comp-section.typ-left-bg:before {
		display: none
	}
	.comp-section.typ-right-bg:before {
		display: none
	}
	.comp-section.typ-bg-one .content-wrap {
		background-position: left -50vw bottom -8rem
	}
	.comp-section.typ-black {
		padding-top: 3.6rem
	}
	.comp-section.typ-no-coding .img-wrap img {
		width: 261%
	}
	.comp-section.typ-get-invoice:before,
	.comp-section.typ-customize-invoice:before,
	.comp-section.typ-manage-invoice:before {
		display: none
	}
	.comp-section.get-recognized:before {
		top: 7rem;
		height: 19rem;
		background-size: 400px
	}
	.comp-section .services-wrap .title {
		font-size: 1.8rem;
		line-height: 2rem
	}
	.comp-section .services-wrap .service {
		padding: 3.6rem 1rem;
		margin-bottom: 0.8rem
	}
	.comp-section .services-wrap .row {
		margin-left: -8px;
		margin-right: -8px
	}
	.comp-section .services-wrap .row .col-6 {
		padding-left: 4px;
		padding-right: 4px
	}
	.comp-section.scalable-platform .img-wrap,
	.comp-section.success-rate .img-wrap {
		max-width: 40rem
	}
	.comp-section.consistent-uptime .img-wrap {
		max-width: 40rem
	}
	.comp-section .bank-holiday {
		max-width: 30rem
	}
	.comp-section .send-invoice {
		max-width: none;
		margin-left: -65%;
		margin-right: -50%
	}
	.comp-section.video-sample:before {
		bottom: 0;
		width: 60%
	}
	.comp-section.video-sample .video-wrap {
		width: 100%;
		height: 17.8rem;
		margin-bottom: 0
	}
	.comp-section.video-sample .video-wrap:before {
		width: 60%;
		background-size: 325px;
		right: 2rem
	}
}

@media (max-width: 400px) {
	.comp-section.typ-customize-page {
		padding-bottom: 6.4rem
	}
	.comp-section .zero-error,
	.comp-section .send-invoice {
		max-width: none;
		margin-left: -50%;
		margin-right: -50%
	}
	.comp-section .get-invoice {
		margin-right: -15rem
	}
	.comp-section .customize-invoice {
		max-width: 32rem;
		margin-right: -20px
	}
	.comp-section .customize-invoice img {
		display: none
	}
	.comp-section .customize-invoice .mobile {
		display: block
	}
	.comp-section .manage-invoice .img-wrap {
		margin-right: -294px
	}
}

.comp-bullet-list.typ-mb {
	margin-bottom: 3.28125vw
}

.comp-bullet-list .item {
	font-size: 1.64063vw;
	line-height: 2.05469vw;
	margin-bottom: 2.03125vw;
	padding-left: 3.75vw;
	position: relative
}

/*.comp-bullet-list .item:before {
	content: '\e917';
	position: absolute;
	left: 0;
	top: 0;
	width: 2.10938vw;
	height: 2.10938vw;
	border-radius: 50%;
	background: #3aae97;
	text-align: center;
	line-height: 2.34375vw;
	font-family: payconnect;
	font-size: 1.17188vw;
	color: #fff
}*/

.comp-bullet-list.typ-sm {
	padding-top: 0
}

.comp-bullet-list.typ-sm .item {
	font-size: .9375vw;
	padding-left: 1.64063vw;
	line-height: 1.43;
	margin-bottom: .54688vw
}

.comp-bullet-list.typ-sm .item:before {
	line-height: .9375vw;
	width: .9375vw;
	height: .9375vw;
	top: .15625vw;
	font-size: .46875vw
}

@media (max-width: 992px) {
	.comp-bullet-list.typ-mb {
		margin-bottom: 3.8rem
	}
	.comp-bullet-list.typ-sm .item {
		font-size: 1.4rem;
		padding-left: 2.4rem;
		margin-bottom: 0.8rem
	}
	.comp-bullet-list.typ-sm .item:before {
		width: 1.2rem;
		height: 1.2rem;
		line-height: 1.2rem;
		font-size: 0.6rem;
		top: 0.5rem
	}
}

@media (max-width: 767px) {
	.comp-bullet-list {
		padding-top: 0;
		padding-left: 2.3rem
	}
	.comp-bullet-list .item {
		font-size: 1.4rem;
		line-height: 1.9rem;
		margin-bottom: 1.5rem;
		padding: 0.5rem 0 0.5rem 4.5rem
	}
	.comp-bullet-list .item:before {
		width: 3rem;
		height: 3rem;
		line-height: 3rem;
		font-size: 1.2rem;
		top: 50%;
		transform: translateY(-50%)
	}
}

.comp-paymodes-card {
	background: #fff;
	padding: 2.03125vw 1.17188vw 2.1875vw;
	box-shadow: -14px 38px 51px 0 rgba(0, 0, 0, 0.08);
	display: inline-block;
	width: 14.84375vw;
	height: 20.46875vw;
	border-radius: .25vw
}

.comp-paymodes-card .list .item {
	display: flex;
	align-items: center;
	margin-bottom: .39063vw
}

.comp-paymodes-card .list .item .img-wrap {
	width: 2.73438vw;
	margin-right: .78125vw;
	opacity: 0.41
}

.comp-paymodes-card .list .item .line {
	width: 8.59375vw;
	height: .625vw;
	opacity: 0.28;
	border-radius: .78125vw;
	background-color: #d8d8d8;
	display: inline-block
}

.comp-paymodes-card .all-opt {
	opacity: 0.6;
	font-size: .625vw;
	letter-spacing: 2px;
	color: #292929;
	text-align: center;
	display: block;
	padding-top: 1.17188vw
}

.comp-tab-slider .swiper-container {
	padding: 0 11.40625vw
}

.comp-tab-slider .swiper-slide {
	width: 29.14063vw;
	transition: all 0.3s ease;
	letter-spacing: -0.88px
}

.comp-tab-slider .swiper-slide.swiper-slide-active {
	opacity: 1
}

.comp-tab-slider .custom-bullet {
	width: auto;
	height: auto;
	margin: 0 !important;
	padding: 0 0 1.17188vw;
	background: transparent;
	border-radius: 0;
	color: #727781;
	position: relative;
	font-weight: 500;
	transition: all 0.3s ease;
	font-size: 1.09375vw;
	opacity: 1
}

.comp-tab-slider .custom-bullet:before {
	content: "";
	position: absolute;
	bottom: -.15625vw;
	height: .23438vw;
	background: #3aae97;
	width: 0%;
	transition: all 0.3s ease
}

.comp-tab-slider .custom-bullet.swiper-pagination-bullet-active {
	color: #3aae97
}

.comp-tab-slider .custom-bullet.swiper-pagination-bullet-active:before {
	width: 100%
}

.comp-tab-slider .custom-pagination {
	display: flex;
	margin-bottom: 6.64063vw;
	justify-content: space-between;
	border-bottom: 1px solid #c6cbd3
}

.comp-tab-slider .for-mobile {
	display: none
}

@media (max-width: 992px) {
	.comp-tab-slider .swiper-container {
		padding: 0 3.90625vw
	}
	.comp-tab-slider .custom-bullet.swiper-pagination-bullet {
		font-size: 1rem
	}
	.comp-tab-slider .comp-title-desc.typ-sm .desc {
		max-width: 100%
	}
}

@media (max-width: 767px) {
	.comp-tab-slider .swiper-slide {
		width: 100%
	}
	.comp-tab-slider .custom-pagination {
		margin-bottom: 4.8rem;
		overflow: auto;
		white-space: nowrap;
		border: 0;
		display: none
	}
	.comp-tab-slider .custom-pagination.for-mobile {
		display: block
	}
	.comp-tab-slider .custom-pagination.for-mobile .swiper-container {
		padding: 0 24%
	}
	.comp-tab-slider .custom-pagination.for-mobile .swiper-slide {
		padding: 0 1.8rem;
		width: auto;
		text-align: center;
		font-size: 1.4rem;
		line-height: 1.6rem
	}
	.comp-tab-slider .custom-pagination.for-mobile .swiper-slide.swiper-slide-active {
		color: #3aae97;
		font-weight: 500
	}
}

@media (max-width: 400px) {
	.comp-tab-slider .swiper-slide {
		width: 100%
	}
	.comp-tab-slider .selected-tab-mobile {
		max-width: inherit;
		margin: 0 1.8rem 3rem;
		width: auto
	}
	.comp-tab-slider .swiper-container {
		padding: 0 1.8rem
	}
}

.comp-donut {
	display: inline-block;
	border-radius: .25vw;
	box-shadow: -21px 30px 29px 0 rgba(0, 0, 0, 0.1);
	background-image: linear-gradient(144deg, #48c993, #3aae97);
	padding: 3.35938vw 1.71875vw 6.09375vw
}

.comp-donut .donut-wrap {
	border-radius: 50%;
	border: 1px solid rgba(223, 223, 223, 0.5);
	width: 11.71875vw;
	height: 11.71875vw;
	padding: .78125vw;
	position: relative
}

.comp-donut .donut-wrap .donut-chart {
	width: calc(100% - .78125vw);
	height: calc(100% - .78125vw)
}

.comp-donut .donut-wrap .count {
	position: absolute;
	left: 2.73438vw;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2.1875vw;
	font-weight: 600;
	color: #fff;
	text-align: left;
	letter-spacing: -0.41px
}

.comp-donut #counter {
	opacity: 0
}

.comp-boundry {
	display: inline-block;
	width: 13.28125vw;
	height: 17.57813vw;
	border-radius: .25vw;
	box-shadow: 0 26px 67px 16px rgba(55, 55, 55, 0.24);
	background-color: #292929;
	position: relative
}

.comp-boundry .boundry-chart {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40%
}

.comp-boundry .count {
	display: block;
	font-size: 3.04688vw;
	line-height: 3.89062vw;
	color: #3aae97;
	font-weight: 600;
	text-align: center;
	padding-top: 3.125vw
}

.comp-img-text-list.typ-wave:before {
	content: '';
	background: url(../images/wave-bg.svg) no-repeat;
	background-size: 100%;
	left: 0;
	top: 10%;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -1;
	position: absolute
}

.comp-img-text-list.typ-bqr>.list-items .gray-bg:before {
	height: 44.45313vw;
	bottom: 0
}

.comp-img-text-list>.list-items {
	padding: 7.5vw 0;
	align-items: center
}

.comp-img-text-list>.list-items:last-child {
	padding-bottom: 0
}

.comp-img-text-list>.list-items .gray-bg {
	position: relative
}

.comp-img-text-list>.list-items .gray-bg:before {
	content: "";
	position: absolute;
	bottom: 5vw;
	height: 23.4375vw;
	width: 34.6875vw;
	left: -11.5625vw;
	z-index: -1;
	background: #f8f8f8
}

.comp-img-text-list>.list-items .gray-bg.right-side:before {
	left: unset;
	right: -11.5625vw;
	z-index: -1
}

.comp-img-text-list>.list-items .gray-bg.typ-full:before {
	top: -3.35938vw;
	bottom: 0;
	height: auto
}

.comp-img-text-list>.list-items .img-wrap {
	position: relative;
	display: inline-block
}

.comp-img-text-list>.list-items .img-wrap .assets:after {
	content: '';
	display: table;
	clear: both
}

.comp-img-text-list>.list-items .img-wrap .btn-wrap {
	margin-top: 5vw
}

.comp-img-text-list .btn {
	box-shadow: none;
	font-weight: 600;
	min-width: 14.84375vw
}

.comp-img-text-list .comp-title-desc .desc {
	padding-top: 1.64063vw
}

.comp-img-text-list .comp-title-desc .btn-wrap {
	margin-top: 3.28125vw
}

.comp-img-text-list .comp-bqr-pay .window {
	width: 30.85938vw;
	min-height: 33.98438vw
}

.comp-img-text-list.typ-home>.list-items .gray-bg:before {
	width: 32.96875vw;
	height: 20.70313vw;
	bottom: -4.45313vw
}

.comp-img-text-list.typ-home>.list-items .gray-bg.right-side:before {
	bottom: -4.45313vw
}

.comp-img-text-list.typ-home .comp-home-business-info .img-wrap {
	max-width: 30.85938vw
}

.comp-img-text-list.typ-home .comp-professionals-info .img-wrap {
	max-width: 36.79688vw
}

.comp-img-text-list.typ-home .comp-physical-store-info .img-wrap,
.comp-img-text-list.typ-home .comp-ecom-business-info .img-wrap {
	max-width: 28.90625vw
}

.comp-img-text-list.typ-home .comp-ecom-business-info .browser {
	position: absolute;
	max-width: 18.125vw;
	left: 35%;
	bottom: 50%
}

.comp-img-text-list.typ-home .comp-ecom-business-info .excel {
	position: absolute;
	max-width: 25.54688vw;
	right: 15%;
	top: 60%
}

@media (max-width: 992px) {
	.comp-img-text-list.typ-wave:before {
		display: none
	}
	.comp-img-text-list .comp-title-desc .desc {
		padding-top: 1.6rem
	}
	.comp-img-text-list>.list-items {
		padding: 4.8rem 0
	}
	.comp-img-text-list>.list-items:first-child {
		padding-top: 0
	}
	.comp-img-text-list>.list-items .img-wrap {
		max-width: 80%;
		margin: 4.8rem auto 0;
		display: block
	}
	.comp-img-text-list.typ-bqr>.list-items .comp-bqr-pay {
		margin: 4rem auto 4rem;
		display: block
	}
	.comp-img-text-list.typ-bqr>.list-items .gray-bg:before {
		width: 55%
	}
	.comp-img-text-list.typ-home>.list-items .gray-bg:before {
		display: none
	}
	.comp-img-text-list.typ-home .comp-home-business-info .img-wrap,
	.comp-img-text-list.typ-home .comp-ecom-business-info .img-wrap,
	.comp-img-text-list.typ-home .comp-physical-store-info .img-wrap {
		max-width: 360px
	}
	.comp-img-text-list.typ-home .comp-professionals-info .img-wrap {
		max-width: 500px
	}
	.comp-img-text-list.typ-home .comp-ecom-business-info .laptop {
		margin: 6rem 0 4rem
	}
	.comp-img-text-list.typ-home .comp-ecom-business-info .browser {
		max-width: 15rem;
		left: 52%
	}
	.comp-img-text-list.typ-home .comp-ecom-business-info .excel {
		max-width: 25rem;
		right: 25%
	}
	.comp-img-text-list.typ-website>.list-items .gray-bg:before {
		width: 55%
	}
	.comp-img-text-list.typ-website>.list-items .img-wrap.typ-big {
		max-width: 32rem
	}
	.comp-img-text-list.typ-website>.list-items .img-wrap.typ-big .comp-bqr-pay {
		max-width: 32rem;
		width: 32rem
	}
	.comp-img-text-list.typ-website>.list-items .comp-bqr-pay {
		margin: 0 auto;
		width: 23.2rem
	}
	.comp-img-text-list.typ-website>.list-items .comp-bqr-pay .window {
		margin: 0 auto;
		min-height: 26rem
	}
	.comp-img-text-list.typ-website>.list-items .comp-bqr-pay .window .window-body .social-card {
		width: 5rem;
		height: 5rem
	}
}

@media (max-width: 767px) {
	.comp-img-text-list>.list-items {
		padding: 4.8rem 0
	}
	.comp-img-text-list>.list-items:first-child {
		padding-top: 0
	}
	.comp-img-text-list>.list-items .comp-title-desc .btn-wrap {
		margin-bottom: 4.8rem
	}
	.comp-img-text-list>.list-items .gray-bg:before {
		display: none
	}
	.comp-img-text-list>.list-items .img-wrap {
		max-width: 280px;
		display: block;
		margin: 4.8rem auto 0
	}
	.comp-img-text-list>.list-items .img-wrap .btn-wrap {
		margin-top: 4.8rem
	}
	.comp-img-text-list.typ-bqr>.list-items .comp-title-desc {
		margin-bottom: 4.8rem
	}
	.comp-img-text-list.typ-bqr>.list-items .gray-bg {
		padding: 1px
	}
	.comp-img-text-list.typ-bqr>.list-items .gray-bg:after {
		content: '';
		position: absolute;
		width: 20.5rem;
		height: 19.8rem;
		background: #f8f8f8;
		top: 0;
		right: -18px;
		z-index: -1
	}
	.comp-img-text-list.typ-bqr>.list-items .comp-bqr-pay {
		margin-top: 2.4rem
	}
	.comp-img-text-list.typ-bqr>.list-items .comp-bqr-pay .window {
		width: 20rem;
		min-height: 24.5rem;
		margin-left: -2.2rem
	}
	.comp-img-text-list.typ-website>.list-items .comp-title-desc {
		margin-bottom: 4.8rem
	}
	.comp-img-text-list.typ-website>.list-items .cm-line-break {
		display: none
	}
	.comp-img-text-list.typ-website>.list-items .img-wrap {
		margin-top: 2.4rem
	}
	.comp-img-text-list.typ-website>.list-items .gray-bg {
		padding: 1px
	}
	.comp-img-text-list.typ-website>.list-items .gray-bg.right-side:after {
		right: -18px;
		left: inherit
	}
	.comp-img-text-list.typ-website>.list-items .gray-bg:after {
		content: '';
		position: absolute;
		width: 20.5rem;
		height: auto;
		background: #f8f8f8;
		top: 0;
		left: -18px;
		z-index: -1;
		bottom: -2.4rem
	}
	.comp-img-text-list.typ-website>.list-items .comp-bqr-pay {
		max-width: 20rem;
		margin: 0 auto
	}
	.comp-img-text-list.typ-website>.list-items .comp-bqr-pay .window {
		width: 20rem;
		min-height: 24.5rem
	}
	.comp-img-text-list.typ-home .comp-home-business-info .img-wrap {
		max-width: 267px;
		width: auto
	}
	.comp-img-text-list.typ-home .comp-professionals-info .img-wrap {
		max-width: inherit;
		margin-left: -18px;
		margin-right: -18px
	}
	.comp-img-text-list.typ-home .comp-physical-store-info .img-wrap,
	.comp-img-text-list.typ-home .comp-ecom-business-info .img-wrap {
		max-width: 320px
	}
	.comp-img-text-list.typ-home .comp-ecom-business-info .browser {
		max-width: 15rem;
		left: 49%;
		bottom: 70%
	}
	.comp-img-text-list.typ-home .comp-ecom-business-info .excel {
		max-width: 22rem;
		right: 24%;
		top: 40%
	}
	.comp-img-text-list .comp-title-desc .btn-wrap {
		margin-top: 2.4rem
	}
}

@media (max-width: 400px) {
	.comp-img-text-list>.list-items .img-wrap .btn-wrap {
		text-align: center
	}
}

.comp-home-business-info .img-wrap {
	width: 100%;
	max-width: 34.6875vw;
	position: relative
}

.comp-home-business-info .img2 {
	position: relative;
	width: 61%;
	right: 6%;
	margin-top: -51%;
	float: right
}

@media (max-width: 992px) {
	.comp-home-business-info .img-wrap {
		width: 60%;
		margin: 0 auto
	}
}

.comp-physical-store-info .img-wrap {
	max-width: 32.8125vw;
	display: block !important;
	margin: 0 auto
}

.comp-feature-list {
	margin: 0 -2.10938vw;
	font-size: 0
}

.comp-feature-list .col-35,
.comp-feature-list .col-30 {
	width: 35%;
	padding: 0 1.5625vw
}

.comp-feature-list .feature-column {
	width: 33.33%;
	padding: 0 2.10938vw;
	display: inline-block;
	vertical-align: top
}

.comp-feature-list .middle {
	margin-top: 20.70313vw
}

.comp-feature-list .last {
	margin-top: 7.10938vw
}

.comp-feature-list.typ-ecom-business .column-1,
.comp-feature-list.typ-ecom-business .column-2,
.comp-feature-list.typ-ecom-business .column-3,
.comp-feature-list.typ-ecom-business .column-4,
.comp-feature-list.typ-ecom-business .column-5 {
	width: 33.33%;
	padding: 0 2.10938vw;
	display: inline-block;
	vertical-align: top
}

.comp-feature-list.typ-ecom-business .column-2 {
	margin-top: 7.8125vw
}

.comp-feature-list.typ-ecom-business .column-3 {
	width: 45%;
	margin-top: 7.8125vw;
	margin-right: -12%
}

.comp-feature-list.typ-ecom-business .column-4 {
	margin-top: 4.6875vw
}

.comp-feature-list.typ-ecom-business .column-5 {
	margin-left: 13%
}

.comp-feature-list.typ-physical-store {
	text-align: center
}

.comp-feature-list.typ-physical-store .column-1,
.comp-feature-list.typ-physical-store .column-2 {
	width: 48%;
	padding: 0 2.10938vw;
	display: inline-block;
	vertical-align: top
}

.comp-feature-list.typ-physical-store .column-1 .img-wrap {
	width: 80%
}

.comp-feature-list.typ-physical-store .column-2 {
	margin-top: 5.9375vw
}

@media (max-width: 992px) {
	.comp-feature-list {
		margin: 0
	}
	.comp-feature-list .feature-column {
		width: 100%;
		padding: 0;
		margin-bottom: 12.8rem
	}
	.comp-feature-list .middle,
	.comp-feature-list .last {
		margin-top: 0
	}
	.comp-feature-list .col-35,
	.comp-feature-list .col-30 {
		width: 100%;
		padding: 0 1.40625vw;
		margin-bottom: 10vw
	}
	.comp-feature-list .col-30 {
		margin-top: 0
	}
	.comp-feature-list .col-35:last-child {
		margin-top: 0
	}
	.comp-feature-list>div:last-child {
		margin-bottom: 0 !important
	}
	.comp-feature-list.typ-professionally .column-1,
	.comp-feature-list.typ-professionally .column-2,
	.comp-feature-list.typ-professionally .column-3,
	.comp-feature-list.typ-professionally .column-4,
	.comp-feature-list.typ-professionally .column-5,
	.comp-feature-list.typ-ecom-business .column-1,
	.comp-feature-list.typ-ecom-business .column-2,
	.comp-feature-list.typ-ecom-business .column-3,
	.comp-feature-list.typ-ecom-business .column-4,
	.comp-feature-list.typ-ecom-business .column-5,
	.comp-feature-list.typ-physical-store .column-1,
	.comp-feature-list.typ-physical-store .column-2,
	.comp-feature-list.typ-physical-store .column-3,
	.comp-feature-list.typ-physical-store .column-4,
	.comp-feature-list.typ-physical-store .column-5 {
		width: 100%;
		padding: 0 0;
		margin-bottom: 12.8rem
	}
	.comp-feature-list.typ-professionally .column-2,
	.comp-feature-list.typ-professionally .column-3,
	.comp-feature-list.typ-professionally .column-4,
	.comp-feature-list.typ-professionally .column-5,
	.comp-feature-list.typ-ecom-business .column-2,
	.comp-feature-list.typ-ecom-business .column-3,
	.comp-feature-list.typ-ecom-business .column-4,
	.comp-feature-list.typ-ecom-business .column-5,
	.comp-feature-list.typ-physical-store .column-2,
	.comp-feature-list.typ-physical-store .column-3,
	.comp-feature-list.typ-physical-store .column-4,
	.comp-feature-list.typ-physical-store .column-5 {
		margin-left: 0;
		margin-top: 0
	}
	.comp-feature-list.typ-professionally .comp-title-desc,
	.comp-feature-list.typ-ecom-business .comp-title-desc,
	.comp-feature-list.typ-physical-store .comp-title-desc {
		padding-left: 0 !important
	}
	.comp-feature-list.typ-physical-store .column-2 .img-wrap {
		max-width: 100%
	}
	.comp-feature-list.typ-physical-store .comp-title-desc {
		width: 100%
	}
	.comp-feature-list.typ-ecom-business .column-3 {
		margin-right: 0
	}
	.comp-feature-list.typ-ecom-business .column-3 .img-wrap {
		max-width: 100%
	}
}

.comp-product-feature {
	text-align: left
}

.comp-product-feature .img-wrap {
	margin-bottom: 3.28125vw;
	overflow: hidden
}

.comp-product-feature .on-whatsapp {
	max-width: 18.75vw;
	margin-left: auto;
	margin-right: auto
}

.comp-product-feature .comp-title-desc .caption {
	font-size: .9375vw;
	line-height: 1.09375vw
}

.comp-product-feature .comp-title-desc .title {
	font-size: 1.64063vw;
	line-height: 1.95313vw;
	padding-top: .54688vw
}

.comp-product-feature .comp-title-desc .desc {
	font-size: .9375vw;
	line-height: 1.25vw;
	padding-top: 1.09375vw
}

.comp-product-feature .comp-title-desc .btn {
	font-weight: 600;
	margin-top: 1.5625vw;
	font-size: 1.25vw;
	line-height: 1.25vw
}

@media (max-width: 580px) {
	.comp-product-feature .img-wrap.on-whatsapp {
		width: 19rem
	}
	.comp-product-feature .img-wrap.home-business-info {
		width: 100%;
		max-width: 23rem
	}
	.comp-product-feature .img-wrap.personalised-payment {
		max-width: 25rem
	}
	.comp-product-feature .comp-home-business-info .img-wrap {
		width: 25rem;
		max-width: 25rem
	}
}

@media (max-width: 992px) {
	.comp-product-feature {
		text-align: left;
		max-width: 500px;
		margin: 0 auto
	}
	.comp-product-feature .img-wrap {
		max-width: 22.8rem;
		margin: 0 auto 4.8rem
	}
	.comp-product-feature .img-wrap {
		margin-bottom: 3rem
	}
	.comp-product-feature .comp-title-desc {
		text-align: left
	}
	.comp-product-feature .comp-title-desc .caption {
		font-size: 1.2rem;
		line-height: 1.6rem
	}
	.comp-product-feature .comp-title-desc .title {
		font-size: 1.8rem;
		line-height: 2.6rem;
		padding-top: 0.5rem
	}
	.comp-product-feature .comp-title-desc .desc {
		font-size: 1.2rem;
		line-height: 1.6rem;
		margin-bottom: 2.4rem;
		padding-top: 1.6rem
	}
	.comp-product-feature .comp-title-desc .btn {
		font-size: 1.8rem;
		margin: 0
	}
	.comp-product-feature .comp-title-desc .btn .icon {
		margin-left: 0.2rem;
		font-size: 1.4rem
	}
}

.comp-product-list .head-cont .title {
	font-size: 1.64063vw;
	line-height: 2.34375vw;
	font-weight: 500;
	color: #040404
}

.comp-product-list .head-cont .desc {
	color: #727781;
	font-size: .9375vw;
	margin-top: .3125vw
}

.comp-product-list .head-cont .desc li {
	display: inline-block;
	position: relative
}

.comp-product-list .head-cont .desc li+li {
	padding-left: 1.40625vw
}

.comp-product-list .head-cont .desc li+li:before {
	content: "";
	width: .3125vw;
	height: .3125vw;
	background: #727781;
	border-radius: 50%;
	position: absolute;
	left: .46875vw;
	top: 50%;
	margin-top: -.15625vw
}

.comp-product-list .head-cont .comp-bullet-list {
	margin: 0;
	margin-top: 3.51563vw
}

.comp-product-list .head-cont .comp-bullet-list .item {
	font-size: 1.09375vw;
	padding-right: 1.5625vw;
	margin-bottom: 1.40625vw;
	line-height: 1.40625vw;
	padding-left: 2.73438vw
}

.comp-product-list .head-cont .comp-bullet-list .item:before {
	font-size: .78125vw;
	width: 1.64063vw;
	height: 1.64063vw;
	line-height: 1.79688vw
}

.comp-product-list .body-cont .product-slider {
	margin: 1.64063vw -.78125vw 4.21875vw;
	overflow: visible
}

.comp-product-list .body-cont .product-slider .swiper-wrapper {
	display: inline-block;
	width: 100%
}

.comp-product-list .body-cont .product-slider .swiper-slide {
	float: left;
	width: auto;
	margin: 0 .78125vw
}

.comp-product-list .comp-product-card {
	min-height: 18.04688vw;
	margin-left: 0;
	height: 18.75vw;
	margin-bottom: 1.5625vw
}

.comp-product-list .product-slider.typ-2 .swiper-slide {
	width: 37.5vw;
	margin: 0 .78125vw
}

@media (max-width: 992px) {
	.comp-product-list .head-cont .title {
		font-size: 1.8rem;
		line-height: 1.33
	}
	.comp-product-list .head-cont .desc {
		font-size: 1.1rem;
		line-height: 1.45;
		margin-top: 0.4rem
	}
	.comp-product-list .head-cont .desc li+li {
		padding-left: 0.8rem
	}
	.comp-product-list .head-cont .desc li+li:before {
		width: 3px;
		height: 3px;
		margin-top: -2px;
		left: 2px
	}
	.comp-product-list .body-cont .product-slider {
		margin: 2.4rem 0 6.4rem
	}
	.comp-product-list .body-cont .product-slider .swiper-wrapper {
		display: flex
	}
	.comp-product-list .body-cont .product-slider .swiper-wrapper .swiper-slide {
		float: none;
		margin: 0
	}
	.comp-product-list .body-cont .product-slider.typ-2 .swiper-slide {
		width: 231px;
		height: 320px
	}
	.comp-product-list .comp-product-card {
		width: 231px;
		height: 240px;
		min-height: inherit;
		padding: 46px 22px 22px 22px
	}
	.comp-product-list .comp-product-card.typ-list {
		height: 320px;
		padding-top: 80px
	}
}

@media (max-width: 768px) {
	.comp-product-list .comp-product-card:first-child {
		margin: 0
	}
	.comp-product-list .head-cont .comp-bullet-list .item {
		font-size: 1.4rem;
		line-height: 1.9rem;
		margin-bottom: 1.5rem;
		padding: 0.5rem 0 0.5rem 4rem
	}
	.comp-product-list .head-cont .comp-bullet-list .item:before {
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1.2rem;
		top: 0.4rem
	}
}

@media (max-width: 767px) {
	.comp-product-list .head-cont .comp-bullet-list .item {
		padding: 0.5rem 0 0.5rem 4rem
	}
	.comp-product-list .head-cont .comp-bullet-list .item:before {
		transform: none
	}
}

.comp-bqr-pay {
	position: relative;
	width: 30.9375vw
}

.comp-bqr-pay .img-container {
	margin: -.39063vw -4.6875vw 0 -2.65625vw
}

.comp-bqr-pay .window-action {
	height: .46875vw
}

.comp-bqr-pay .window-action span {
	width: .46875vw;
	height: .46875vw;
	background-color: rgba(187, 195, 207, 0.5);
	border-radius: 50%;
	display: inline-block;
	vertical-align: top
}

.comp-bqr-pay .pay-card-list {
	display: flex;
	margin: 2.03125vw 0 1.875vw 5.9375vw;
	position: absolute;
	bottom: .9375vw;
	text-align: center
}

.comp-bqr-pay .pay-card-list .item {
	margin-right: 1.95313vw
}

.comp-bqr-pay .social-card-list {
	display: flex;
	margin: 1.09375vw 0 .85938vw 1.09375vw
}

.comp-bqr-pay .social-card-list .item {
	margin-right: 1.5625vw
}

.comp-bqr-pay .social-list-title {
	text-align: left;
	font-size: .70313vw;
	font-weight: 500;
	padding-left: 1.09375vw
}

.comp-bqr-pay .social-card {
	width: 5.54688vw;
	height: 5.54688vw;
	border-radius: 3.6px;
	box-shadow: 0 25px 36px 0 rgba(156, 156, 156, 0.09);
	border: solid 1px #ebebeb;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}

.comp-bqr-pay .social-card img {
	max-width: 2.34375vw
}

.comp-bqr-pay .pay-card {
	width: 9.53125vw;
	height: 9.53125vw;
	box-shadow: 0 30px 29px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #ebebeb;
	background-color: #fff
}

.comp-bqr-pay .pay-card .img-card {
	margin: 1.95313vw auto 1.09375vw;
	max-width: 3.125vw
}

.comp-bqr-pay .pay-card .text {
	font-size: .70313vw;
	line-height: 1.25vw;
	font-weight: 300;
	letter-spacing: 0.45px;
	text-align: center;
	color: #919191
}

.comp-bqr-pay .btn-wrap {
	margin-top: 2.34375vw
}

.comp-bqr-pay .btn-wrap .btn {
	font-size: .9375vw;
	letter-spacing: .39063vw;
	opacity: 0.23
}

.comp-bqr-pay .amt-wrap {
	text-align: center;
	padding-top: 2.03125vw
}

.comp-bqr-pay .amt-wrap .text {
	font-size: .78125vw;
	font-weight: 500;
	line-height: 1.25vw;
	letter-spacing: .39063vw;
	color: #535353;
	display: block;
	text-transform: uppercase
}

.comp-bqr-pay .amt-wrap .value {
	font-size: 2.5vw;
	font-weight: 300;
	line-height: 2.96875vw;
	letter-spacing: 0.0px;
	color: #535353;
	display: block;
	padding-top: 1.09375vw
}

.comp-bqr-pay .amt-list {
	margin-top: 2.34375vw
}

.comp-bqr-pay .amt-list .item {
	box-shadow: 0 11px 36px 0 rgba(156, 156, 156, 0.09);
	background-color: #ffffff;
	padding: 2.03125vw 2.34375vw;
	text-align: left;
	margin-bottom: 1.40625vw;
	width: 112%;
	margin-left: 2.34375vw
}

.comp-bqr-pay .amt-list .item .text {
	font-size: 1.25vw;
	font-weight: 300;
	line-height: 1.25vw;
	color: #919191;
	width: 62%;
	display: inline-block;
	vertical-align: middle
}

.comp-bqr-pay .amt-list .item .amt {
	font-size: 1.25vw;
	line-height: 1.25vw;
	color: #000;
	display: inline-block;
	vertical-align: middle;
	width: 27%;
	text-align: right
}

.comp-bqr-pay .amt-list .item .icon {
	color: #3aae97;
	float: right;
	font-size: 1.01563vw;
	margin-top: .46875vw
}

.comp-bqr-pay .window {
	position: relative;
	width: 24.6875vw;
	min-height: 30.3125vw;
	box-shadow: 0 22px 32px 0 rgba(156, 156, 156, 0.09);
	border: solid 1px #ebebeb;
	background-color: #fff;
	padding: .78125vw;
	border-radius: .23438vw
}

.comp-bqr-pay .window .window-body {
	text-align: center
}

.comp-bqr-pay .window .window-body .img-wrap {
	max-width: 8.59375vw;
	margin: 2.65625vw auto 2.03125vw
}

.comp-bqr-pay .window .window-body .img-wrap.typ-two {
	max-width: 7.8125vw;
	margin: 1.5625vw auto .78125vw
}

.comp-bqr-pay .line-wrap.typ-left {
	padding-top: 6.5625vw
}

.comp-bqr-pay .line-wrap.typ-left .line {
	margin: 0 auto 0 2.57813vw;
	width: 10.85938vw
}

.comp-bqr-pay .line-wrap.typ-left .line.line3 {
	margin: .625vw auto .625vw 2.57813vw;
	width: 14.29688vw
}

.comp-bqr-pay .line-wrap.typ-left .line.line4 {
	width: 4.84375vw
}

.comp-bqr-pay .line-wrap.typ-email {
	margin-top: 1.32813vw;
	opacity: 0.39
}

.comp-bqr-pay .line-wrap.typ-email .line {
	width: 7.5vw
}

.comp-bqr-pay .line-wrap.typ-email .line.line2 {
	width: 5vw
}

.comp-bqr-pay .line-wrap .line {
	width: 15.3125vw;
	height: .46875vw;
	opacity: 0.39;
	border-radius: .23438vw;
	background-color: #c8cbce;
	display: block;
	margin: 0 auto
}

.comp-bqr-pay .line-wrap .line.line2 {
	width: 11.71875vw;
	margin: .46875vw auto
}

.comp-bqr-pay .payee {
	background: #eeeeee;
	width: 23.51563vw;
	border-radius: .54688vw;
	font-size: .9375vw;
	font-weight: 300;
	line-height: 1.17188vw;
	text-align: center;
	padding: 1.5625vw 0;
	margin: 1.64063vw auto 3.98438vw
}

.comp-bqr-pay .payee span {
	font-weight: 700
}

.comp-bqr-pay.typ-netbank {
	width: 33.59375vw;
	padding-top: 2.03125vw
}

.comp-bqr-pay.typ-flash {
	width: 36.17188vw;
	padding-top: 2.03125vw
}

.comp-bqr-pay.typ-notification {
	width: 35.9375vw
}

@media (max-width: 992px) {
	.comp-bqr-pay {
		max-width: 32rem;
		margin: 0 auto;
		width: 100%
	}
	.comp-bqr-pay .window {
		padding: .5rem
	}
	.comp-bqr-pay .window .window-action span {
		width: 0.4rem;
		height: 0.4rem
	}
	.comp-bqr-pay .window .window-body .amt-wrap {
		padding-top: 1.5rem
	}
	.comp-bqr-pay .window .window-body .amt-wrap .text {
		font-size: 0.6rem;
		line-height: 1rem;
		letter-spacing: .2rem
	}
	.comp-bqr-pay .window .window-body .amt-wrap .value {
		font-size: 1.8rem;
		line-height: 2rem;
		padding-top: .8rem
	}
	.comp-bqr-pay .window .window-body .amt-list {
		margin-top: 2.1rem
	}
	.comp-bqr-pay .window .window-body .amt-list .item {
		margin-bottom: 0.8rem;
		margin-left: 2.2rem;
		padding: 1.4rem
	}
	.comp-bqr-pay .window .window-body .amt-list .item .text {
		font-size: 0.8rem;
		line-height: 1rem
	}
	.comp-bqr-pay .window .window-body .amt-list .item .amt {
		font-size: 0.8rem;
		line-height: 1.2rem
	}
	.comp-bqr-pay .window .window-body .img-wrap.typ-two {
		max-width: 5.5rem
	}
	.comp-bqr-pay .line-wrap .line {
		height: .4rem;
		border-radius: .2rem
	}
	.comp-bqr-pay .line-wrap.typ-left .line {
		margin: 0 auto 0 .4rem;
		width: 7.8rem
	}
	.comp-bqr-pay .line-wrap.typ-left .line.line3 {
		margin: .4rem auto .4rem .4rem;
		width: 10.3rem
	}
	.comp-bqr-pay .line-wrap.typ-left .line.line4 {
		width: 3.5rem
	}
	.comp-bqr-pay .line-wrap.typ-email {
		margin-top: 1rem;
		opacity: 0.39
	}
	.comp-bqr-pay .line-wrap.typ-email .line {
		width: 5.4rem
	}
	.comp-bqr-pay .line-wrap.typ-email .line.line2 {
		width: 3.6rem
	}
	.comp-bqr-pay.typ-netbank {
		width: 24rem
	}
	.comp-bqr-pay.typ-flash {
		width: 25.8rem
	}
	.comp-bqr-pay.typ-notification {
		width: 25.8rem
	}
}

@media (max-width: 767px) {
	.comp-bqr-pay .payee {
		font-size: .7rem;
		width: 17rem;
		height: 3rem;
		line-height: 2rem;
		margin-top: 1.2rem;
		margin-bottom: 2.8rem
	}
	.comp-bqr-pay .window .window-body .social-card-list {
		margin-left: 1rem
	}
	.comp-bqr-pay .window .window-body .social-list-title {
		margin-left: 1rem;
		font-size: 0.5rem
	}
	.comp-bqr-pay .window .window-body .social-card {
		width: 4rem;
		height: 4rem
	}
	.comp-bqr-pay .window .window-body .social-card img {
		max-width: 1.8rem
	}
	.comp-bqr-pay .netbank-bottom-bg {
		left: -2.2rem
	}
	.comp-bqr-pay .sms-card {
		bottom: 1.3rem
	}
	.comp-bqr-pay .email-card {
		bottom: -3.5rem
	}
}

.comp-breadcrum {
	position: absolute;
	top: 9.21875vw;
	left: 0;
	right: 0;
	max-width: 80%;
	padding: 0 15px;
	margin: 0 auto
}

.comp-breadcrum .list .item {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.09375vw;
	line-height: 1.09375vw;
	color: #040404
}

.comp-breadcrum .list .item .icon {
	font-size: .9375vw;
	font-weight: 700;
	padding: 0 .625vw
}

.comp-breadcrum .list .item:last-child {
	color: #727781
}

@media (max-width: 992px) {
	.comp-breadcrum {
		display: none
	}
}

.comp-personalized-pay {
	position: relative
}

.comp-personalized-pay .window {
	width: 34.6875vw;
	min-height: 26.5625vw;
	position: relative;
	box-shadow: 0 4px 72px 0 rgba(164, 164, 164, 0.2);
	background-color: #fff;
	border-radius: .23438vw
}

.comp-personalized-pay .window-action {
	padding: .9375vw .9375vw 0 .9375vw;
	font-size: 0
}

.comp-personalized-pay .window-action span {
	width: .54688vw;
	height: .54688vw;
	background-color: rgba(187, 195, 207, 0.5);
	border-radius: 50%;
	display: inline-block;
	vertical-align: top
}

.comp-personalized-pay .window-action span+span {
	margin-left: .23438vw
}

.comp-personalized-pay .window-body {
	padding: 1.79688vw 15vw 2.1875vw 2.03125vw
}

.comp-personalized-pay .personal-info {
	overflow: hidden;
	position: relative
}

.comp-personalized-pay .personal-info .img-wrap {
	position: absolute
}

.comp-personalized-pay .personal-info .img-wrap .img {
	display: block;
	width: 4.45313vw;
	height: 4.45313vw;
	border-radius: 50%;
	background: #e0e0e0
}

.comp-personalized-pay .personal-info .desc-wrap {
	padding-left: 5.625vw;
	min-height: 5vw;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.comp-personalized-pay .personal-info .desc-wrap .line {
	opacity: 0.54;
	border-radius: .3125vw;
	background-color: #e0e0e0;
	height: .54688vw;
	display: block;
	margin: .39063vw 0;
	float: left;
	width: 9.6875vw
}

.comp-personalized-pay .personal-info .desc-wrap .line.line1 {
	max-width: 7.34375vw
}

.comp-personalized-pay .photo-wrap {
	margin-top: 3.125vw;
	display: inline-block;
	width: 100%
}

.comp-personalized-pay .photo-wrap .list {
	margin: -.39063vw;
	overflow: hidden
}

.comp-personalized-pay .photo-wrap .item {
	float: left;
	width: 50%;
	padding: .39063vw
}

.comp-personalized-pay .make-payment-card {
	position: absolute;
	width: 13.90625vw;
	right: -8%;
	padding: 2.10938vw 1.64063vw 3.59375vw;
	top: 3.51563vw;
	background: #3aae97;
	text-align: center;
	box-shadow: 0 26px 82px 0 rgba(55, 57, 55, 0.47);
	background-image: linear-gradient(143deg, #667eea 17%, #764ba2 83%)
}

.comp-personalized-pay .make-payment-card .title {
	font-size: .9375vw;
	letter-spacing: 1.56px;
	color: #fff;
	text-transform: uppercase
}

.comp-personalized-pay .make-payment-card .desc {
	margin-top: .54688vw;
	color: #fff;
	font-size: .46875vw;
	opacity: 0.39
}

.comp-personalized-pay .make-payment-card .payment-fields {
	margin-top: 2.89063vw
}

.comp-personalized-pay .make-payment-card .payment-fields .input {
	background: rgba(255, 255, 255, 0.35);
	padding: .625vw 1.09375vw;
	border-radius: 1.09375vw;
	text-align: left;
	font-size: .46875vw;
	line-height: .46875vw;
	color: rgba(29, 78, 69, 0.65);
	margin-bottom: .78125vw
}

.comp-personalized-pay .make-payment-card .btn-wrap {
	margin-top: 2.1875vw
}

.comp-personalized-pay .make-payment-card .btn-wrap .btn {
	font-size: .54688vw;
	line-height: .625vw;
	letter-spacing: .27344vw;
	text-transform: uppercase;
	background: #fff;
	padding: .85938vw 1.40625vw;
	color: #313131;
	border: none
}

.comp-personalized-pay .make-payment-card.typ-green {
	background: #40ad97
}

.comp-personalized-pay.typ-btn-pg .window-body {
	padding-right: 1.25vw
}

.comp-personalized-pay.typ-btn-pg .photo-wrap .list {
	float: left;
	width: 57%
}

.comp-personalized-pay.typ-btn-pg .photo-wrap .list:nth-child(2) {
	width: 44%;
	margin-left: .39063vw
}

.comp-personalized-pay.typ-btn-pg .photo-wrap .list:nth-child(2) .item {
	width: 100%
}

.comp-personalized-pay.typ-btn-pg .buy-btn {
	position: absolute;
	background-image: linear-gradient(102deg, #667eea 12%, #764ba2 82%);
	letter-spacing: .52734vw;
	font-size: .78125vw;
	border: none;
	top: 3.28125vw;
	right: -2.89063vw;
	padding: 1.875vw 5.78125vw;
	transition: all 0.4s
}

.comp-customize-page {
	position: relative;
	max-width: 75vw;
	margin: 0 auto
}

.comp-customize-page.mobile {
	display: none
}

@media (max-width: 992px) {
	.comp-customize-page {
		max-width: 75%
	}
	.comp-customize-page .page-assets .co-products {
		left: 0;
		right: 0;
		text-align: center
	}
	.comp-customize-page .page-assets .co-products .product {
		max-width: 25%;
		display: inline-block;
		float: none
	}
}

@media (max-width: 568px) {
	.comp-customize-page {
		display: none
	}
	.comp-customize-page.mobile {
		max-width: inherit;
		display: block
	}
	.comp-customize-page.mobile .img-wrap {
		max-width: 80%;
		margin: 0 auto
	}
}

.comp-stack-card {
	width: 49%;
	min-height: 14.53125vw;
	box-shadow: 0 28px 40px 0 rgba(156, 156, 156, 0.09);
	border: solid 1.2px #ebebeb;
	background-color: #fff;
	padding: 1.875vw;
	margin: 1%;
	display: inline-block;
	vertical-align: top
}

.comp-stack-card:nth-child(even) {
	margin-right: 0
}

.comp-stack-card:nth-child(odd) {
	margin-left: 0
}

.comp-stack-card .title {
	font-size: 1.64063vw;
	line-height: 2.1875vw;
	font-weight: 500;
	color: #3aae97
}

.comp-stack-card .list {
	padding-top: 1.09375vw;
	list-style: decimal inside
}

.comp-stack-card .list .item {
	font-size: .9375vw;
	line-height: 1.64063vw;
	font-weight: 300;
	color: #727781
}

@media (max-width: 992px) {
	.comp-stack-card {
		width: 100%;
		margin: 0;
		margin-bottom: 1.7rem;
		padding: 1.6rem;
		margin: 0 0 1.7rem 0
	}
	.comp-stack-card .title {
		font-size: 1.8rem;
		line-height: 2.8rem
	}
	.comp-stack-card .list {
		padding-top: 1.09375vw;
		list-style: decimal inside
	}
	.comp-stack-card .list .item {
		font-size: 1.2rem;
		line-height: 1.8rem
	}
}

.comp-process-flow .process-list {
	font-size: 0
}

.comp-process-flow .process-list>.item {
	display: inline-block;
	vertical-align: top;
	border-bottom-left-radius: .3125vw;
	border-bottom-right-radius: .3125vw;
	width: 24%;
	margin: 0.5%
}

.comp-process-flow .process-list>.item:first-child .title {
	background: #47c793
}

.comp-process-flow .process-list>.item:first-child .title:before {
	display: none
}

.comp-process-flow .process-list>.item:first-child .title:after {
	border-left-color: #47c793
}

.comp-process-flow .process-list>.item:last-child .title:after {
	display: none
}

.comp-process-flow .process-list .title {
	font-size: 1.40625vw;
	line-height: 2.1875vw;
	font-weight: 600;
	color: #fff;
	padding: 1.25vw 0;
	background: #47c793;
	border-top-left-radius: .3125vw;
	border-top-right-radius: .3125vw;
	text-align: center;
	position: relative
}

.comp-process-flow .process-list .title:after {
	content: '';
	width: 0;
	height: 0;
	border-top: .78125vw solid transparent;
	border-bottom: .78125vw solid transparent;
	border-left: .78125vw solid #47c795;
	position: absolute;
	right: -.78125vw;
	top: 1.5625vw;
	z-index: 2
}

.comp-process-flow .process-list .title:before {
	content: '';
	width: 0;
	height: 0;
	border-top: .78125vw solid transparent;
	border-bottom: .78125vw solid transparent;
	border-left: .78125vw solid #fff;
	position: absolute;
	left: 0;
	top: 1.5625vw;
	z-index: 1
}

.comp-process-flow .process-list .body-cont {
	padding: 0 1.875vw 5vw;
	box-shadow: 0 28px 40px 0 rgba(156, 156, 156, 0.09);
	border: solid 1.2px #ebebeb;
	background-color: #fff
}

.comp-process-flow .process-list .body-cont .link-title {
	font-size: .9375vw;
	line-height: 1.25vw;
	color: #454545;
	margin: 2.5vw 0 .625vw
}

.comp-process-flow .process-list .body-cont .link-list .item {
	font-size: .9375vw;
	line-height: 1.17188vw;
	color: #44b29c;
	margin: .70313vw 0
}

.comp-process-flow .process-list .body-cont .link-list .item .tag {
	background: #ff4c4c;
	width: 3.125vw;
	height: 1.5625vw;
	border-radius: .3125vw;
	font-size: .78125vw;
	line-height: 1.5625vw;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	margin-left: .3125vw
}

@media (max-width: 992px) {
	.comp-process-flow .process-list>.item {
		width: 48%;
		border-radius: 0.4rem;
		margin: 1%;
		box-shadow: 0 28px 40px 0 rgba(156, 156, 156, 0.09);
		overflow: hidden
	}
	.comp-process-flow .process-list .title {
		font-size: 2rem;
		line-height: 2.8rem;
		padding: 1.8rem 1rem;
		border-radius: 0
	}
	.comp-process-flow .process-list .title:after {
		display: none
	}
	.comp-process-flow .process-list .title:before {
		display: none
	}
	.comp-process-flow .process-list .body-cont {
		padding: 0 2.4rem 6rem;
		box-shadow: none
	}
	.comp-process-flow .process-list .body-cont .link-title {
		font-size: 1.4rem;
		font-weight: 600;
		line-height: 1.8rem;
		margin: 3.2rem 0 0.9rem
	}
	.comp-process-flow .process-list .body-cont .link-list .item {
		font-size: 1.4rem;
		line-height: 1.7rem;
		margin: 0.9rem 0
	}
	.comp-process-flow .process-list .body-cont .link-list .item .tag {
		width: auto;
		height: auto;
		padding: 0.5rem 1rem 0.4rem;
		border-radius: 0.4rem;
		font-size: 1rem;
		line-height: 1rem;
		margin-left: 0.4rem
	}
}

@media (max-width: 992px) {
	.comp-process-flow .process-list>.item {
		width: 100%;
		margin: 0 0 1.7rem 0
	}
}

.comp-invoice {
	width: 45vw;
	height: 50.15625vw;
	box-shadow: 0 8px 129px 0 rgba(164, 164, 164, 0.2);
	background-color: #fff;
	padding: 4.53125vw 2.1875vw 4.0625vw;
	position: relative
}

.comp-invoice .head {
	display: flex;
	justify-content: space-between
}

.comp-invoice .head .brand-info {
	width: 4.6875vw;
	height: 4.6875vw;
	background: #ededed;
	position: relative
}

.comp-invoice .head .brand-info .brand-name {
	position: absolute;
	right: -50%;
	top: 40%;
	font-size: .78125vw;
	letter-spacing: .10703vw;
	color: #949ba7
}

.comp-invoice .head .line-wrap .line {
	height: .5625vw;
	background: #c8cbce;
	width: 7.03125vw;
	opacity: 0.31;
	border-radius: 1.48438vw;
	display: block;
	margin-top: .625vw
}

.comp-invoice .head .line-wrap .line:last-child {
	width: 4.6875vw;
	margin: .625vw 0 0 auto
}

.comp-invoice .body {
	padding-top: 4.6875vw
}

.comp-invoice .body .title {
	font-size: 1.95313vw;
	font-weight: 700;
	color: #040404;
	text-transform: uppercase;
	letter-spacing: 5.04px;
	margin-bottom: 2.5vw
}

.comp-invoice .body .title span {
	font-size: .9375vw;
	font-weight: 400;
	margin-left: .9375vw;
	letter-spacing: 1.8px
}

.comp-invoice .body .table .td {
	padding: .9375vw 4.0625vw .9375vw 2.5vw;
	border-radius: .23438vw;
	box-shadow: 0 15px 39px 0 rgba(164, 164, 164, 0.05);
	background-color: #fff;
	opacity: 0.24;
	margin-bottom: .3125vw
}

.comp-invoice .body .table .td span {
	display: inline-block;
	vertical-align: middle;
	width: 18%;
	font-size: .9375vw;
	font-weight: 500;
	color: #000
}

.comp-invoice .body .table .td span:first-child {
	width: 42%
}

.comp-invoice .body .table .td.active {
	opacity: 1;
	transform: scale(1.3);
	transform-origin: 0 0;
	box-shadow: 0 18px 47px 0 rgba(164, 164, 164, 0.18)
}

.comp-invoice .body .random-lines {
	margin: 2.34375vw 0 2.34375vw;
	margin-left: 40%
}

.comp-invoice .body .random-lines .col {
	display: inline-block;
	width: 40%
}

.comp-invoice .body .random-lines .col:last-child .line {
	margin-left: auto;
	margin-right: 0
}

.comp-invoice .body .random-lines .line {
	height: .5625vw;
	background: #c8cbce;
	width: 7.03125vw;
	opacity: 0.31;
	border-radius: 1.48438vw;
	display: block;
	margin-top: .70313vw
}

.comp-invoice .body .random-lines .line.one {
	width: 5.78125vw
}

.comp-invoice .body .random-lines .line.two {
	width: 6.875vw
}

.comp-invoice .body .random-lines .line.three {
	width: 3.51563vw
}

.comp-invoice .body .random-lines .line.four {
	width: 2.96875vw
}

.comp-invoice .foot .amt-wrap .amt-payable {
	display: inline-block;
	vertical-align: top;
	width: 40%
}

.comp-invoice .foot .amt-wrap .text {
	font-size: .9375vw;
	line-height: 1.40625vw;
	color: #949ba7;
	letter-spacing: 1.8px;
	display: block
}

.comp-invoice .foot .amt-wrap .amt {
	font-weight: 700;
	font-size: 1.95313vw;
	letter-spacing: 5.04px;
	line-height: 2.34375vw;
	color: #040404;
	display: block;
	margin-top: 1.09375vw
}

.comp-invoice .foot .pay-btn {
	width: 23.59375vw;
	height: 4.92188vw;
	border-radius: 4.6875vw;
	background-image: linear-gradient(101deg, #667eea, #764ba2);
	font-weight: 700;
	font-size: 1.40625vw;
	letter-spacing: .70313vw;
	line-height: 4.92188vw;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	text-transform: uppercase
}

.comp-invoice .add-on {
	width: 16.95313vw;
	height: 16.95313vw;
	border-radius: .3125vw;
	box-shadow: 0 28px 40px 0 rgba(156, 156, 156, 0.09);
	border: solid 1.2px #ebebeb;
	background-color: #fff;
	position: absolute;
	left: -7.1875vw;
	top: -3.59375vw;
	padding: 2.5vw 2.34375vw 4.84375vw;
	text-align: center
}

.comp-invoice .add-on .img-wrap {
	width: 5.46875vw;
	margin: 0 auto 2.5vw
}

.comp-invoice .add-on .brand-name {
	font-size: 1.40625vw;
	line-height: 1.71875vw;
	letter-spacing: 3.0px;
	font-weight: 500;
	color: #7451ab
}

.comp-builtin-pg {
	max-width: 72.34375vw;
	margin: 0 auto;
	position: relative
}

.comp-builtin-pg:after {
	content: "";
	clear: both;
	display: table
}

.comp-builtin-pg:before {
	content: "";
	position: absolute;
	right: -14.92188vw;
	width: 56.40625vw;
	top: 16.01563vw;
	background: #f8f8f8;
	height: 47.5vw;
	z-index: -1
}

.comp-builtin-pg .big-img {
	width: 40.85938vw;
	float: left
}

.comp-builtin-pg .big-img img {
	box-shadow: 0 5px 15px 0 rgba(156, 156, 156, 0.2)
}

.comp-builtin-pg .brand-list {
	float: right;
	margin-top: 7.8125vw
}

.comp-builtin-pg .brand-list:after {
	content: "";
	display: table;
	clear: both
}

.comp-builtin-pg .brand-list .product-list {
	display: flex;
	align-items: top
}

.comp-builtin-pg .brand-list .product-list .item:last-child {
	margin-top: 5.07813vw
}

.comp-builtin-pg .brand-list .comp-brand-card {
	margin: 0 0 0 1.64063vw
}

.comp-builtin-pg .brand-list .comp-brand-card .brand-logo {
	max-width: 46%
}

.comp-builtin-pg .brand-list .comp-brand-card+.comp-brand-card {
	margin-top: 1.64063vw
}

@media (max-width: 992px) {
	.comp-builtin-pg {
		max-width: 100%
	}
	.comp-builtin-pg .big-img {
		display: none
	}
	.comp-builtin-pg:before {
		display: none
	}
	.comp-builtin-pg .brand-list {
		width: 100%;
		margin-top: 0
	}
	.comp-builtin-pg .brand-list .product-list {
		display: block;
		text-align: center
	}
	.comp-builtin-pg .brand-list .product-list .comp-brand-card {
		width: 22%;
		padding-top: 22%;
		display: inline-block
	}
	.comp-builtin-pg .brand-list .product-list .item .comp-brand-card {
		margin-left: 0
	}
	.comp-builtin-pg .brand-list .product-list .item .comp-brand-card+.comp-brand-card {
		margin-left: 1.2rem
	}
	.comp-builtin-pg .brand-list .product-list .item .comp-brand-card:last-child {
		display: none
	}
	.comp-builtin-pg .brand-list .product-list .item:last-child {
		margin-top: 1.2rem
	}
}

@media (max-width: 767px) {
	.comp-builtin-pg .brand-list {
		margin-left: -34%;
		margin-right: -34%;
		width: auto;
		margin-top: 0;
		float: none
	}
	.comp-builtin-pg .brand-list .item {
		font-size: 0
	}
}

.comp-create-url-form {
	width: 30.9375vw
}

.comp-create-url-form .img-container {
	margin: -.39063vw -2.34375vw 0 -2.34375vw
}

@media (max-width: 992px) {
	.comp-create-url-form {
		width: 32rem;
		margin: 0 auto
	}
	.comp-create-url-form .window-action {
		padding: 0.7rem 0.7rem 0 0.7rem;
		line-height: 0
	}
	.comp-create-url-form .window-action span {
		width: 0.5rem;
		height: 0.5rem
	}
	.comp-create-url-form .form-head img {
		margin: 1.5rem 0 1.6rem;
		max-width: 2.4rem
	}
	.comp-create-url-form .form-head .title {
		font-size: 0.84rem;
		line-height: 1.6
	}
	.comp-create-url-form .form-body {
		padding: 0 2rem
	}
	.comp-create-url-form .input-wrap {
		padding-bottom: 0.8rem;
		margin-top: 1.3rem
	}
	.comp-create-url-form .label {
		line-height: 1.6;
		font-size: .84rem
	}
	.comp-create-url-form .form-foot {
		margin: 2.1rem 0 2.6rem;
		padding: 0 3.1rem
	}
	.comp-create-url-form .form-foot .btn {
		letter-spacing: 0.3rem;
		padding: 1rem 1rem;
		font-size: 0.7rem
	}
}

.comp-choose-theme {
	width: 42.5vw
}

.comp-choose-theme:after {
	content: "";
	clear: both;
	display: table
}

.comp-choose-theme .theme-card {
	background: #fff;
	width: 20vw;
	height: 20.9375vw;
	overflow: hidden;
	padding: 1.25vw;
	border-radius: .78125vw;
	box-shadow: 0 28px 40px 0 rgba(156, 156, 156, 0.32);
	border: solid 1px #ebebeb;
	position: relative;
	float: left
}

.comp-choose-theme .theme-card:nth-child(even) {
	float: right
}

.comp-choose-theme .theme-card:first-child {
	margin-bottom: 2.5vw
}

.comp-choose-theme .theme-card:nth-child(2) {
	margin-bottom: 2.5vw
}

.comp-choose-theme .box {
	border-radius: .3125vw
}

.comp-choose-theme .theme-1 {
	z-index: 1
}

.comp-choose-theme .theme-1 .box,
.comp-choose-theme .theme-1 .line {
	background: #e2f3e0
}

.comp-choose-theme .theme-1 .box {
	margin-bottom: 1.875vw
}

.comp-choose-theme .one-column .box {
	height: 11.01563vw
}

.comp-choose-theme .one-column .line {
	border-radius: .54688vw;
	height: .9375vw
}

.comp-choose-theme .one-column .line+.line {
	margin-top: .70313vw
}

.comp-choose-theme .one-column .line.line2 {
	width: 55%
}

.comp-choose-theme .one-column .line.line3 {
	width: 30%
}

.comp-choose-theme .theme-2,
.comp-choose-theme .theme-3 {
	z-index: 2
}

.comp-choose-theme .theme-2 .box,
.comp-choose-theme .theme-3 .box {
	background: #e0e4f3
}

.comp-choose-theme .theme-2 .two-column,
.comp-choose-theme .theme-3 .two-column {
	margin-top: .625vw
}

.comp-choose-theme .theme-2 .two-column .box,
.comp-choose-theme .theme-3 .two-column .box {
	width: 8.59375vw;
	height: 6.79688vw;
	float: left
}

.comp-choose-theme .theme-2 .two-column .box:nth-child(even),
.comp-choose-theme .theme-3 .two-column .box:nth-child(even) {
	float: right;
	width: 8.28125vw
}

.comp-choose-theme .theme-3 .two-column {
	margin-top: 0
}

.comp-choose-theme .theme-3 .box {
	background-color: #f3e5e0;
	margin-bottom: .625vw
}

.comp-choose-theme .theme-4 {
	z-index: 999
}

.comp-choose-theme .theme-4 .box,
.comp-choose-theme .theme-4 .line {
	background: #e0f3f2
}

.comp-choose-theme .theme-4 .cont-wrap {
	overflow: hidden
}

.comp-choose-theme .theme-4 .cont-wrap+.cont-wrap {
	margin-top: .625vw
}

.comp-choose-theme .theme-4 .box {
	height: 5.54688vw;
	width: 5.54688vw;
	float: left
}

.comp-choose-theme .theme-4 .line-wrap {
	float: right;
	padding-top: .39063vw;
	width: 10.625vw
}

.comp-choose-theme .theme-4 .line-wrap .line {
	height: .625vw
}

@media (max-width: 992px) {
	.comp-choose-theme {
		width: 100%;
		max-width: 32rem;
		margin: 0 auto
	}
	.comp-choose-theme .theme-card {
		width: 49%
	}
}

.comp-code-btn {
	width: 62.8125vw;
	object-fit: contain;
	border-radius: .28125vw;
	box-shadow: 0 25px 36px 0 rgba(156, 156, 156, 0.09);
	border: solid 1px #ebebeb;
	background-color: #fff;
	margin: 0 auto;
	padding: 2.10938vw 1.71875vw;
	margin-bottom: 4.53125vw
}

.comp-code-btn .code {
	text-align: center;
	font-size: 1.25vw;
	line-height: 2.1875vw;
	color: #727781;
	word-break: break-all
}

@media (max-width: 992px) {
	.comp-code-btn {
		padding: 1.6rem;
		width: auto;
		max-width: 38.4rem
	}
	.comp-code-btn .code {
		font-size: 1.2rem;
		line-height: 1.8rem;
		text-align: left
	}
}

@media (max-width: 767px) {
	.comp-code-btn {
		max-width: 28.4rem
	}
}

.comp-add-product {
	width: 30.9375vw
}

.comp-add-product .img-container {
	margin: -.39063vw -2.34375vw 0 -11.32813vw
}

@media (max-width: 992px) {
	.comp-add-product {
		width: 32rem;
		margin: 0 auto
	}
	.comp-add-product .window-action {
		padding: 0.7rem 0.7rem 0 0.7rem;
		line-height: 0
	}
	.comp-add-product .window-action span {
		width: 0.5rem;
		height: 0.5rem
	}
	.comp-add-product .window-body {
		padding: 1.8rem 1.8rem 1.6rem 1.8rem
	}
	.comp-add-product .comp-add-image .text {
		font-size: 0.9rem
	}
	.comp-add-product .comp-add-image .icon {
		font-size: 1.6rem
	}
	.comp-add-product .preview-image {
		margin-top: 3.6rem;
		margin-left: -8.5rem;
		width: 27.2rem
	}
	.comp-add-product .preview-image .img {
		max-width: 12.8rem;
		max-height: inherit
	}
	.comp-add-product .preview-image .img+.img {
		margin-left: 1.6rem
	}
}

.comp-add-image {
	border-radius: .3125vw;
	border: 2px dashed #f36363;
	text-align: center;
	padding: 3.28125vw
}

.comp-add-image .icon,
.comp-add-image .text {
	color: #f36363;
	display: block
}

.comp-add-image .icon {
	font-size: 2.34375vw
}

.comp-add-image .text {
	font-size: 1.25vw;
	margin-top: .78125vw;
	font-weight: 500
}

@media (max-width: 992px) {
	.comp-add-image {
		padding: 2.4rem;
		border-width: 1px
	}
	.comp-add-image .text {
		font-size: 1.4rem;
		font-weight: normal;
		margin-top: 0.5rem
	}
	.comp-add-image .icon {
		font-size: 2rem
	}
}

.comp-product-catalogue {
	text-align: center;
	font-size: 0;
	padding-bottom: 5.70313vw
}

.comp-product-catalogue .icon {
	font-size: 1.5625vw
}

.comp-product-catalogue .comp-add-image {
	padding: 5.3125vw .78125vw
}

.comp-product-catalogue .product-wrap+.product-wrap {
	margin-top: 2.1875vw
}

.comp-product-catalogue .cols {
	min-width: 15vw;
	max-width: 15vw;
	display: inline-block;
	vertical-align: top
}

.comp-product-catalogue .cols+.cols {
	margin-left: 2.1875vw
}

.comp-product-catalogue .cols .product-details {
	text-align: left;
	padding: 1.09375vw 1.09375vw 3.125vw;
	background: #fff;
	box-shadow: 0 11px 64px 0 rgba(156, 156, 156, 0.26)
}

.comp-product-catalogue .cols .product-details .name {
	font-size: 1.25vw;
	line-height: 1.2;
	margin-bottom: .78125vw
}

.comp-product-catalogue .cols .product-details .price {
	font-size: 1.01563vw;
	color: #f36363
}

.comp-product-catalogue .gray-bg:before {
	content: "";
	position: absolute;
	bottom: 8.82813vw;
	height: 37.26563vw;
	width: 56.40625vw;
	right: 0;
	z-index: -1;
	background: #f8f8f8
}

@media (max-width: 992px) {
	.comp-product-catalogue {
		padding-bottom: 0
	}
	.comp-product-catalogue .gray-bg:before {
		display: none
	}
	.comp-product-catalogue .cols {
		width: 28%;
		min-width: 28%;
		max-width: 28%
	}
	.comp-product-catalogue .cols:last-child {
		display: none
	}
	.comp-product-catalogue .cols .product-details {
		padding: 1.4rem 1.4rem 3.2rem 1.4rem
	}
	.comp-product-catalogue .cols .product-details .name {
		font-size: 1.4rem;
		margin-bottom: 0.5rem
	}
	.comp-product-catalogue .cols .product-details .price {
		font-size: 1.3rem
	}
	.comp-product-catalogue .cols+.cols {
		margin-left: 1.6rem
	}
	.comp-product-catalogue .icon {
		font-size: 2rem
	}
}

@media (max-width: 568px) {
	.comp-product-catalogue {
		width: auto;
		margin-left: -250px;
		margin-right: -250px
	}
	.comp-product-catalogue .cols {
		width: 250px;
		min-width: 250px;
		max-width: 250px
	}
	.comp-product-catalogue .cols .product-details {
		padding: 1.6rem 1.6rem 4.6rem 1.6rem
	}
	.comp-product-catalogue .cols .product-details .name {
		font-size: 1.6rem
	}
	.comp-product-catalogue .cols .product-details .price {
		font-size: 1.4rem
	}
	.comp-product-catalogue .cols+.cols {
		margin-left: 16px
	}
	.comp-product-catalogue .comp-add-image {
		padding: 8.5rem 0.5rem
	}
	.comp-product-catalogue .product-wrap+.product-wrap {
		margin-top: 1.6rem
	}
}

.comp-multi-paymt-list {
	max-width: 34.29688vw;
	margin: 0 auto
}

@media (max-width: 992px) {
	.comp-multi-paymt-list {
		max-width: 29rem
	}
}

.comp-invoice-banner .img-1 {
	max-width: 35.15625vw;
	float: right;
	position: relative;
	z-index: 1;
	top: -3.90625vw;
	right: -7.8125vw
}

.comp-invoice-banner .window:after {
	content: "";
	display: table;
	clear: both
}

.comp-invoice-banner .img2 {
	max-width: 33.51563vw;
	position: absolute;
	z-index: 0;
	top: 3.51563vw;
	left: 7.03125vw
}

@font-face {
	font-family: 'payconnect';
	src: url("../fonts/icomoon.eot?bjsc93");
	src: url("../fonts/icomoon.eot?bjsc93#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?bjsc93") format("truetype"), url("../fonts/icomoon.woff?bjsc93") format("woff"), url("../fonts/icomoon.svg?bjsc93#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'payconnect' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-Mail-SMS:before {
	content: "\e936"
}

.icon-One-Click:before {
	content: "\e937"
}

.icon-Reminder:before {
	content: "\e938"
}

.icon-Secure:before {
	content: "\e939"
}

.icon-excel:before {
	content: "\e933"
}

.icon-no-code-2:before {
	content: "\e934"
}

.icon-no-rupee:before {
	content: "\e935"
}

.icon-block:before {
	content: "\e92d"
}

.icon-copy-paste:before {
	content: "\e92e"
}

.icon-down:before {
	content: "\e92f"
}

.icon-integrate:before {
	content: "\e930"
}

.icon-new-window:before {
	content: "\e931"
}

.icon-upload-pic:before {
	content: "\e932"
}

.icon-all-option:before {
	content: "\e926"
}

.icon-builtin-pg:before {
	content: "\e927"
}

.icon-customize:before {
	content: "\e928"
}

.icon-go-fast:before {
	content: "\e929"
}

.icon-no-charge:before {
	content: "\e92a"
}

.icon-no-coding:before {
	content: "\e92b"
}

.icon-no-fees:before {
	content: "\e92c"
}

.icon-forword:before {
	content: "\e925"
}

.icon-merge:before {
	content: "\e900"
}

.icon-vplay:before {
	content: "\e901"
}

.icon-back:before {
	content: "\e902"
}

.icon-ball:before {
	content: "\e903"
}

.icon-call:before {
	content: "\e904"
}

.icon-card:before {
	content: "\e905"
}

.icon-close:before {
	content: "\e906"
}

.icon-commobile:before {
	content: "\e907"
}

.icon-dollar:before {
	content: "\e908"
}

.icon-down-arrow:before {
	content: "\e909"
}

.icon-dss:before {
	content: "\e90a"
}

.icon-earth:before {
	content: "\e90b"
}

.icon-emi:before {
	content: "\e90c"
}

.icon-euro:before {
	content: "\e90d"
}

.icon-facebook:before {
	content: "\e90e"
}

.icon-fijian:before {
	content: "\e90f"
}

.icon-flash:before {
	content: "\e910"
}

.icon-instagram:before {
	content: "\e911"
}

.icon-youtube:before {
	content: "\ea9d"
}

.icon-linkedin:before {
	content: "\eac9"
}

.icon-left-arrow:before {
	content: "\e912"
}

.icon-mastercard:before {
	content: "\e913"
}

.icon-menu:before {
	content: "\e914"
}

.icon-netbank:before {
	content: "\e915"
}

.icon-norton:before {
	content: "\e916"
}

.icon-o-tick:before {
	content: "\e917"
}

.icon-play:before {
	content: "\e918"
}

.icon-pound:before {
	content: "\e919"
}

.icon-quote:before {
	content: "\e91a"
}

.icon-right-arrow:before {
	content: "\e91b"
}

.icon-rupee:before {
	content: "\e91c"
}

.icon-safekey:before {
	content: "\e91d"
}

.icon-setting:before {
	content: "\e91e"
}

.icon-tikmark:before {
	content: "\e91f"
}

.icon-twitter:before {
	content: "\e920"
}

.icon-upi:before {
	content: "\e921"
}

.icon-visa:before {
	content: "\e922"
}

.icon-wallet:before {
	content: "\e923"
}

.icon-yen:before {
	content: "\e924"
}

.comp-get-recognized {
	position: relative
}

.comp-get-recognized:after {
	content: "";
	display: table;
	clear: both
}

.comp-get-recognized .column-1 {
	width: 37.34375%;
	float: left
}

.comp-get-recognized .column-2 {
	float: right;
	width: 61.875%
}

.comp-get-recognized .row-2 {
	margin-top: 1.2%
}

.comp-get-recognized .row-2:after {
	content: "";
	display: table;
	clear: both
}

.comp-get-recognized .row-2 img {
	width: 49.2%;
	float: left
}

.comp-get-recognized .row-2 .img1 {
	width: 49.3%
}

.comp-get-recognized .row-2 .img2 {
	float: right
}

@media (max-width: 767px) {
	.comp-get-recognized {
		margin-bottom: 0
	}
}

@media (max-width: 400px) {
	.comp-get-recognized .column-1,
	.comp-get-recognized .column-2 {
		width: 100%
	}
	.comp-get-recognized .column-2 {
		margin-top: 1.2%
	}
}

.comp-enjoy-flavours {
	padding: 0 0.7%;
	font-size: 0
}

.comp-enjoy-flavours .column {
	width: 31.93%;
	margin: 0 0.7%;
	vertical-align: top;
	display: inline-block;
	box-shadow: 0 4px 64px 0 rgba(164, 164, 164, 0.2)
}

.comp-enjoy-flavours .column:nth-child(2) {
	margin-top: 5.78125vw
}

@media (max-width: 767px) {
	.comp-enjoy-flavours {
		margin: 0 -65%
	}
	.comp-enjoy-flavours .column:nth-child(2) {
		margin-top: 4rem
	}
}

.comp-achievement .achievement-slider {
	padding-bottom: 7.8125vw
}

.comp-achievement .swiper-slide {
	width: 30.9375vw
}

.comp-achievement .year {
	font-size: 2.1875vw;
	font-weight: 500;
	text-align: left;
	display: block;
	color: #3aae97
}

.comp-achievement .swiper-button-next,
.comp-achievement .swiper-button-prev {
	top: unset;
	bottom: 0;
	background: #fff;
	border-radius: 50%;
	width: 3.75vw;
	height: 3.75vw;
	border: 1px solid #ddd;
	transition: all 0.4s ease-out
}



.comp-achievement .swiper-button-next:hover,
.comp-achievement .swiper-button-prev:hover {
	background: #3aae97;
	border-color: #3aae97;
	color:#fff;
}

.comp-achievement .swiper-button-next:hover:before,
.comp-achievement .swiper-button-prev:hover:before {
	color: #fff;
	margin-left: -3px
}

.comp-achievement .swiper-button-next {
	right: 50%;
	margin-right: -4.375vw
}


.comp-achievement .swiper-button-next:hover:before {
	margin-left: 3px
}

.comp-achievement .swiper-button-prev {
	left: 50%;
	margin-left: -4.375vw
}

.comp-achievement .swiper-wrapper .swiper-slide:last-child .circle-wrap:before {
	width: 0
}

.comp-achievement .achievement {
	padding: 0 3.28125vw
}

.comp-achievement .circle-wrap {
	text-align: left;
	margin-top: 2.96875vw;
	position: relative;
	font-size: 0
}

.comp-achievement .circle-wrap:before {
	content: "";
	left: 0;
	top: 50%;
	height: 1px;
	background: #c6cbd3;
	position: absolute;
	margin-top: -.07813vw;
	width: calc(100% + 6.5625vw)
}

.comp-achievement .circle-wrap span {
	display: inline-block;
	width: 5vw;
	height: 5vw;
	border: 1px solid #c6cbd3;
	border-radius: 50%;
	position: relative;
	background: #fff
}

.comp-achievement .circle-wrap span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.64063vw;
	height: 1.64063vw;
	transform: translate(-50%, -50%);
	background: #3aae97;
	border-radius: 50%
}

.comp-achievement .comp-title-desc .title {
	padding-top: 4.53125vw;
	font-size: 1.64063vw
}

@media (max-width: 992px) {
	.comp-achievement .comp-title-desc .desc {
		padding-top: 0;
		max-width: 100%
	}
	.comp-achievement .swiper-slide {
		width: 280px
	}
	.comp-achievement .swiper-button-prev,
	.comp-achievement .swiper-button-next {
		width: 4rem;
		height: 4rem
	}
	.comp-achievement .swiper-button-prev:before,
	.comp-achievement .swiper-button-next:before {
		line-height: 4rem;
		font-size: 1.4rem;
		left: 44%
	}
	.comp-achievement .swiper-button-next {
		margin-right: -5rem
	}
	.comp-achievement .swiper-button-next:before {
		left: 53%
	}
	.comp-achievement .swiper-button-prev {
		margin-left: -5rem
	}
}

@media (max-width: 767px) {
	.comp-achievement .achievement-slider {
		padding-bottom: 8rem
	}
	.comp-achievement .swiper-button-prev,
	.comp-achievement .swiper-button-next {
		width: 3rem;
		height: 3rem
	}
	.comp-achievement .swiper-button-prev:before,
	.comp-achievement .swiper-button-next:before {
		font-size: 0.8rem;
		left: 44%
	}
	.comp-achievement .swiper-button-next {
		margin-right: -3.5rem
	}
	.comp-achievement .swiper-button-next:before {
		left: 53%
	}
	.comp-achievement .swiper-button-prev {
		margin-left: -3.5rem
	}
	.comp-achievement .swiper-slide {
		width: 29rem
	}
	.comp-achievement .year {
		font-size: 2.8rem;
		text-align: center
	}
	.comp-achievement .achievement {
		padding: 0 3.2rem
	}
	.comp-achievement .circle-wrap {
		margin-top: 3.8rem;
		text-align: center
	}
	.comp-achievement .circle-wrap:before {
		left: -3.2rem;
		right: -3.2rem;
		margin-top: 0.1rem;
		width: auto
	}
	.comp-achievement .circle-wrap span {
		width: 6.4rem;
		height: 6.4rem
	}
	.comp-achievement .circle-wrap span:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 2.1rem;
		height: 2.1rem
	}
	.comp-achievement .swiper-wrapper .swiper-slide:last-child .circle-wrap:before {
		width: auto;
		right: 50%
	}
	.comp-achievement .swiper-wrapper .swiper-slide:first-child .circle-wrap:before {
		width: auto;
		left: 50%
	}
	.comp-achievement .comp-title-desc .title {
		padding-top: 5.8rem;
		font-size: 2.1rem
	}
	.comp-achievement .comp-title-desc .desc {
		max-width: 100%
	}
}

@media (max-width: 599px) {
	.comp-achievement .swiper-button-next,
	.comp-achievement .swiper-button-prev {
		width: 4.8rem;
		height: 4.8rem
	}
	.comp-achievement .swiper-button-next:before,
	.comp-achievement .swiper-button-prev:before {
		left: 48%;
		font-size: 1.6rem
	}
	.comp-achievement .swiper-button-next {
		right: 50%;
		margin-right: -5.6rem
	}
	.comp-achievement .swiper-button-prev {
		margin-left: -5.6rem
	}
}

.comp-work-from {
	padding: 0 0.7%;
	font-size: 0
}

.comp-work-from .column {
	width: 48.6%;
	margin: 0 0.7%;
	vertical-align: top;
	display: inline-block;
	box-shadow: 0 4px 64px 0 rgba(164, 164, 164, 0.2)
}

.comp-work-from .column:nth-child(2) {
	margin-top: 4.45313vw
}

@media (max-width: 400px) {
	.comp-work-from {
		margin: 0 -35%
	}
}

.comp-table .table-wrap table {
	width: 100%
}

.comp-table .table-wrap th {
	background: #040404;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.40625vw;
	padding: 1.71875vw 3.35938vw
}

.comp-table .table-wrap tr {
	border-top: .07813vw solid #fff;
	border-bottom: .15625vw solid #fff;
	background: #f9f9f9
}

.comp-table .table-wrap tr:nth-child(odd) {
	background: #e4e4e4
}

.comp-table .table-wrap td {
	font-size: 1.09375vw;
	font-weight: 500;
	padding: 1.71875vw 3.35938vw
}

.comp-table .note {
	text-align: center;
	margin-top: 5.46875vw;
	font-size: 1.64063vw
}

.comp-table .note .link {
	color: #3aae97
}

@media (max-width: 992px) {
	.comp-table .table-wrap td,
	.comp-table .table-wrap th {
		font-size: 1rem
	}
}

@media (max-width: 767px) {
	.comp-table thead {
		display: none
	}
	.comp-table table,
	.comp-table tr,
	.comp-table td,
	.comp-table tbody {
		display: block
	}
	.comp-table .table-wrap td {
		padding: 1.7rem 2.2rem;
		font-size: 1.4rem
	}
	.comp-table .table-wrap td:before {
		content: attr(data-label);
		display: block;
		font-size: 1.2rem;
		color: #000
	}
	.comp-table .table-wrap td:first-child {
		background: #000
	}
	.comp-table .table-wrap td:first-child:before {
		color: #fff
	}
	.comp-table .table-wrap td:last-child {
		background: #fff
	}
	.comp-table .table-wrap tr {
		border: 0;
		border-radius: 1rem;
		overflow: hidden;
		box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
		background: #e4e4e4
	}
	.comp-table .table-wrap tr+tr {
		margin-top: 1.2rem
	}
	.comp-table .note {
		font-size: 1.4rem;
		line-height: 1.7rem;
		margin-top: 2rem
	}
}

.comp-payout-banner {
	position: relative
}

.comp-payout-banner .payout-img {
	position: relative;
	z-index: 2
}

.comp-payout-banner .bar-chart {
	width: 27.65625vw;
	opacity: 0.5;
	position: absolute;
	right: -10.15625vw;
	top: -7.8125vw;
	z-index: 1
}

.comp-latest-products {
	background: #000;
	padding: 4.14063vw 5.07813vw 6.40625vw;
	border-radius: .70313vw;
	margin-top: 2.73438vw
}

.comp-latest-products .tag {
	font-size: 1.25vw;
	line-height: 1.25vw;
	display: inline-block;
	background: red;
	color: #fff;
	padding: .39063vw .9375vw;
	border-radius: .3125vw;
	text-transform: uppercase;
	margin-left: .39063vw
}

.comp-latest-products .title {
	font-size: 3.28125vw;
	line-height: 4.14063vw;
	color: #fff;
	margin: 1.875vw 0 3.28125vw
}

.comp-latest-products .title .highlight {
	color: #3aae97
}

@media (max-width: 992px) {
	.comp-latest-products {
		padding: 4rem 2.4rem;
		border-radius: 0.9rem;
		margin-top: 3.5rem
	}
	.comp-latest-products .tag {
		font-size: 1.4rem;
		line-height: 1.4rem;
		padding: 0.5rem 1rem;
		border-radius: 0.4rem;
		margin-left: 0
	}
	.comp-latest-products .title {
		font-size: 3.4rem;
		line-height: 1.18;
		margin: 1.8rem 0 3rem
	}
}

.comp-mission {
	padding: 3.90625vw 0 14.6875vw;
	position: relative;
	background-size: cover;
	text-align: center
}

.comp-mission .title {
	font-size: 4.14063vw;
	line-height: 5vw;
	font-weight: 700;
	color: #040404
}

.comp-mission .desc {
	font-size: 1.40625vw;
	line-height: 2.5vw;
	color: #727781;
	padding-top: 1.40625vw
}

@media (max-width: 992px) {
	.comp-mission {
		padding: 12.4rem 0;
		margin-top: 4.8rem
	}
	.comp-mission .title {
		font-size: 3.4rem;
		line-height: 3.8rem
	}
	.comp-mission .desc {
		font-size: 1.4rem;
		line-height: 2.4rem;
		padding-top: 1.6rem
	}
}

.comp-newsletter {
	background: url(../images/newsletter-bg.png) center center no-repeat;
	padding-top: 27.34375vw;
	padding-bottom: 13.67188vw;
	position: relative;
	background-size: cover
}

.comp-newsletter:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.25)
}

.comp-newsletter .title,
.comp-newsletter .newsletter-form {
	position: relative;
	z-index: 1
}

.comp-newsletter .title {
	font-size: 4.375vw;
	line-height: 5vw;
	color: #fff;
	text-align: center;
	font-weight: 600
}

.newsletter-form {
	text-align: center;
	margin-top: 4.6875vw
}

.newsletter-form .input-wrap {
	max-width: 21.64063vw;
	display: inline-block;
	vertical-align: middle
}

.newsletter-form .form-control {
	min-width: 21.64063vw
}

.newsletter-form .button-wrap {
	display: inline-block;
	vertical-align: middle
}

.newsletter-form .btn {
	border: 0;
	min-width: 12.5vw;
	margin-left: 1.5625vw
}

@media (max-width: 992px) {
	.newsletter-form {
		margin-top: 5rem
	}
	.newsletter-form .input-wrap {
		max-width: 30rem;
		width: 100%
	}
	.newsletter-form .form-control {
		width: 100%;
		min-width: 100%
	}
	.newsletter-form .btn {
		border: 0;
		min-width: 14rem;
		margin-left: 2rem
	}
}

@media (max-width: 992px) {
	.comp-newsletter {
		padding: 12rem 0 2.4rem
	}
	.comp-newsletter .title {
		font-size: 2.4rem;
		line-height: 2.8rem
	}
}

@media (max-width: 767px) {
	.newsletter-form .form-control {
		margin-bottom: 2.4rem
	}
	.newsletter-form .btn {
		margin-left: 0;
		margin-bottom: 2rem
	}
}

.logo-main-wrap {
	padding: 10.5vw 0 7.5vw;
	text-align: center
}

.logo-main-wrap .subtitle.bold-txt {
	font-size: 20px;
	padding-top: 40px;
	position: relative;
	padding-bottom: 20px;
	color: #000000
}

.logo-main-wrap .subtitle.bold-txt:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	background: #9fa1a7;
	width: 2.4rem;
	height: 1px;
	opacity: 0.2;
	border: solid 2px #9fa1a7;
	border-radius: 5px
}

.logo-main-wrap .title-wrap {
	margin-bottom: 1.688vw
}

.logo-main-wrap .comp-code-btn {
	margin-bottom: 1.531vw
}

.logo-container {
	max-width: 150px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px
}

.logo-container.black-bg {
	background: #000000
}

.logo-container.white-bg {
	background: #ffffff
}

.logo-container img {
	width: 100%
}

@media (max-width: 767px) {
	.logo-main-wrap {
		padding: 26.5vw 0 7.5vw
	}
}

#business-container .comp-payment-option.tally-video {
	min-height: auto;
	background: none;
	box-shadow: none
}

#business-container .comp-section .title-wrap {
	margin-top: 70px
}

.tab-content #business-container.tally-content {
	min-height: auto !important
}

#business-container .become-partner {
	padding-bottom: 0;
	padding-top: 0
}

#business-container .become-partner .comp-look-products {
	background: #3aae97;
	background: linear-gradient(to right, #3aae97 0%, #48c993 100%);
	display: inline-block;
	width: 100%
}

#business-container .become-partner .comp-look-products .partner-subtext {
	font-size: 16px;
	color: #ffffff;
	line-height: 28px;
	padding-bottom: 20px
}

#business-container .become-partner a.btn.btn-white {
	background: #ffffff;
	color: #3aae97
}

@media only screen and (max-width: 767px) {
	#business-container .comp-tab-wrap .comp-payment-option {
		float: left;
		width: 100%;
		max-width: 100%
	}
	#business-container .comp-tab-wrap .comp-payment-option.tally-video iframe {
		width: 100%;
		display: inline-block;
		max-width: 100%
	}
	#business-container .comp-section.tally-typ-faq {
		padding-bottom: 0
	}
	#business-container .comp-section {
		padding-top: 0
	}
	#business-container .selected-tab-mobile.tally-tab::after {
		top: 0.4rem
	}
	#business-container .btn {
		margin: 15px;
		display: inline-block
	}
	#business-container .comp-section.typ-product-bg2 {
		padding-top: 50px
	}
	#business-container .comp-section.typ-product-bg2 .comp-product-card.typ-list {
		min-height: 360px
	}
	#business-container .comp-section.typ-product-bg2 .comp-product-card.typ-list.typ-list-bs {
		min-height: 330px
	}
}

#business-container .selected-tab-mobile.tally-tab:after {
	top: 5px
}

.comp-accordion .accord-head {
	max-width: 71.875vw;
	margin: 0 auto;
	font-size: 1.5625vw;
	padding: 1.17188vw 3.125vw 1.17188vw 0;
	cursor: pointer;
	position: relative
}

.comp-accordion .accord-head:before {
	content: "+";
	right: 1.17188vw;
	font-size: 2.03125vw;
	position: absolute;
	line-height: 1.64063vw;
	width: 1.71875vw;
	height: 1.71875vw;
	text-align: center
}

.comp-accordion .accord-head.active {
	color: #3aae97
}

.comp-accordion .accord-head.active:before {
	content: "-"
}

.comp-accordion .accord-cont {
	display: none;
	background: #f1f1f1;
	padding: 1.875vw 0;
	margin-bottom: 1.17188vw
}

.comp-accordion .accord-cont .cont-wrap {
	max-width: 71.875vw;
	margin: 0 auto
}

@media (max-width: 992px) {
	.comp-accordion .accord-head {
		font-size: 1.5rem;
		padding: 1.4rem 4rem 1.4rem 0
	}
	.comp-accordion .accord-head:before {
		content: "+";
		right: 0;
		font-size: 2rem;
		line-height: 1.7rem;
		width: 1.6rem;
		height: 1.6rem;
		top: 50%;
		margin-top: -0.8rem
	}
	.comp-accordion .accord-cont {
		font-size: 1.4rem;
		padding: 2rem 0;
		margin-bottom: 1.5rem
	}
}

@media (max-width: 767px) {
	.comp-accordion .accord-head {
		margin: 0 18px;
		max-width: 100%;
		padding: 1.8rem 3rem 1.8rem 1.8rem;
		border: 2px solid #fff;
		border-radius: 0.5rem;
		line-height: 1.4;
		background: #fff;
		transition: all 0.2s ease-in-out
	}
	.comp-accordion .accord-head:before {
		right: 1.2rem
	}
	.comp-accordion .accord-head.active {
		border-color: none;
		box-shadow: none
	}
	.comp-accordion .accord-cont {
		background: #f1f1f1;
		margin: 0 18px;
		padding: 0
	}
	.comp-accordion .accord-cont .cont-wrap {
		padding: 1.8rem;
		max-width: 100%
	}
}

.donation-banner-main .banner-content {
	width: 39.141vw
}

.donation-banner-main .banner-content .btn-border .icon {
	margin-left: .78125vw
}

.donation-banner-main .banner-infography {
	width: 36.969vw
}

.donation-green {
	padding: 0
}

.donation-green .comp-look-products {
	background: linear-gradient(to right, #3aae97 0%, #48c993 100%)
}

.donation-green .comp-look-products:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: url("../images/donation-top-trangle.svg") no-repeat right top;
	width: 100%;
	height: 100%;
	z-index: 0
}

.donation-green .comp-look-products:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: url("../images/donation-bottom-trangle.svg") no-repeat left bottom;
	width: 100%;
	height: 100%;
	z-index: 0
}

.donation-green .comp-title-btn {
	position: relative;
	z-index: 10;
	padding: 100px 0
}

.donation-green .title {
	font-size: 48px;
	line-height: 48px;
	font-weight: normal;
	padding-bottom: 20px
}

.donation-green .green-box-subtext {
	font-size: 16px;
	color: #ffffff;
	line-height: 24px;
	padding-bottom: 36px
}

.donation-green a.btn.btn-white {
	background: #ffffff;
	color: #3aae97
}

.donation-green a.btn.btn-white:hover {
	background: #3aae97 radial-gradient(circle, #6cc0af 1%, #3aae97 1%) center/15000%;
	color: #fff;
	border: #ffffff solid 1px
}

.donation-green .green-logo-text {
	padding-top: 32px
}

.donation-green .green-logo-text span {
	display: inline-block;
	font-size: 20px;
	color: #ffffff;
	letter-spacing: -0.89px;
	line-height: 26px;
	vertical-align: middle
}

.donation-green .green-logo-text img {
	width: auto;
	vertical-align: middle;
	padding-right: 6px;
	padding-left: 6px
}

.donation-common .tag {
	background: #ff4c4c;
	text-transform: none
}

.donation-common .tag .bullet-icon {
	font-size: 36px;
	vertical-align: top
}

.donation-common .donation-btn {
	padding: 16px 70px
}

@media (max-width: 992px) {
	.donation-banner-main .banner-content .btn {
		padding: 1.2rem 3rem
	}
	.donation-banner-main .banner-content .btn.see-all-donation {
		margin-top: 0
	}
	.donation-banner-main .banner-content .btn.btn-border {
		padding: 1.2rem 2rem
	}
}

@media (max-width: 767px) {
	.donation-banner-main .banner-content .btn {
		padding: 1.2rem 3rem
	}
	.donation-banner-main .banner-content .btn.btn-primary {
		min-width: 22rem
	}
	.donation-banner-main .banner-content .btn.see-all-donation {
		margin-top: 0
	}
}

@media (max-width: 660px) {
	.donation-banner-main .banner-content .btn.see-all-donation {
		margin-top: 14px
	}
	.donation-green .green-logo-text span {
		display: inline-block;
		font-size: 14px;
		color: #ffffff;
		letter-spacing: 1.17px;
		line-height: normal;
		vertical-align: middle
	}
	.donation-green .green-logo-text img {
		width: auto;
		vertical-align: middle;
		padding-right: 4px;
		padding-left: 4px
	}
	.donation-green .green-logo-text img.payconnect-logo-m {
		width: 50px;
		height: 24px
	}
	.donation-green .green-logo-text img.yes-logo-m {
		width: 76px;
		height: 24px
	}
}

@media (max-width: 992px) {
	.donation-banner-main .banner-content {
		width: 100%;
		padding-left: 0
	}
	.donation-green .comp-title-btn {
		padding: 38px 0
	}
	.donation-green .title {
		font-size: 24px;
		line-height: 32px
	}
	.donation-green .comp-look-products:before {
		background: url("../images/donation-top-tranglemob.svg") no-repeat right top;
		display: block;
		width: 100%;
		height: 100%
	}
	.donation-green .comp-look-products:after {
		background: url("../images/donation-bottom-tranglemob.svg") no-repeat left bottom;
		display: block
	}
}

@media (max-width: 400px) {
	.donation-banner-main .banner-content .btn.see-all-donation {
		margin-top: 14px;
		padding: 1.5rem 2rem
	}
	.donation-green .green-logo-text span {
		display: inline-block;
		font-size: 14px;
		color: #ffffff;
		letter-spacing: 1.17px;
		line-height: normal;
		vertical-align: middle
	}
	.donation-green .green-logo-text img {
		width: auto;
		vertical-align: middle;
		padding-right: 4px;
		padding-left: 4px
	}
	.donation-green .green-logo-text img.payconnect-logo-m {
		width: 50px;
		height: 24px
	}
	.donation-green .green-logo-text img.yes-logo-m {
		width: 76px;
		height: 24px
	}
}

.shopify-hdr-button .button-space {
	margin-left: 24px
}

.shopify-ftr-button .button-space {
	margin-left: 24px
}

.shopify-banner-img .browser-animation-wrap {
	max-width: 42.96875vw
}

.shopify-banner-img .browser-animation-wrap img {
	box-shadow: none
}

.comp-section.shopify-common {
	margin-top: 0;
	padding: 3.5vw 0 6.5vw
}

.comp-section.shopify-common .comp-product-list .comp-product-card {
	padding: 1.75vw 1.5625vw 1.71094vw
}

.comp-list-main {
	padding: 5.5vw 0;
	margin-top: 80px;
	margin-bottom: 102px
}

.comp-list-main .title-wrap {
	margin-bottom: 2.688vw
}

.comp-list-main:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 20px;
	background: url("../images/dotted-black-bg.svg") no-repeat left top;
	z-index: 0;
	width: 228px;
	height: 547px
}

.comp-list-main:after {
	content: '';
	position: absolute;
	left: -16%;
	bottom: 0;
	background: url("../images/diamond-shape.svg") no-repeat left top;
	z-index: 0;
	width: 811px;
	height: 600px;
	opacity: 0.6
}

.comp-list-main .comp-price-list li {
	display: block;
	width: 100%;
	margin-bottom: 36px
}

.comp-list-main .comp-price-list li .pl-left {
	font-size: 48px;
	color: #3aae97;
	margin-bottom: 0;
	letter-spacing: -1px;
	line-height: normal;
	font-weight: 600;
	display: inline-block;
	max-width: 325px;
	width: 100%;
	margin-right: 40px;
	vertical-align: middle
}

.comp-list-main .comp-price-list li .pl-left small {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	color: #9fa1a7;
	display: block;
	font-weight: normal
}

.comp-list-main .comp-price-list li .pl-right {
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 0;
	letter-spacing: -1px;
	line-height: 32px;
	display: inline-block;
	max-width: 325px;
	width: 100%;
	vertical-align: middle
}

.comp-list-main .comp-price-list li .pl-right small {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	color: #9fa1a7;
	font-weight: normal;
	padding-left: 10px
}

.comp-list-main .comp-price-list-white li {
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 70px;
	letter-spacing: -1px;
	line-height: 32px
}

.comp-list-main .comp-price-list-white li span {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	color: #9fa1a7
}

.comp-list-main .list-sub-text {
	text-align: center;
	font-size: 14px;
	color: #9fa1a7;
	line-height: 20px;
	letter-spacing: -0.05px;
	padding-top: 25px
}

.shopify-accordian {
	padding: 0 0
}

.shopify-accordian .shopify-accordian-list {
	list-style-type: decimal;
	margin-left: 30px
}

.shopify-accordian .shopify-accordian-list li {
	padding-bottom: 10px
}

.shopify-accordian .shopify-accordian-list li a {
	color: #3aae97
}

.shopify-accordian .shopify-accordian-list li a:hover {
	text-decoration: underline
}

.shopify-accordian .accord-cont .cont-wrap p {
	padding-bottom: 20px
}

.shopify-accordian .accord-cont .cont-wrap p a {
	color: #3aae97
}

.shopify-accordian .accord-cont .cont-wrap p a:hover {
	text-decoration: underline
}

.shopify-accordian .accord-cont .cont-wrap .pfd-icon {
	padding-right: 10px
}

.shopify-accordian .accord-cont .cont-wrap .pfd-icon img {
	width: 24px;
	height: 24px
}

.shopify-icon-text .no-space {
	margin: 0 0 0 0
}

.shopify-bottom-main {
	padding: 4.5vw 0
}

.shopify-bottom-main .button-space {
	margin-left: 24px
}

.shopify-payment-option .lhs .amt-info .amt {
	color: #7b9c59
}

.shopify-payment-option .lhs .amt-info .blue-color {
	color: #003379
}

.shopify-payment-option .lhs .amt-info .second-blue-color {
	color: #58368d
}

.shopify-payment-option .lhs .amt-info .down-arrow {
	background: #7b9c59
}

.shopify-payment-option .lhs .amt-info .down-arrow.custom-arrow-color {
	background: #003379
}

.shopify-payment-option .lhs .amt-info .down-arrow.second-custom-arrow-color {
	background: #58368d
}

.shopify-payment-option .po-img-main .logo {
	max-width: 60%
}

.wc-dr-main.typ-product-bg2 .comp-product-card.typ-list {
	padding: 3.28125vw 1.71875vw 1.71875vw 2.281vw;
	min-height: 24vw
}

.wc-dr-main.typ-product-bg2 .comp-product-card.typ-list .title {
	padding: .3125vw 0 1.1890vw
}

.wc-dr-main .comp-bullet-list.typ-sm .item {
	font-size: 0.84vw;
	color: #9fa1a7;
	margin-bottom: 0;
	padding-bottom: .54688vw
}

.wc-dr-main .comp-bullet-list.typ-sm .item:after {
	content: '';
	position: absolute;
	left: 12px;
	top: 10px;
	width: 12px;
	height: 100%;
	border-left: solid #3aae97 1px;
	z-index: -1;
	margin-left: -6px
}

.wc-dr-main .comp-bullet-list.typ-sm .item:last-child:after {
	height: auto;
	background: transparent
}

.wc-diff-black .comp-title-btn {
	text-align: left;
	padding: 4.53125vw 5.531vw
}

.wc-diff-black .comp-title-btn .title {
	font-size: 2.0vw;
	letter-spacing: -0.89px;
	line-height: 2.450vw;
	font-weight: 500;
	padding-bottom: 1.790vw
}

.wc-diff-black .comp-title-btn .wc-subtext {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.70px;
	padding-bottom: 25px
}

.banner-cus-btn-wrap .btn.btn-primary.cus-signup {
	min-width: 8.625vw
}

.banner-cus-btn-wrap.shopify-hdr-button .button-space {
	margin-left: 18px
}

@media (max-width: 679px) {
	.shopify-ftr-button .title-wrap .btn-wrap .button-space {
		margin-left: 0;
		margin-top: 12px;
		margin-bottom: 12px;
		min-width: 22rem
	}
}

@media (max-width: 992px) {
	.shopify-hdr-button .button-space {
		margin-left: 0;
		margin-top: 12px;
		margin-bottom: 12px
	}
	.shopify-hdr-button .typ-big {
		min-width: 24rem
	}
	.shopify-hdr-button .title-wrap .btn-wrap {
		min-width: 24rem
	}
	.wc-dr-main.typ-product-bg2 {
		padding-top: 0
	}
	.wc-dr-main.typ-product-bg2 .comp-product-card.typ-list {
		padding: 22px 22px 22px 22px;
		min-height: auto;
		height: 100%
	}
	.wc-dr-main.typ-product-bg2 .comp-product-card.typ-list .title {
		padding: .3125vw 0 1.1890vw
	}
	.wc-dr-main .comp-bullet-list.typ-sm .item {
		font-size: 12px;
		margin-bottom: 0;
		padding-bottom: 1.8rem
	}
	.wc-dr-main .comp-product-list .body-cont .product-slider.typ-2 .swiper-slide {
		height: auto
	}
	.wc-diff-black .comp-title-btn {
		padding: 3.6rem 0;
		text-align: center
	}
	.wc-diff-black .comp-title-btn .title {
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 20px
	}
	.wc-diff-black .comp-title-btn .wc-subtext {
		font-size: 12px;
		line-height: 16px;
		letter-spacing: -0.5px;
		padding-bottom: 20px
	}
	.banner-cus-btn-wrap .btn.btn-primary.cus-signup {
		min-width: 24rem
	}
}

@media (max-width: 400px) {
	.comp-section.shopify-common {
		margin-top: 0;
		padding-top: 5rem
	}
	.comp-section.shopify-common .comp-product-list .comp-product-card {
		padding: 46px 22px 22px 22px
	}
	.shopify-icon-text .no-space {
		margin: 0 0 2.4rem 0
	}
	.shopify-hdr-button .button-space {
		margin-left: 0;
		margin-top: 24px;
		margin-bottom: 12px
	}
	.shopify-hdr-button .typ-big {
		min-width: 24rem
	}
	.comp-list-main {
		margin-bottom: 0
	}
	.comp-list-main:before {
		display: none
	}
	.comp-list-main:after {
		display: none
	}
	.comp-list-main .title-wrap {
		margin-bottom: 3.6rem
	}
	.comp-list-main .comp-price-list li .pl-left {
		font-size: 42px;
		line-height: normal;
		letter-spacing: -0.89px
	}
	.comp-list-main .comp-price-list li .pl-left small {
		font-size: 12px;
		line-height: 18px
	}
	.comp-list-main .comp-price-list li .pl-right {
		font-size: 20px;
		line-height: 28px;
		letter-spacing: -0.45px;
		padding-top: 14px
	}
	.comp-list-main .comp-price-list li .pl-right small {
		font-size: 12px;
		line-height: 18px
	}
	.shopify-ftr-button .title-wrap .btn-wrap .button-space {
		margin-left: 0;
		margin-top: 24px;
		margin-bottom: 12px;
		min-width: 22rem
	}
	.wc-dr-main.typ-product-bg2 {
		padding-top: 5rem
	}
	.wc-dr-main.typ-product-bg2 .comp-product-card.typ-list {
		padding: 22px 22px 22px 22px;
		min-height: auto;
		height: 100%
	}
	.wc-dr-main.typ-product-bg2 .comp-product-card.typ-list .title {
		padding: .3125vw 0 1.1890vw
	}
	.wc-dr-main .comp-bullet-list.typ-sm .item {
		font-size: 12px
	}
	.banner-cus-btn-wrap.shopify-hdr-button .button-space {
		margin-left: 0
	}
}

.gift-card-icon-main .icon-gift svg {
	width: 32px;
	height: 32px
}

.comp-builtin-pg-gift:before {
	background: none
}

.comp-builtin-pg-gift .big-img img {
	box-shadow: none
}

.gift-card-accordian.gift-space {
	padding-bottom: 0
}

.gift-card-accordian .faq-subtitile {
	color: #040404;
	font-size: 24px;
	margin: 20px 40px 10px
}

.gift-card-accordian .gift-card-sublist {
	list-style-type: decimal;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px
}

.gift-card-accordian .gift-card-sublist li {
	padding-bottom: 10px;
	font-size: 16px;
	padding-left: 10px
}

.gift-card-accordian .gift-card-sublist li a {
	color: #3aae97
}

.gift-card-accordian .gift-card-sublist li a:hover {
	text-decoration: underline
}

.gift-card-accordian .accord-cont .cont-wrap p {
	padding: 10px 0
}

.gift-card-accordian .accord-cont .cont-wrap p a {
	color: #3aae97
}

.gift-card-accordian .accord-cont .cont-wrap p a:hover {
	text-decoration: underline
}

@media (max-width: 992px) {
	.gift-card-icon-main .icon-gift svg {
		width: 20px;
		height: 20px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}
	.gift-upi-main {
		max-width: 80%
	}
}

@media (max-width: 767px) {
	.gift-img-wrap-main .send-invoice {
		max-width: none;
		margin-left: 0;
		margin-right: 0
	}
	.gift-img-wrap-main .get-invoice {
		margin-right: 0
	}
}