@import "./components/index.css";
@import "./pages/index.css";

body {
	margin: 0;
	padding: 0;
	border: 0;
	overflow-x: hidden;
	transition: all 1s ease-in-out;
}

.app.info {
	margin-top: 2em;
}

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

strong {
	color: inherit !important;
}

a {
	color: inherit !important;
}

.elemens-style {
	width: 100%;
}

.section-01 {
	margin: 4em 0em 8em 0em;
}

* {
	font-family: "Source Sans Pro", sans-serif;
	color: #363636;
	line-height: 1.2;
	outline: none;
}

.phone-number-input {
	align-items: flex-end;
	display: flex;
	align-content: center;
}

.phone-number-input input {
	border-bottom: 1px solid #aeaeae;
	background-image: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
	height: 2em;
	width: 100%;
	font-size: 2rem;
	color: #ff7a00;
}

.phone-number-input ::-webkit-input-placeholder {
	/* Edge */
	color: #aeaeae;
	font-weight: 300;
	font-size: 2rem;
	vertical-align: bottom;
}

.phone-number-input :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #aeaeae;
	font-weight: 300;
	font-size: 2rem;
	vertical-align: bottom;
}

.phone-number-input input::-webkit-input-placeholder {
	font-size: 2rem !important;
}

.phone-number-input input:-moz-placeholder {
	font-size: 2rem !important;
}

.phone-number-input button {
	margin-left: 1em;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
}

::placeholder {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 1rem;
	color: #aeaeae;
	font-weight: 300;
	vertical-align: bottom;
}

::-webkit-input-placeholder {
	/* Edge */
	color: #aeaeae;
	font-weight: 300;
	font-size: 1rem;
	vertical-align: bottom;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #aeaeae;
	font-weight: 300;
	font-size: 1rem;
	vertical-align: bottom;
}

em {
	font-size: 16px;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.underline {
	text-decoration: underline;
}

.justify {
	text-align: justify;
}

.hidden-sm {
	display: none;
}

.container {
	width: 90%;
	min-height: calc(100vh - 13em);
	margin-left: auto;
	margin-right: auto;
}

.new-payment-badge {
	height: 32px;
	width: fit-content;
	width: -moz-fit-content;
	padding: 4px 11px 4px 8px;
	background: #121c3b14 0% 0% no-repeat padding-box;
	border-radius: 20px;
	opacity: 1;
	display: flex;
	align-items: center;
	margin: 30px auto 25px auto;
}

.new-payment-badge .badge-logo {
	width: 24px;
	height: 24px;
	margin: 0 8px 0 0;
	object-fit: contain;
	opacity: 1;
}

.new-payment-badge span {
	line-height: 2;
	text-align: center;
	font: normal normal 600 12px/24px Source Sans Pro;
	letter-spacing: 0.38px;
	color: #111b3a;
	opacity: 1;
}

.logos-rightt {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#card-button {
	padding: 0 5px;
}

@media only screen and (min-width: 33.75em) {
	.container {
		width: 80%;
	}
}

@media only screen and (min-width: 60em) {
	.container {
		width: 75%;
		max-width: 60rem;
	}
}

.row {
	position: relative;
	width: 100%;
}

.row [class^="col"] {
	float: left;
	margin: 0.5rem 2%;
	min-height: 0.125rem;
}

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

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	width: 96%;
}

.col-1-sm {
	width: 4.3333333333%;
}

.col-2-sm {
	width: 12.6666666667%;
}

.col-3-sm {
	width: 21%;
}

.col-4-sm {
	width: 29.3333333333%;
}

.col-5-sm {
	width: 37.6666666667%;
}

.col-6-sm {
	width: 46%;
}

.col-7-sm {
	width: 54.3333333333%;
}

.col-8-sm {
	width: 62.6666666667%;
}

.col-9-sm {
	width: 71%;
}

.col-10-sm {
	width: 79.3333333333%;
}

.col-11-sm {
	width: 87.6666666667%;
}

.col-12-sm {
	width: 96%;
}

@media only screen and (min-width: 45em) {
	.col-1 {
		width: 4.3333333333%;
	}
	.col-2 {
		width: 12.6666666667%;
	}
	.col-3 {
		width: 21%;
	}
	.col-4 {
		width: 29.3333333333%;
	}
	.col-5 {
		width: 37.6666666667%;
	}
	.col-6 {
		width: 46%;
	}
	.col-7 {
		width: 54.3333333333%;
	}
	.col-8 {
		width: 62.6666666667%;
	}
	.col-9 {
		width: 71%;
	}
	.col-10 {
		width: 79.3333333333%;
	}
	.col-11 {
		width: 87.6666666667%;
	}
	.col-12 {
		width: 96%;
	}
	.hidden-sm {
		display: block;
	}
}

@media only screen and (max-width: 45em) {
	.flex-align-center-s {
		align-items: center;
		display: flex;
		align-content: center;
		justify-content: center;
	}
	h9 {
		font-size: 0.8em;
		font-family: "Source Sans Pro", sans-serif;
		font-weight: 600;
		line-height: 1.5;
		text-transform: uppercase;
		color: #fe6a7a;
	}
	.phone-number-input input {
		border-bottom: 1px solid #aeaeae;
		background-image: none;
		background-color: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 100%;
		height: 2em;
		width: 100%;
		font-size: 1.8rem;
		color: #ff7a00;
	}
	.phone-number-input button h7 {
		font-size: 1.6em !important;
		padding: 0em 4em;
	}
	.margin-top-s {
		margin-top: 3em !important;
	}
	.ref-intro-container {
		text-align: center;
	}
	.phone-number-input {
		display: flex;
		align-items: center;
		align-content: center;
		flex-direction: column;
	}
	.phone-number-input input {
		border-bottom: 1px solid #aeaeae;
		background-image: none;
		background-color: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 100%;
		height: 2em;
		width: 100%;
		font-size: 2rem;
		color: #ff7a00;
		text-align: center;
	}
	#anmt-ref {
		max-width: 16em;
	}
	.ref-anmt-container {
		display: flex;
		justify-content: center;
		align-content: center;
	}
	#one-step .wallet-container .col-12 {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	#one-step .wallet-container .container-regular {
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	#one-step .wallet-container .wallet-elements-container {
		margin-bottom: 8em;
	}
	#one-step .wallet-container button {
		margin-top: 2em;
	}
	#one-step .wallet-container h8 {
		font-size: 2em;
	}
	.carousel {
		justify-content: flex-start;
		width: 100%;
	}
}

nav {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	background-color: #fff;
	display: block;
	font-size: 100%;
}

.fade {
	display: block;
	opacity: 100%;
	transition: opacity 0.3s;
	top: 0;
}

h1 {
	font-size: 4rem;
}

h2 {
	font-size: 1.5rem;
	line-height: 1.33;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

h3 {
	font-size: 1.25rem;
	line-height: 1.2;
}

h4 {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 0;
}

h5 {
	font-size: 2rem;
	margin-block-start: 0.2em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

h6 {
	font-size: 0.875rem;
}

h7 {
	font-size: 1rem;
}

h8 {
	font-size: 2.5em;
}

h10 {
	font-size: 6em;
	font-weight: 900;
	letter-spacing: -4px;
	color: white;
}

h11 {
	font-size: 6em;
	font-weight: 100;
	letter-spacing: -6px;
	color: white;
}

p {
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.5;
}

a {
	text-decoration: none;
}

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

.font-regular {
	font-weight: 400;
}

.font-regular-italic {
	font-weight: 400;
	font-style: italic;
}

.font-semibold {
	font-weight: 600;
}

.font-semibold-italic {
	font-weight: 600;
	font-style: italic;
}

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

.font-bold-italic {
	font-weight: 700;
	font-style: italic;
}

.cc-info-container h2 {
	margin-bottom: 0em;
	margin-top: 0.5em;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.justify {
	text-align: justify;
}

.hidden-sm {
	display: none;
}

.container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 33.75em) {
	.container {
		width: 80%;
	}
}

@media only screen and (min-width: 60em) {
	.container {
		width: 75%;
		max-width: 60rem;
	}
}

.container-regular {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 33.75em) {
	.container-regular {
		width: 80%;
	}
}

@media only screen and (min-width: 60em) {
	.container-regular {
		width: 75%;
		max-width: 60rem;
	}
	.container-regular .steps-max {
		max-width: 30em;
		width: 100%;
	}
	.container-regular .advantages-container {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
	}
	.container-regular .advantages-container .advantage-single {
		margin-top: 2em;
		margin-bottom: 1em;
		align-items: center;
		display: flex;
		align-content: center;
		flex-direction: column;
	}
	.container-regular .advantages-container .advantage-single :first-child {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	.container-regular .advantages-container .advantage-single :last-child {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	.container-regular .advantages-container .advantage-single img {
		width: 100%;
		max-width: 18em;
		text-align: center;
	}
	.container-regular .advantages-container .advantage-single p {
		font-size: 1em;
	}
}

.row {
	position: relative;
	width: 100%;
}

.row [class^="col"] {
	float: left;
	margin: 0.5rem 2%;
	min-height: 0.125rem;
}

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

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	width: 96%;
}

.col-1-sm {
	width: 4.3333333333%;
}

.col-2-sm {
	width: 12.6666666667%;
}

.col-3-sm {
	width: 21%;
}

.col-4-sm {
	width: 29.3333333333%;
}

.col-5-sm {
	width: 37.6666666667%;
}

.col-6-sm {
	width: 46%;
}

.col-7-sm {
	width: 54.3333333333%;
}

.col-8-sm {
	width: 62.6666666667%;
}

.col-9-sm {
	width: 71%;
}

.col-10-sm {
	width: 79.3333333333%;
}

.col-11-sm {
	width: 87.6666666667%;
}

.col-12-sm {
	width: 96%;
}

@media only screen and (min-width: 60em) {
	.col-1 {
		width: 4.3333333333%;
	}
	.col-2 {
		width: 12.6666666667%;
	}
	.col-3 {
		width: 21%;
	}
	.col-4 {
		width: 29.3333333333%;
	}
	.col-5 {
		width: 37.6666666667%;
	}
	.col-6 {
		width: 46%;
	}
	.col-7 {
		width: 54.3333333333%;
	}
	.col-8 {
		width: 62.6666666667%;
	}
	.col-9 {
		width: 71%;
	}
	.col-10 {
		width: 79.3333333333%;
	}
	.col-11 {
		width: 87.6666666667%;
	}
	.col-12 {
		width: 96%;
	}
	.hidden-sm {
		display: block;
	}
}
/* Elements Styling */
.use-case {
	margin-bottom: 4em !important;
}

.use-case img {
	width: 100%;
	height: auto;
}

.wallet-need h1 {
	font-size: 3rem;
}

nav {
	width: 100%;
	height: 4em;
	z-index: 1;
}

.logo-container {
	display: flex;
	flex-direction: row;
	align-items: center !important;
	height: 4em;
}

.logo-container .logo {
	width: 8em;
	height: auto;
}

.no-margin {
	padding: 0 !important;
	margin: 0 !important;
}

.margin-bottom {
	margin-bottom: 1em;
}

.margin-bottomx2 {
	margin-bottom: 2em;
}

.margin-bottomx4 {
	margin-bottom: 4em;
}

.no-margin-bottom {
	margin-bottom: 0em !important;
}

.no-margin-top {
	margin-top: 0em !important;
}

.no-gutter {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.margin-right {
	margin-right: 1em;
}

#one-step .card {
	padding-top: 2em;
	padding-bottom: 2em;
}

#one-step .card h4 {
	font-weight: 600;
	font-size: 1.4em;
	text-align: center;
	margin-top: 1em;
}

#one-step .card p {
	text-align: center;
}

#one-step .upper-case {
	text-transform: uppercase;
}

@media only screen and (max-width: 60em) {
	.flex-column-m {
		display: flex;
		flex-direction: column !important;
	}

	.steps-2col div img {
		max-width: 18em;
	}
	.steps-2col div p {
		margin: 0em 1em;
	}
	.card .value-container {
		padding-top: 1em !important;
	}
	.card h2 {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 1rem !important;
	}
	.card h7 {
		font-size: 0.8rem;
		margin: 0em 0.6em 0em 0.6em;
	}
	.card .margin-top {
		margin-top: 1em !important;
	}
	.logos-right {
		margin-left: 4em !important;
	}
	footer h4 {
		font-size: 0.8rem;
	}
	footer img {
		width: 100%;
		max-width: 100px;
	}
	.advantages-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.advantages-container .advantage-single {
		margin: 1em 0em;
		align-items: center;
		display: flex;
		align-content: center;
		flex-direction: column;
	}
	.advantages-container .advantage-single img {
		width: 100%;
		max-width: 18em;
		text-align: center;
	}
}

.logos-right {
	display: flex;
	flex-direction: row;
	align-items: center !important;
	justify-content: space-between;
	height: 4em;
}

.flex-column-l {
	display: flex;
	align-items: center;
	flex-direction: column;
}

@media only screen and (min-width: 721px) {
	.app-carousel {
		margin-top: 2em;
		display: flex;
		overflow-x: hidden;
	}
	.carousel {
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	#one-step .wallet-container {
		display: flex;
		align-content: center;
		justify-content: center;
	}
	#one-step .wallet-container .col-12 {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	#one-step .wallet-container .container-regular {
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	#one-step .wallet-container button {
		margin-top: 2em;
	}
	#one-step .wallet-container .copy-wallet {
		padding: 0em 1em;
	}
}

@media only screen and (max-width: 720px) {
	.badges div img {
		max-width: 11em;
	}
	#one-step .wallet-container .col-12 {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	#one-step .wallet-container .container-regular {
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	#one-step .wallet-container .wallet-elements-container {
		margin-bottom: 8em;
	}
	#one-step .wallet-container button {
		margin-top: 2em;
	}
	#one-step .wallet-container h8 {
		font-size: 2em;
	}
	.carousel {
		justify-content: flex-start;
		width: 100%;
	}
}

@media only screen and (max-width: 33.75em) {
	.non-mobile {
		display: none;
	}
	.logos-right {
		margin-left: 0 !important;
		margin-right: 3em;
	}
}

@media only screen and (min-width: 45em) {
	h9 {
		font-size: 1.2rem;
		font-family: "Source Sans Pro", sans-serif;
		font-weight: 600;
		line-height: 1.5;
		text-transform: uppercase;
		color: #fe6a7a;
	}
}

@media only screen and (max-width: 60em) {
	.iti {
		min-width: 90%;
	}

	nav {
		background-color: none;
	}
	nav .logo-container img {
		max-width: 6em;
	}
	nav .logos-right img {
		max-height: 1.2em;
	}
	.wallet-need h1 {
		font-size: 2rem;
	}
	input::-webkit-input-placeholder {
		font-size: 0.8rem !important;
	}
	input:-moz-placeholder {
		font-size: 0.8rem !important;
	}
	#link-anmt svg {
		max-height: 12em !important;
		margin-top: 2em;
		margin-bottom: 4em;
	}
	.badges-footer {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		text-align: center;
		margin-bottom: 3em;
	}
	.badges-footer div {
		padding: 0.5em;
		width: 40%;
	}
	.badges-footer div img {
		max-width: 10em;
		width: 100%;
	}
	.logo-footer {
		width: 50% !important;
		margin-bottom: 1em !important;
		display: flex;
		justify-content: center;
	}
	.flex-column-s-reverse {
		display: flex;
		align-items: center;
		flex-direction: column-reverse !important;
	}
	.flex-column-s {
		display: flex;
		align-items: center;
		flex-direction: column !important;
	}
	.display-none-mobile {
		display: none !important;
	}
	nav {
		height: 3.5em;
	}
	h1 {
		font-size: 3rem;
	}
	h2 {
		font-size: 1rem;
	}
	h3 {
		font-size: 1rem;
	}
	h7 {
		font-size: 0.6rem;
	}
	h4 {
		font-size: 0.8rem;
	}
	.ghost-btn h7 {
		font-size: 1rem;
	}
	p {
		font-size: 1rem;
	}
	.logos-right {
		margin-left: 1em !important;
		height: 3.5em;
	}
	.logos-right img {
		max-height: 24px;
	}
	.logos-right .logo-container {
		height: 3.5em !important;
		max-height: 3.5em !important;
	}
	.logos-right .logo {
		height: 3.5em;
	}
	.logos-right .logo img {
		max-height: 24px;
	}
	.wallet-elements-container h4 {
		text-align: center;
	}
	.wallet-elements-container h8 {
		text-align: center !important;
	}
	.wallet-elements-container .absolute {
		display: flex;
		align-content: center;
		flex-direction: column;
	}
}

@media only screen and (min-width: 60em) {
	.non-desktop {
		display: none !important;
	}
	.logos-right {
		height: 4em;
		margin-left: 8em;
	}

	.logos-right .lang-param {
		margin-left: 2em;
	}

	.truncate {
		width: 220px !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media only screen and (max-width: 60em) and (min-width: 45em) {
	.phone-number-input ::-webkit-input-placeholder {
		/* Edge */
		color: #aeaeae;
		font-weight: 300;
		font-size: 1rem;
		vertical-align: bottom;
	}
	.phone-number-input :-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #aeaeae;
		font-weight: 300;
		font-size: 1rem;
		vertical-align: bottom;
	}
	.phone-number-input input::-webkit-input-placeholder {
		font-size: 1rem !important;
	}
	.phone-number-input input:-moz-placeholder {
		font-size: 1rem !important;
	}
	.phone-number-input ::placeholder {
		font-family: "Source Sans Pro", sans-serif;
		font-size: 1rem;
		color: #aeaeae;
		font-weight: 300;
		vertical-align: bottom;
	}
	.phone-number-input ::-webkit-input-placeholder {
		/* Edge */
		color: #aeaeae;
		font-weight: 300;
		font-size: 1rem;
		vertical-align: bottom;
	}
	.phone-number-input :-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #aeaeae;
		font-weight: 300;
		font-size: 1rem;
		vertical-align: bottom;
	}
	.phone-number-input input {
		border-bottom: 1px solid #aeaeae;
		background-image: none;
		background-color: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 100%;
		height: 2em;
		width: 100%;
		font-size: 1rem;
		color: #ff7a00;
	}
}

@media only screen and (min-width: 75em) {
	.logos-right {
		display: flex;
		flex-direction: row;
		align-items: center !important;
		height: 4em;
		justify-content: space-between;
		margin-left: 9em;
	}
	.phone-number-input input {
		border-bottom: 1px solid #aeaeae;
		background-image: none;
		background-color: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 100%;
		height: 2em;
		width: 100%;
		font-size: 2rem;
		color: #ff7a00;
		text-align: center;
	}
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-bottom {
	display: flex;
	align-items: flex-end;
	flex-direction: row;
}

.full-viewport {
	height: 100vh;
}

.flex-align-center {
	align-items: center;
	display: flex;
	align-content: center;
}

.flex-center-horizontal {
	display: flex;
	justify-content: center;
}

.flex-right {
	display: flex;
	justify-content: flex-end;
	align-content: flex-end;
}

.margin-top-mini {
	margin-top: 0.8em;
}

.margin-top {
	margin-top: 1.5em !important;
}

.margin-topx2 {
	margin-top: 3em !important;
}

.margin-topx3 {
	margin-top: 3.5em !important;
}

.margin-left {
	margin-left: 1em;
}

.type-gray {
	color: #aeaeae !important;
}

.type-blue {
	color: #056695;
}

.type-gray a {
	color: #056695 !important;
}

.type-white {
	color: #ffffff !important;
}

.type-orange {
	color: #ff7a00 !important;
}

.type-red {
	color: #e44b46 !important;
}

.payment-section {
	border-radius: 8px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14);
	background-color: #ffffff;
	width: 100%;
}

.app-info {
	display: flex;
	justify-content: center;
}

.app-info div {
	padding: 0.5em;
}

.app-info img {
	max-width: 48px;
	width: 100%;
	height: auto;
}

.app-info .game-icon {
	display: flex;
	justify-content: flex-end;
}

.app-info h3 {
	margin-top: 0em;
	margin-bottom: 0em;
}

.app-info h4 {
	margin-top: 0em;
	margin-bottom: 0em;
}

.app-info .app-details {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.card {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

.card .value {
	display: flex;
	align-content: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	align-items: baseline;
}

.card h5 {
	margin-top: 0;
	margin-bottom: 0;
}

.card h4 {
	margin-top: 0;
	margin-bottom: 0;
}

.card .value-container {
	padding: 2em 2em 0em 2em;
	display: flex;
	align-items: baseline;
}

.card .currency {
	padding-left: 0.4em;
}

.card .cc-info-container {
	padding: 0em 2em 0em 2em;
	display: flex;
	align-items: baseline;
}

.card .cc-buttons-container {
	padding: 1em 0em 0em 1em;
	max-width: 100%;
}

.card h2 {
	margin-left: 0.4em;
}

form {
	width: 100%;
}

input {
	border: 0;
	outline: 0;
	background: transparent;
	border-bottom: 1px solid #aeaeae;
	background-image: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
	height: 2em;
	width: 100%;
	font-size: 1.2em;
}

.security-code {
	padding-left: 1em !important;
}

button {
	height: 48px;
	border-radius: 2em;
	border: none;
	border-style: none;
	overflow: visible;
	background-image: linear-gradient(109deg, #fc9d48, #ff578c 99%);
	display: inline-block;
	text-align: center;
	text-decoration: none;
	white-space: pre;
	white-space: inherit;
	padding: 0;
	min-width: 8em;
	margin: 0em 0.8em;
	cursor: pointer;
}

button h7 {
	text-transform: uppercase;
}

button img {
	padding-left: 1.2em;
}

.paypal-btn {
	background-image: none;
	background-color: #0070ba;
}

.paypal-btn:hover,
.paypal-btn:active {
	background-color: #005ea6;
	background-image: none;
}

.btn-no-bg {
	background-image: linear-gradient(109deg, #fff, #fff 99%);
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	transition: background 1s;
}

.btn-no-bg:hover,
.btn-no-bg:active {
	background-image: linear-gradient(109deg, #fff, #faf9f9 99%);
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	transition: background 1s;
}

button:hover,
button:hover {
	background-image: linear-gradient(109deg, #fc9d48, #fb2b6c 99%);
}

.full-width {
	width: 100%;
	height: auto;
}

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

.wallet-container {
	background-image: linear-gradient(258deg, #0e1d4d, #161616);
	margin-bottom: -1em;
	min-height: 32em;
	align-items: center;
	display: flex;
	border-radius: 50px 50px 0px 0px;
}
.gift-card-header-container {
	background-image: linear-gradient(258deg, #0e1d4d, #161616);
	align-items: center;
	margin-bottom: -0em;
	height: auto;
}
.gift-elements img {
	margin-top: 5em;
}
.wallet-container img {
	width: 100%;
}

.wallet-container col-6,
.wallet-container col-12 {
	margin-bottom: 0;
}

.absolute {
	position: absolute;
	width: 100%;
	max-width: 100%;
}

.carousel {
	max-width: 100%;
	display: flex;
}

.relative {
	position: relative;
}

#link-anmt svg {
	max-height: 16em;
	margin-top: 2em;
	margin-bottom: 4em;
}

#anmt-500 svg {
	max-height: 16em;
	margin-top: 2em;
}

.loading-progress svg {
	max-height: 13em;
}

#no-payment-anmt svg {
	max-height: 16em;
	margin-top: 2em;
}

.wallet-elements-container {
	margin-top: 6em !important;
}

.empty-screen {
	height: calc(100vh - 13em);
}

.negative-margin {
	margin-bottom: -4px;
}

.elements canvas {
	height: 100% !important;
}

#one-step .elements svg {
	width: 80%;
}

.badges-desktop {
	margin-top: 1em;
}

.temp-align {
	margin: 0.5rem 27% !important;
}

.no-bg {
	background: none;
}

.ghost-btn {
	background-image: linear-gradient(109deg, #fff, #ffff 99%);
}

.ghost-btn:hover {
	background-image: linear-gradient(109deg, #fff, #ededed 99%);
}

#tx-complete svg {
	width: 32em !important;
	max-width: 100%;
}

#error svg {
	height: 16em !important;
}

#elements-redeem {
	margin-bottom: -1em;
	padding: none !important;
	border: none !important;
	z-index: 1 !important;
	width: 100% !important;
	display: flex;
	justify-content: center;
	background-color: #111b3a;
}

#elements-redeem svg {
	max-width: 1440px !important;
}

.float-right {
	float: right;
}

#anmt-404 svg {
	height: 16em !important;
	max-width: 100%;
}

.error {
	margin-top: 1em;
	margin-bottom: 1em;
}

.copy-wallet {
	z-index: 3;
}

/* ADYEN TRANSACTION */
/* ADYEN CSSS */
.adyen-checkout__input {
	width: 100% !important;
	display: flex;
	border-bottom: 1px;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0 !important;
}

.adyen-checkout__input--large {
	width: 100% !important;
}

.adyen-checkout__input--small {
	width: 100% !important;
}

.adyen-checkout__card__cardNumber__input {
	width: 100%;
}

.adyen-checkout__input--wrapper {
	width: 100%;
	border: none !important;
	border-style: none;
}

.adyen-checkout__field__cvc {
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

.adyen-checkout__label__text {
	display: none !important;
}

/*Language Selector */
.lang-wrapper {
	position: absolute;
	z-index: 19;
	right: 2em;
	top: 8px;
}

.sl-nav {
	display: inline;
}

.sl-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
}

.sl-nav li {
	cursor: pointer;
	padding-bottom: 10px;
	text-align: center !important;
}

.sl-nav li ul {
	display: none;
}

.sl-nav li:hover ul {
	position: absolute;
	top: 40px;
	right: -15px;
	display: block;
	background: #fff;
	width: 200px;
	height: 400px;
	padding-top: 8px;
	z-index: 1;
	border-radius: 5px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.sl-nav li:hover .language-dropdown {
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2),
		0 5px 3px -4px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14);
	-webkit-transition: background-color 300ms ease-out;
	-ms-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	background-color: #182c6b;
}

.sl-nav li:hover .triangle {
	position: absolute;
	top: 26px;
	right: 5px;
	z-index: 10;
	height: 14px;
	overflow: hidden;
	width: 30px;
	background: transparent;
}

.sl-nav li:hover .triangle:after {
	content: "";
	display: block;
	z-index: 20;
	width: 15px;
	transform: rotate(45deg) translateY(0px) translatex(10px);
	height: 15px;
	background: #fff;
	border-radius: 2px 0px 0px 0px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.sl-nav li ul li {
	position: relative;
	text-align: left;
	background: transparent;
	padding: 15px 15px;
	padding-bottom: 0;
	z-index: 2;
	font-size: 15px;
	color: #aeaeae;
}

.sl-nav li ul li span {
	color: #aeaeae;
}

.sl-nav li ul li:last-of-type {
	padding-bottom: 15px;
}

.sl-nav li ul li span {
	padding-left: 5px;
}

.sl-nav li ul li span:hover {
	color: #182c6b;
}

.sl-nav li ul li span.active {
	color: #182c6b;
}

.language-dropdown {
	width: 100%;
	height: 100%;
	border-radius: 16px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14);
	-webkit-transition: background-color 300ms ease-out;
	-ms-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	background-color: #111b3a;
}

.active-language {
	padding: 8px 16px 8px 16px;
}

.active-language img {
	padding-left: 0.5em;
}

.active {
	font-weight: 800;
}

.scroll {
	position: relative;
	height: 100%;
	overflow-y: scroll;
	padding: 8px 0px 8px 0px;
}

@media only screen and (max-width: 33.75em) {
	.sl-nav li ul li {
		position: relative;
		text-align: left;
		background: transparent;
		padding: 15px 15px;
		padding-bottom: 0;
		z-index: 2;
		font-size: 12px !important;
		color: #aeaeae;
	}
	.logos-right {
		width: 100%;
		margin-left: 0 !important;
	}

	.logos-right .lang-param {
		margin-left: 0.5em;
	}

	.logos-right img {
		width: 60%;
		padding: 10px;
	}
	.lang-wrapper b {
		font-size: 12px;
	}
	.lang-wrapper .active-language {
		padding: 8px 10px 8px 10px;
	}
}

.badge-payment {
	width: 120px;
	height: 115px;
	float: right;
	margin-right: -6px;
	margin-top: -6px;
	position: absolute;
	top: 0;
	right: 0;
}

.one-step-app-thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5em;
}

.one-step-app-thumb picture,
.one-step-app-thumb img {
	display: block;
	width: 100%;
	max-width: 6.6em;
	border-radius: 10%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.badges {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.badges picture,
.badges img {
	max-width: 13em;
	padding: 0.5em 0.5em;
	width: 240px;
}

.app-card {
	width: 145px;
	height: 210px;
	border-radius: 14px;
	box-shadow: 0 2px 4px 0 rgba(163, 163, 163, 0.5);
	background-color: #ffffff;
	position: relative;
	z-index: 1000;
	margin: 0.5em;
	transition: box-shadow 0.3s ease-in-out;
}

.app-card .app-card-thumb {
	width: auto;
	display: flex;
	justify-content: center;
	padding: 11px 11px 6px 11px;
}

.app-card .app-card-thumb picture,
.app-card .app-card-thumb img {
	width: 100%;
}

.app-card .app-card-name p {
	width: 85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	resize: horizontal;
}

.app-card p {
	margin: 0px 11px 0px 11px;
	font-size: 0.9rem;
	font-weight: 600;
}

.app-card .app-card-rating {
	width: 12px;
	margin-top: 10px;
	margin-left: 11px;
	display: flex;
}

.app-card .app-card-rating img {
	width: 11px;
	height: 11px;
}

.app-card .app-card-rating p {
	margin-left: 4px;
}

.app-carousel {
	margin-top: 2em;
	display: flex;
	overflow-x: scroll;
}

@media only screen and (min-width: 1025px) {
	.bonus-container {
		margin-top: 1em;
		border-radius: 4px;
		padding: 0em 1em;
		background-color: #001727;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.bonus-container p {
		color: white;
		font-size: 1rem;
	}
	.bonus-container img {
		padding-right: 0.5em;
	}
}

@media only screen and (max-width: 1024px) {
	.one-step-app-thumb {
		margin-top: 2em;
	}
	.bonus-container {
		margin-top: 1em;
		border-radius: 4px;
		padding: 0em 1em;
		background-color: #001727;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.bonus-container p {
		color: white;
		font-size: 0.8em;
		max-width: 70%;
	}
	.bonus-container img {
		padding-right: 0.5em;
		height: 30px;
	}
	.app-card {
		width: 104px;
		height: 160px;
		border-radius: 14px;
		box-shadow: 0 2px 4px 0 rgba(163, 163, 163, 0.5);
		background-color: #ffffff;
		position: relative;
		z-index: 1000;
		margin: 0.5em;
	}
	.app-card .app-card-thumb {
		width: auto;
		display: flex;
		justify-content: center;
		padding: 11px 11px 6px 11px;
	}
	.app-card .app-card-thumb picture,
	.app-card .app-card-thumb img {
		width: 100%;
	}
	.app-card p {
		margin: 0px 11px 0px 11px;
		font-size: 0.7rem;
		font-weight: 600;
	}
	.app-card .app-card-rating {
		width: 12px;
		margin-top: 10px;
		margin-left: 11px;
		display: flex;
	}
	.app-card .app-card-rating img {
		width: 11px;
		height: 11px;
	}
	.app-card .app-card-rating p {
		margin-left: 4px;
	}
	.app-carousel {
		margin-top: 2em;
		display: flex;
		overflow-x: scroll;
	}

	#one-step footer {
		background-image: linear-gradient(258deg, #0e1d4d, #161616);
	}
}

#one-step wallet-elements-container {
	padding-bottom: 6em;
}

#one-step .wallet-container button {
	z-index: 1000;
	margin-top: 3em;
}

#one-step wallet-elements-container {
	padding-top: 0em !important;
}

.z-top {
	z-index: 1000;
}

@media only screen and (min-width: 1025px) {
	.bonus-container {
		margin-top: 1em;
		border-radius: 4px;
		padding: 0em 1em;
		background-color: #001727;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.bonus-container p {
		color: white;
		font-size: 1rem;
	}
	.bonus-container img {
		padding-right: 0.5em;
	}
}

.bonus-container {
	margin-top: 1em;
	border-radius: 4px;
	padding: 0em 1em;
	background-color: #001727;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bonus-container p {
	color: white;
	font-size: 0.8em;
	max-width: 70%;
}

.bonus-container img {
	padding-right: 0.5em;
	height: 30px;
}

.iti {
	position: relative;
	display: inline-block;
}

.iti * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.iti__hide {
	display: none;
}

.iti__v-hide {
	visibility: hidden;
}

.iti input,
.iti input[type="text"],
.iti input[type="tel"] {
	position: relative;
	z-index: 0;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-right: 36px;
	margin-right: 0;
}

.iti__flag-container {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 1px;
	min-width: 2em;
	background-color: #fdfdfd;
}

.iti__selected-flag {
	z-index: 1;
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 6px 0 8px;
}

.iti__arrow {
	margin-left: 6px;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #555;
}

.iti__arrow--up {
	border-top: none;
	border-bottom: 4px solid #555;
}

.iti__country-list {
	position: absolute;
	z-index: 2;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0 0 0 -1px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14);
	background-color: white;
	border-radius: 4px;
	white-space: nowrap;
	max-height: 300px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
	bottom: 100%;
	margin-bottom: -1px;
}

@media (max-width: 500px) {
	.iti__country-list {
		white-space: normal;
	}
}

.iti__flag-box {
	display: inline-block;
	width: 20px;
}

.iti__divider {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.iti__country {
	padding: 12px 12px;
	outline: none;
}

.iti__dial-code {
	color: #999;
}

.iti__country.iti__highlight {
	background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box,
.iti__country-name,
.iti__dial-code {
	vertical-align: middle;
}

.iti__flag-box,
.iti__country-name {
	margin-right: 6px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type="text"],
.iti--allow-dropdown input[type="tel"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="text"],
.iti--separate-dial-code input[type="tel"] {
	padding-right: 6px;
	padding-left: 52px;
	margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
	right: auto;
	left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
	cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
	background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
	cursor: default;
}

.iti--allow-dropdown
	input[disabled]
	+ .iti__flag-container:hover
	.iti__selected-flag,
.iti--allow-dropdown
	input[readonly]
	+ .iti__flag-container:hover
	.iti__selected-flag {
	background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
	background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
	margin-left: 6px;
}

.iti--container {
	position: absolute;
	top: -1000px;
	left: -1000px;
	z-index: 1060;
	padding: 1px;
}

.iti--container:hover {
	cursor: pointer;
}

.iti-mobile .iti--container {
	top: 30px;
	bottom: 30px;
	left: 30px;
	right: 30px;
	position: fixed;
}

.iti-mobile .iti__country-list {
	max-height: 100%;
	width: 100%;
}

.iti-mobile .iti__country {
	padding: 10px 10px;
	line-height: 1.5em;
}

.iti__flag {
	width: 20px;
}

.iti__flag.iti__be {
	width: 18px;
}

.iti__flag.iti__ch {
	width: 15px;
}

.iti__flag.iti__mc {
	width: 19px;
}

.iti__flag.iti__ne {
	width: 18px;
}

.iti__flag.iti__np {
	width: 13px;
}

.iti__flag.iti__va {
	width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.iti__flag {
		background-size: 5652px 15px;
	}
}

.iti__flag.iti__ac {
	height: 10px;
	background-position: 0px 0px;
}

.iti__flag.iti__ad {
	height: 14px;
	background-position: -22px 0px;
}

.iti__flag.iti__ae {
	height: 10px;
	background-position: -44px 0px;
}

.iti__flag.iti__af {
	height: 14px;
	background-position: -66px 0px;
}

.iti__flag.iti__ag {
	height: 14px;
	background-position: -88px 0px;
}

.iti__flag.iti__ai {
	height: 10px;
	background-position: -110px 0px;
}

.iti__flag.iti__al {
	height: 15px;
	background-position: -132px 0px;
}

.iti__flag.iti__am {
	height: 10px;
	background-position: -154px 0px;
}

.iti__flag.iti__ao {
	height: 14px;
	background-position: -176px 0px;
}

.iti__flag.iti__aq {
	height: 14px;
	background-position: -198px 0px;
}

.iti__flag.iti__ar {
	height: 13px;
	background-position: -220px 0px;
}

.iti__flag.iti__as {
	height: 10px;
	background-position: -242px 0px;
}

.iti__flag.iti__at {
	height: 14px;
	background-position: -264px 0px;
}

.iti__flag.iti__au {
	height: 10px;
	background-position: -286px 0px;
}

.iti__flag.iti__aw {
	height: 14px;
	background-position: -308px 0px;
}

.iti__flag.iti__ax {
	height: 13px;
	background-position: -330px 0px;
}

.iti__flag.iti__az {
	height: 10px;
	background-position: -352px 0px;
}

.iti__flag.iti__ba {
	height: 10px;
	background-position: -374px 0px;
}

.iti__flag.iti__bb {
	height: 14px;
	background-position: -396px 0px;
}

.iti__flag.iti__bd {
	height: 12px;
	background-position: -418px 0px;
}

.iti__flag.iti__be {
	height: 15px;
	background-position: -440px 0px;
}

.iti__flag.iti__bf {
	height: 14px;
	background-position: -460px 0px;
}

.iti__flag.iti__bg {
	height: 12px;
	background-position: -482px 0px;
}

.iti__flag.iti__bh {
	height: 12px;
	background-position: -504px 0px;
}

.iti__flag.iti__bi {
	height: 12px;
	background-position: -526px 0px;
}

.iti__flag.iti__bj {
	height: 14px;
	background-position: -548px 0px;
}

.iti__flag.iti__bl {
	height: 14px;
	background-position: -570px 0px;
}

.iti__flag.iti__bm {
	height: 10px;
	background-position: -592px 0px;
}

.iti__flag.iti__bn {
	height: 10px;
	background-position: -614px 0px;
}

.iti__flag.iti__bo {
	height: 14px;
	background-position: -636px 0px;
}

.iti__flag.iti__bq {
	height: 14px;
	background-position: -658px 0px;
}

.iti__flag.iti__br {
	height: 14px;
	background-position: -680px 0px;
}

.iti__flag.iti__bs {
	height: 10px;
	background-position: -702px 0px;
}

.iti__flag.iti__bt {
	height: 14px;
	background-position: -724px 0px;
}

.iti__flag.iti__bv {
	height: 15px;
	background-position: -746px 0px;
}

.iti__flag.iti__bw {
	height: 14px;
	background-position: -768px 0px;
}

.iti__flag.iti__by {
	height: 10px;
	background-position: -790px 0px;
}

.iti__flag.iti__bz {
	height: 14px;
	background-position: -812px 0px;
}

.iti__flag.iti__ca {
	height: 10px;
	background-position: -834px 0px;
}

.iti__flag.iti__cc {
	height: 10px;
	background-position: -856px 0px;
}

.iti__flag.iti__cd {
	height: 15px;
	background-position: -878px 0px;
}

.iti__flag.iti__cf {
	height: 14px;
	background-position: -900px 0px;
}

.iti__flag.iti__cg {
	height: 14px;
	background-position: -922px 0px;
}

.iti__flag.iti__ch {
	height: 15px;
	background-position: -944px 0px;
}

.iti__flag.iti__ci {
	height: 14px;
	background-position: -961px 0px;
}

.iti__flag.iti__ck {
	height: 10px;
	background-position: -983px 0px;
}

.iti__flag.iti__cl {
	height: 14px;
	background-position: -1005px 0px;
}

.iti__flag.iti__cm {
	height: 14px;
	background-position: -1027px 0px;
}

.iti__flag.iti__cn {
	height: 14px;
	background-position: -1049px 0px;
}

.iti__flag.iti__co {
	height: 14px;
	background-position: -1071px 0px;
}

.iti__flag.iti__cp {
	height: 14px;
	background-position: -1093px 0px;
}

.iti__flag.iti__cr {
	height: 12px;
	background-position: -1115px 0px;
}

.iti__flag.iti__cu {
	height: 10px;
	background-position: -1137px 0px;
}

.iti__flag.iti__cv {
	height: 12px;
	background-position: -1159px 0px;
}

.iti__flag.iti__cw {
	height: 14px;
	background-position: -1181px 0px;
}

.iti__flag.iti__cx {
	height: 10px;
	background-position: -1203px 0px;
}

.iti__flag.iti__cy {
	height: 14px;
	background-position: -1225px 0px;
}

.iti__flag.iti__cz {
	height: 14px;
	background-position: -1247px 0px;
}

.iti__flag.iti__de {
	height: 12px;
	background-position: -1269px 0px;
}

.iti__flag.iti__dg {
	height: 10px;
	background-position: -1291px 0px;
}

.iti__flag.iti__dj {
	height: 14px;
	background-position: -1313px 0px;
}

.iti__flag.iti__dk {
	height: 15px;
	background-position: -1335px 0px;
}

.iti__flag.iti__dm {
	height: 10px;
	background-position: -1357px 0px;
}

.iti__flag.iti__do {
	height: 14px;
	background-position: -1379px 0px;
}

.iti__flag.iti__dz {
	height: 14px;
	background-position: -1401px 0px;
}

.iti__flag.iti__ea {
	height: 14px;
	background-position: -1423px 0px;
}

.iti__flag.iti__ec {
	height: 14px;
	background-position: -1445px 0px;
}

.iti__flag.iti__ee {
	height: 13px;
	background-position: -1467px 0px;
}

.iti__flag.iti__eg {
	height: 14px;
	background-position: -1489px 0px;
}

.iti__flag.iti__eh {
	height: 10px;
	background-position: -1511px 0px;
}

.iti__flag.iti__er {
	height: 10px;
	background-position: -1533px 0px;
}

.iti__flag.iti__es {
	height: 14px;
	background-position: -1555px 0px;
}

.iti__flag.iti__et {
	height: 10px;
	background-position: -1577px 0px;
}

.iti__flag.iti__eu {
	height: 14px;
	background-position: -1599px 0px;
}

.iti__flag.iti__fi {
	height: 12px;
	background-position: -1621px 0px;
}

.iti__flag.iti__fj {
	height: 10px;
	background-position: -1643px 0px;
}

.iti__flag.iti__fk {
	height: 10px;
	background-position: -1665px 0px;
}

.iti__flag.iti__fm {
	height: 11px;
	background-position: -1687px 0px;
}

.iti__flag.iti__fo {
	height: 15px;
	background-position: -1709px 0px;
}

.iti__flag.iti__fr {
	height: 14px;
	background-position: -1731px 0px;
}

.iti__flag.iti__ga {
	height: 15px;
	background-position: -1753px 0px;
}

.iti__flag.iti__gb {
	height: 10px;
	background-position: -1775px 0px;
}

.iti__flag.iti__gd {
	height: 12px;
	background-position: -1797px 0px;
}

.iti__flag.iti__ge {
	height: 14px;
	background-position: -1819px 0px;
}

.iti__flag.iti__gf {
	height: 14px;
	background-position: -1841px 0px;
}

.iti__flag.iti__gg {
	height: 14px;
	background-position: -1863px 0px;
}

.iti__flag.iti__gh {
	height: 14px;
	background-position: -1885px 0px;
}

.iti__flag.iti__gi {
	height: 10px;
	background-position: -1907px 0px;
}

.iti__flag.iti__gl {
	height: 14px;
	background-position: -1929px 0px;
}

.iti__flag.iti__gm {
	height: 14px;
	background-position: -1951px 0px;
}

.iti__flag.iti__gn {
	height: 14px;
	background-position: -1973px 0px;
}

.iti__flag.iti__gp {
	height: 14px;
	background-position: -1995px 0px;
}

.iti__flag.iti__gq {
	height: 14px;
	background-position: -2017px 0px;
}

.iti__flag.iti__gr {
	height: 14px;
	background-position: -2039px 0px;
}

.iti__flag.iti__gs {
	height: 10px;
	background-position: -2061px 0px;
}

.iti__flag.iti__gt {
	height: 13px;
	background-position: -2083px 0px;
}

.iti__flag.iti__gu {
	height: 11px;
	background-position: -2105px 0px;
}

.iti__flag.iti__gw {
	height: 10px;
	background-position: -2127px 0px;
}

.iti__flag.iti__gy {
	height: 12px;
	background-position: -2149px 0px;
}

.iti__flag.iti__hk {
	height: 14px;
	background-position: -2171px 0px;
}

.iti__flag.iti__hm {
	height: 10px;
	background-position: -2193px 0px;
}

.iti__flag.iti__hn {
	height: 10px;
	background-position: -2215px 0px;
}

.iti__flag.iti__hr {
	height: 10px;
	background-position: -2237px 0px;
}

.iti__flag.iti__ht {
	height: 12px;
	background-position: -2259px 0px;
}

.iti__flag.iti__hu {
	height: 10px;
	background-position: -2281px 0px;
}

.iti__flag.iti__ic {
	height: 14px;
	background-position: -2303px 0px;
}

.iti__flag.iti__id {
	height: 14px;
	background-position: -2325px 0px;
}

.iti__flag.iti__ie {
	height: 10px;
	background-position: -2347px 0px;
}

.iti__flag.iti__il {
	height: 15px;
	background-position: -2369px 0px;
}

.iti__flag.iti__im {
	height: 10px;
	background-position: -2391px 0px;
}

.iti__flag.iti__in {
	height: 14px;
	background-position: -2413px 0px;
}

.iti__flag.iti__io {
	height: 10px;
	background-position: -2435px 0px;
}

.iti__flag.iti__iq {
	height: 14px;
	background-position: -2457px 0px;
}

.iti__flag.iti__ir {
	height: 12px;
	background-position: -2479px 0px;
}

.iti__flag.iti__is {
	height: 15px;
	background-position: -2501px 0px;
}

.iti__flag.iti__it {
	height: 14px;
	background-position: -2523px 0px;
}

.iti__flag.iti__je {
	height: 12px;
	background-position: -2545px 0px;
}

.iti__flag.iti__jm {
	height: 10px;
	background-position: -2567px 0px;
}

.iti__flag.iti__jo {
	height: 10px;
	background-position: -2589px 0px;
}

.iti__flag.iti__jp {
	height: 14px;
	background-position: -2611px 0px;
}

.iti__flag.iti__ke {
	height: 14px;
	background-position: -2633px 0px;
}

.iti__flag.iti__kg {
	height: 12px;
	background-position: -2655px 0px;
}

.iti__flag.iti__kh {
	height: 13px;
	background-position: -2677px 0px;
}

.iti__flag.iti__ki {
	height: 10px;
	background-position: -2699px 0px;
}

.iti__flag.iti__km {
	height: 12px;
	background-position: -2721px 0px;
}

.iti__flag.iti__kn {
	height: 14px;
	background-position: -2743px 0px;
}

.iti__flag.iti__kp {
	height: 10px;
	background-position: -2765px 0px;
}

.iti__flag.iti__kr {
	height: 14px;
	background-position: -2787px 0px;
}

.iti__flag.iti__kw {
	height: 10px;
	background-position: -2809px 0px;
}

.iti__flag.iti__ky {
	height: 10px;
	background-position: -2831px 0px;
}

.iti__flag.iti__kz {
	height: 10px;
	background-position: -2853px 0px;
}

.iti__flag.iti__la {
	height: 14px;
	background-position: -2875px 0px;
}

.iti__flag.iti__lb {
	height: 14px;
	background-position: -2897px 0px;
}

.iti__flag.iti__lc {
	height: 10px;
	background-position: -2919px 0px;
}

.iti__flag.iti__li {
	height: 12px;
	background-position: -2941px 0px;
}

.iti__flag.iti__lk {
	height: 10px;
	background-position: -2963px 0px;
}

.iti__flag.iti__lr {
	height: 11px;
	background-position: -2985px 0px;
}

.iti__flag.iti__ls {
	height: 14px;
	background-position: -3007px 0px;
}

.iti__flag.iti__lt {
	height: 12px;
	background-position: -3029px 0px;
}

.iti__flag.iti__lu {
	height: 12px;
	background-position: -3051px 0px;
}

.iti__flag.iti__lv {
	height: 10px;
	background-position: -3073px 0px;
}

.iti__flag.iti__ly {
	height: 10px;
	background-position: -3095px 0px;
}

.iti__flag.iti__ma {
	height: 14px;
	background-position: -3117px 0px;
}

.iti__flag.iti__mc {
	height: 15px;
	background-position: -3139px 0px;
}

.iti__flag.iti__md {
	height: 10px;
	background-position: -3160px 0px;
}

.iti__flag.iti__me {
	height: 10px;
	background-position: -3182px 0px;
}

.iti__flag.iti__mf {
	height: 14px;
	background-position: -3204px 0px;
}

.iti__flag.iti__mg {
	height: 14px;
	background-position: -3226px 0px;
}

.iti__flag.iti__mh {
	height: 11px;
	background-position: -3248px 0px;
}

.iti__flag.iti__mk {
	height: 10px;
	background-position: -3270px 0px;
}

.iti__flag.iti__ml {
	height: 14px;
	background-position: -3292px 0px;
}

.iti__flag.iti__mm {
	height: 14px;
	background-position: -3314px 0px;
}

.iti__flag.iti__mn {
	height: 10px;
	background-position: -3336px 0px;
}

.iti__flag.iti__mo {
	height: 14px;
	background-position: -3358px 0px;
}

.iti__flag.iti__mp {
	height: 10px;
	background-position: -3380px 0px;
}

.iti__flag.iti__mq {
	height: 14px;
	background-position: -3402px 0px;
}

.iti__flag.iti__mr {
	height: 14px;
	background-position: -3424px 0px;
}

.iti__flag.iti__ms {
	height: 10px;
	background-position: -3446px 0px;
}

.iti__flag.iti__mt {
	height: 14px;
	background-position: -3468px 0px;
}

.iti__flag.iti__mu {
	height: 14px;
	background-position: -3490px 0px;
}

.iti__flag.iti__mv {
	height: 14px;
	background-position: -3512px 0px;
}

.iti__flag.iti__mw {
	height: 14px;
	background-position: -3534px 0px;
}

.iti__flag.iti__mx {
	height: 12px;
	background-position: -3556px 0px;
}

.iti__flag.iti__my {
	height: 10px;
	background-position: -3578px 0px;
}

.iti__flag.iti__mz {
	height: 14px;
	background-position: -3600px 0px;
}

.iti__flag.iti__na {
	height: 14px;
	background-position: -3622px 0px;
}

.iti__flag.iti__nc {
	height: 10px;
	background-position: -3644px 0px;
}

.iti__flag.iti__ne {
	height: 15px;
	background-position: -3666px 0px;
}

.iti__flag.iti__nf {
	height: 10px;
	background-position: -3686px 0px;
}

.iti__flag.iti__ng {
	height: 10px;
	background-position: -3708px 0px;
}

.iti__flag.iti__ni {
	height: 12px;
	background-position: -3730px 0px;
}

.iti__flag.iti__nl {
	height: 14px;
	background-position: -3752px 0px;
}

.iti__flag.iti__no {
	height: 15px;
	background-position: -3774px 0px;
}

.iti__flag.iti__np {
	height: 15px;
	background-position: -3796px 0px;
}

.iti__flag.iti__nr {
	height: 10px;
	background-position: -3811px 0px;
}

.iti__flag.iti__nu {
	height: 10px;
	background-position: -3833px 0px;
}

.iti__flag.iti__nz {
	height: 10px;
	background-position: -3855px 0px;
}

.iti__flag.iti__om {
	height: 10px;
	background-position: -3877px 0px;
}

.iti__flag.iti__pa {
	height: 14px;
	background-position: -3899px 0px;
}

.iti__flag.iti__pe {
	height: 14px;
	background-position: -3921px 0px;
}

.iti__flag.iti__pf {
	height: 14px;
	background-position: -3943px 0px;
}

.iti__flag.iti__pg {
	height: 15px;
	background-position: -3965px 0px;
}

.iti__flag.iti__ph {
	height: 10px;
	background-position: -3987px 0px;
}

.iti__flag.iti__pk {
	height: 14px;
	background-position: -4009px 0px;
}

.iti__flag.iti__pl {
	height: 13px;
	background-position: -4031px 0px;
}

.iti__flag.iti__pm {
	height: 14px;
	background-position: -4053px 0px;
}

.iti__flag.iti__pn {
	height: 10px;
	background-position: -4075px 0px;
}

.iti__flag.iti__pr {
	height: 14px;
	background-position: -4097px 0px;
}

.iti__flag.iti__ps {
	height: 10px;
	background-position: -4119px 0px;
}

.iti__flag.iti__pt {
	height: 14px;
	background-position: -4141px 0px;
}

.iti__flag.iti__pw {
	height: 13px;
	background-position: -4163px 0px;
}

.iti__flag.iti__py {
	height: 11px;
	background-position: -4185px 0px;
}

.iti__flag.iti__qa {
	height: 8px;
	background-position: -4207px 0px;
}

.iti__flag.iti__re {
	height: 14px;
	background-position: -4229px 0px;
}

.iti__flag.iti__ro {
	height: 14px;
	background-position: -4251px 0px;
}

.iti__flag.iti__rs {
	height: 14px;
	background-position: -4273px 0px;
}

.iti__flag.iti__ru {
	height: 14px;
	background-position: -4295px 0px;
}

.iti__flag.iti__rw {
	height: 14px;
	background-position: -4317px 0px;
}

.iti__flag.iti__sa {
	height: 14px;
	background-position: -4339px 0px;
}

.iti__flag.iti__sb {
	height: 10px;
	background-position: -4361px 0px;
}

.iti__flag.iti__sc {
	height: 10px;
	background-position: -4383px 0px;
}

.iti__flag.iti__sd {
	height: 10px;
	background-position: -4405px 0px;
}

.iti__flag.iti__se {
	height: 13px;
	background-position: -4427px 0px;
}

.iti__flag.iti__sg {
	height: 14px;
	background-position: -4449px 0px;
}

.iti__flag.iti__sh {
	height: 10px;
	background-position: -4471px 0px;
}

.iti__flag.iti__si {
	height: 10px;
	background-position: -4493px 0px;
}

.iti__flag.iti__sj {
	height: 15px;
	background-position: -4515px 0px;
}

.iti__flag.iti__sk {
	height: 14px;
	background-position: -4537px 0px;
}

.iti__flag.iti__sl {
	height: 14px;
	background-position: -4559px 0px;
}

.iti__flag.iti__sm {
	height: 15px;
	background-position: -4581px 0px;
}

.iti__flag.iti__sn {
	height: 14px;
	background-position: -4603px 0px;
}

.iti__flag.iti__so {
	height: 14px;
	background-position: -4625px 0px;
}

.iti__flag.iti__sr {
	height: 14px;
	background-position: -4647px 0px;
}

.iti__flag.iti__ss {
	height: 10px;
	background-position: -4669px 0px;
}

.iti__flag.iti__st {
	height: 10px;
	background-position: -4691px 0px;
}

.iti__flag.iti__sv {
	height: 12px;
	background-position: -4713px 0px;
}

.iti__flag.iti__sx {
	height: 14px;
	background-position: -4735px 0px;
}

.iti__flag.iti__sy {
	height: 14px;
	background-position: -4757px 0px;
}

.iti__flag.iti__sz {
	height: 14px;
	background-position: -4779px 0px;
}

.iti__flag.iti__ta {
	height: 10px;
	background-position: -4801px 0px;
}

.iti__flag.iti__tc {
	height: 10px;
	background-position: -4823px 0px;
}

.iti__flag.iti__td {
	height: 14px;
	background-position: -4845px 0px;
}

.iti__flag.iti__tf {
	height: 14px;
	background-position: -4867px 0px;
}

.iti__flag.iti__tg {
	height: 13px;
	background-position: -4889px 0px;
}

.iti__flag.iti__th {
	height: 14px;
	background-position: -4911px 0px;
}

.iti__flag.iti__tj {
	height: 10px;
	background-position: -4933px 0px;
}

.iti__flag.iti__tk {
	height: 10px;
	background-position: -4955px 0px;
}

.iti__flag.iti__tl {
	height: 10px;
	background-position: -4977px 0px;
}

.iti__flag.iti__tm {
	height: 14px;
	background-position: -4999px 0px;
}

.iti__flag.iti__tn {
	height: 14px;
	background-position: -5021px 0px;
}

.iti__flag.iti__to {
	height: 10px;
	background-position: -5043px 0px;
}

.iti__flag.iti__tr {
	height: 14px;
	background-position: -5065px 0px;
}

.iti__flag.iti__tt {
	height: 12px;
	background-position: -5087px 0px;
}

.iti__flag.iti__tv {
	height: 10px;
	background-position: -5109px 0px;
}

.iti__flag.iti__tw {
	height: 14px;
	background-position: -5131px 0px;
}

.iti__flag.iti__tz {
	height: 14px;
	background-position: -5153px 0px;
}

.iti__flag.iti__ua {
	height: 14px;
	background-position: -5175px 0px;
}

.iti__flag.iti__ug {
	height: 14px;
	background-position: -5197px 0px;
}

.iti__flag.iti__um {
	height: 11px;
	background-position: -5219px 0px;
}

.iti__flag.iti__un {
	height: 14px;
	background-position: -5241px 0px;
}

.iti__flag.iti__us {
	height: 11px;
	background-position: -5263px 0px;
}

.iti__flag.iti__uy {
	height: 14px;
	background-position: -5285px 0px;
}

.iti__flag.iti__uz {
	height: 10px;
	background-position: -5307px 0px;
}

.iti__flag.iti__va {
	height: 15px;
	background-position: -5329px 0px;
}

.iti__flag.iti__vc {
	height: 14px;
	background-position: -5346px 0px;
}

.iti__flag.iti__ve {
	height: 14px;
	background-position: -5368px 0px;
}

.iti__flag.iti__vg {
	height: 10px;
	background-position: -5390px 0px;
}

.iti__flag.iti__vi {
	height: 14px;
	background-position: -5412px 0px;
}

.iti__flag.iti__vn {
	height: 14px;
	background-position: -5434px 0px;
}

.iti__flag.iti__vu {
	height: 12px;
	background-position: -5456px 0px;
}

.iti__flag.iti__wf {
	height: 14px;
	background-position: -5478px 0px;
}

.iti__flag.iti__ws {
	height: 10px;
	background-position: -5500px 0px;
}

.iti__flag.iti__xk {
	height: 15px;
	background-position: -5522px 0px;
}

.iti__flag.iti__ye {
	height: 14px;
	background-position: -5544px 0px;
}

.iti__flag.iti__yt {
	height: 14px;
	background-position: -5566px 0px;
}

.iti__flag.iti__za {
	height: 14px;
	background-position: -5588px 0px;
}

.iti__flag.iti__zm {
	height: 14px;
	background-position: -5610px 0px;
}

.iti__flag.iti__zw {
	height: 10px;
	background-position: -5632px 0px;
}

.iti__flag {
	height: 15px;
	box-shadow: 0px 0px 1px 0px #888;
	background-image: url("../Assets/flags/flags.png");
	background-repeat: no-repeat;
	background-color: #dbdbdb;
	background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.iti__flag {
		background-image: url("../Assets/flags/flags@2x.png");
	}
}

.iti__flag.iti__np {
	background-color: transparent;
}

#anmt-ref svg {
	max-height: 22em;
}

.clear-block-start {
	margin-block-start: 0em;
}

.overlay-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	width: 100%;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 2000;
}

.overlay-loading #loading-anmt {
	max-width: 20em;
}

.feedback-animation {
	display: flex;
	justify-content: center;
}

.feedback-animation #generic-success {
	max-width: 10em;
}

.success h1 {
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

.success p {
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

.steps .step {
	width: 64px;
	height: 64px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2),
		0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
	background-color: #111b3a;
	border-radius: 64px;
	position: absolute;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.steps .step-01 {
	margin-top: -3.6em;
}

.steps-2col {
	border-top: solid 1px #c7c7c7;
	margin-top: 2em;
	width: 100%;
}

.steps-2col p {
	padding-left: 1em;
	padding-right: 1em;
}

.error-message {
	display: flex;
	flex-direction: row;
	color: red;
}

.error-message p {
	color: red;
	font-size: 1rem;
}

.error-message img {
	height: 56px;
	width: 24px;
	padding-right: 0.5em;
}

.error-message img svg {
	color: red;
}
.giftcard_logo h7,
h10,
h11 {
	color: white;
}
.giftcard_logo {
	margin-top: 4em !important;
}
.gift-elements {
	max-width: 500px;
}
.gif-card-instructions {
	margin-top: 17em;
	margin-bottom: 2em;
	background: #fff;
	border-radius: 21px;
	box-shadow: 0 2px 11px 2px rgba(0, 0, 0, 0.12),
		0 2px 3px 1px rgba(0, 0, 0, 0.14);
}
.pink-circle {
	height: 72px;
	width: 72px;
	border-radius: 72px;
	background-color: #f16f73;
	margin-top: -36px;
}
.pink-circle h2 {
	color: white;
	text-align: center;
	margin-left: 0;
}
.code-field {
	height: 72px;
	width: 90%;
	max-width: 562px;
	background-color: #f3f3f3;
}
.code-field h2 {
	font-size: 2em;
	font-weight: 200;
}
.ic_copy_clipboard {
	margin-left: 0.5em;
}

.ic_copy_clipboard a {
	opacity: 1;
}

.ic_copy_clipboard a:hover {
	opacity: 0.8;
}
.color-pink {
	color: #f16f73;
	font-size: 1.6em !important;
}

.instruction {
	vertical-align: baseline;
}
.instruction h4,
h2 {
	font-size: 1.4em !important;
}
.divider {
	width: 90%;
	height: 1px;
	background-color: #e5e5e5;
}
.instruction img {
	padding: 0 0.5em;
}
.info-bottom p {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.19px;
	text-align: center;
	color: #58585b;
}
.info-bottom {
	margin-bottom: 2em;
}

@media only screen and (max-width: 60em) {
	#gift-card .card .pink-circle h2,
	#gift-card .card .code-field h2 {
		font-size: 2em !important;
	}
	color-pink {
		color: #f16f73;
		font-size: 1em !important;
	}
	.instruction h4 {
		font-size: 0.9em !important;
	}
	.instruction img {
		padding: 0 0.2em;
		height: 24px !important;
		width: auto !important;
	}
	#gift-card h7 {
		font-size: 1em;
	}

	.gift-card-header-container h10,
	.gift-card-header-container h11 {
		font-size: 4.5em !important;
	}
}

.info-text {
	padding-bottom: 35px;
	margin-top: -10px;
}
.info-text2 {
	padding-bottom: 15px;
}
.info-text3 {
	padding-bottom: 15px;
	color: #fff;
	text-align: center;
}

.yellow u {
	text-decoration-color: #ffc230;
}
.style-white {
	color: #ffffff;
}

.style-white01 {
	color: #ffffff;
	font-size: 1.8em;
	font-weight: 600;
	margin-bottom: -5px;
}

@media only screen and (max-width: 425px) {
	.card .cc-info-container {
		padding: 0em 1.5em 0em 1.5em;
	}
}

@media only screen and (max-width: 400px) {
	.instruction h4 {
		font-size: 0.8em !important;
	}

	.card .cc-info-container {
		padding: 0em 1em 0em 1em;
	}
}

@media only screen and (max-width: 380px) {
	.instruction h4 {
		font-size: 0.7em !important;
	}

	.card .cc-info-container {
		padding: 0;
	}
}

@media only screen and (max-width: 350px) {
	.container-regular {
		width: 92%;
	}
}

@media only screen and (max-width: 330px) {
	.container-regular {
		width: 95%;
	}
}