﻿/* Container */
.register-wizard-container { padding: 10vw 75px 100px 75px; color: #FFF; }
.register-wizard-title { text-align: center; }
.register-wizard-highlighted { position: relative; display: inline-block; }
.register-wizard-highlighted:after { content: ''; position: absolute; display: block; bottom: -5px; left: 0; width: 75%; height: 5px; background: rgb(var(--color)); }
.register-wizard-step-container { margin-top: 75px; }
.register-wizard-step-container:not(.active) { display: none; }
.register-wizard-button-container { }
.register-wizard-button-container.hide { display: none; }
.register-wizard-button-container.next-step { margin-top: 75px; text-align: right; }
.register-wizard-button { display: inline-block; padding: 10px 75px; color: #FFF; font-size: 1.125rem; font-family: inherit; text-align: center; text-decoration: none; background: rgba(var(--color), .5); border-radius: 10px; border: 1px solid rgb(var(--color)); cursor: pointer; transition: .125s; }
.register-wizard-button.disabled { display: none; filter: brightness(50%); cursor: default; }
.register-wizard-button-container.disabled > .register-wizard-button.disabled { display: inline-block; }
.register-wizard-button-container.disabled > .register-wizard-button:not(.disabled) { display: none; }

@media (pointer: fine) {
	.register-wizard-button:not(.disabled):hover { background: rgb(var(--color)); }
}

@media (max-width: 1536px) {
	.register-wizard-container { padding-top: 10vw; }
}

@media (max-width: 1280px) {
	.register-wizard-container { padding-top: 12vw; }
}

@media (max-width: 1024px) {
	.register-wizard-container { padding-top: 14vw; }
}

@media (max-width: 768px) {
	.register-wizard-container { padding-top: 15vw; }
}

@media (max-width: 640px) {
	.register-wizard-container { padding-top: 18vw; padding-left: 25px; padding-right: 25px; }
}

/* Progress*/
.register-wizard-progress-container { display: flex; margin-top: 75px; }
.register-wizard-progress-step { flex: 1; }
.register-wizard-progress-step-bar { position: relative; display: flex; align-items: center; }
.register-wizard-progress-step-bar:before,
.register-wizard-progress-step-bar:after { content: ''; height: 5px; flex: 1; background: rgba(255, 255, 255, .25); }
.register-wizard-progress-step:first-child > .register-wizard-progress-step-bar:before,
.register-wizard-progress-step:last-child > .register-wizard-progress-step-bar:after { visibility: hidden; }
.register-wizard-progress-step.completed > .register-wizard-progress-step-bar:before,
.register-wizard-progress-step.completed > .register-wizard-progress-step-bar:after,
.register-wizard-progress-step.active > .register-wizard-progress-step-bar:before { background: rgba(var(--color), .5); }
.register-wizard-progress-step-bar-dot { margin: 0 10px; width: 10px; height: 10px; flex: 0 0 auto; background: #FFF; border-radius: 50%; box-sizing: content-box; }
.register-wizard-progress-step.active > .register-wizard-progress-step-bar > .register-wizard-progress-step-bar-dot { margin: 0 25px; outline: 25px solid rgba(var(--color), .5); }
.register-wizard-progress-step.completed > .register-wizard-progress-step-bar > .register-wizard-progress-step-bar-dot { background: rgb(var(--color)); cursor: pointer; }
.register-wizard-progress-container.step-7 .register-wizard-progress-step.completed > .register-wizard-progress-step-bar > .register-wizard-progress-step-bar-dot { cursor: default; }
.register-wizard-progress-step-name { margin-top: 50px; font-size: .8375rem; font-weight: 600; text-align: center; text-transform: uppercase; letter-spacing: 1px; }

@media (max-width: 768px) {
	.register-wizard-progress-step:not(.mobile-window) { display: none; }
}

@media (max-width: 640px) {
	.register-wizard-progress-step:not(.active) > .register-wizard-progress-step-name { display: none; }
}

/* Data step */
::-webkit-calendar-picker-indicator { filter: invert(1); }
.register-wizard-step-container.company-data.active,
.register-wizard-step-container.legal-representative-data.active,
.register-wizard-step-container.data.active { display: flex; gap: 25px 15px; flex-wrap: wrap; }
.register-wizard-fields-group { margin: 15px 0; width: 100%; text-align: center; text-transform: uppercase; }
.register-wizard-fields-group-content { position: relative; }
.register-wizard-fields-group-content:after { content: ''; position: absolute; display: block; bottom: -5px; left: 0; width: 100%; height: 5px; background: rgb(var(--color)); }
.register-wizard-fields-subgroup { margin: 15px 0; width: 100%; font-weight: 700; text-transform: uppercase; }
.register-wizard-fields-subgroup.has-notes { margin-bottom: 0; }
label.register-wizard-fields-subgroup { cursor: pointer; }
.register-wizard-fields-subgroup:first-child { margin-top: 0; }
.register-wizard-section-check { margin-right: 5px; }
.register-wizard-fields-subgroup-notes { width: 100%; font-size: .9375rem; }
.register-wizard-field { padding: 20px 30px; width: 100%; color: #FFF; font-size: .9375rem; font-family: "Comfortaa", sans-serif; letter-spacing: 1.5px; border: 1px solid rgba(255, 255, 255, .5); background: transparent; border-radius: 10px; outline: none; transition: .25s; }
.register-wizard-field.hide { display: none; }
.register-wizard-field:focus { border-color: rgb(var(--color)); }
.register-wizard-field.error { border-color: red; }
.register-wizard-field::placeholder { color: #FFF; opacity: 1; }
select.register-wizard-field { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='white'%3E%3Cpath d='M459-381 332-508q-14-14-6.5-32.5T353-559h254q20 0 27.5 18.5T628-508L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z'/%3E%3C/svg%3E"); background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-size: 25px; appearance: none; }
select.register-wizard-field > option { color: var(--greyText); }
.register-wizard-field[disabled] { opacity: .75; }
.register-wizard-field.attachment { display: none; }
.register-wizard-attachment { position: relative; display: flex; padding: 50px 15px; width: 100%; font-size: .9375rem; line-height: 1.5rem; font-weight: 600; text-align: center; background-color: rgba(255, 255, 255, .125); border: 1px solid #FFF; border-radius: 10px; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; z-index: 0; cursor: pointer; user-select: none; transition: .25s; }
.register-wizard-attachment.error { border-color: red; }
.register-wizard-attachment.done { }
.register-wizard-background { position: absolute; display: none; top: 50%; left: 50%; padding: 25px 15px; max-width: 100%; max-height: 100%; fill: #333; z-index: -1; transform: translate(-50%, -50%); }
.register-wizard-attachment.done > .register-wizard-background { display: block; }
.register-wizard-attachment-guidelines { font-size: .75rem; font-weight: 400; }
.register-wizard-attachment-edit { display: none; }
.register-wizard-attachment.done > .register-wizard-attachment-content > .register-wizard-attachment-edit { display: inline; }
.register-wizard-attachment-progress { position: absolute; display: none; left: 0; bottom: 5px; margin-inline: 8px; height: 5px; width: calc(100% - 16px); background-color: transparent; transition: .25s; }
.register-wizard-attachment-progress::-webkit-progress-bar { height: 5px; background-color: transparent; }
.register-wizard-attachment-progress::-webkit-progress-value { background-color: rgb(var(--color)); border-radius: 10px }
.register-wizard-attachment.uploading > .register-wizard-attachment-progress { display: block; }
.register-wizard-attachment-download { position: absolute; display: none; top: 0; right: 0; padding: 5px 15px; background: #FFF; border-bottom-left-radius: 10px; }
.register-wizard-attachment.done > .register-wizard-attachment-download { display: block; }
.register-wizard-attachment-download-icon { width: 30px; height: auto; fill: #4d5560; }

.register-wizard-field.width-2,
.register-wizard-attachment.width-2 { width: calc(50% - 12.5px); }
.register-wizard-field.width-3,
.register-wizard-attachment.width-3 { width: calc(33.3333% - 16.6667px); }
.register-wizard-field.width-4,
.register-wizard-attachment.width-4 { width: calc(25% - 18.75px); }

@media (max-width: 768px) {
	.register-wizard-field.width-2,
	.register-wizard-attachment.width-2,
	.register-wizard-field.width-3,
	.register-wizard-attachment.width-3,
	.register-wizard-field.width-4,
	.register-wizard-attachment.width-4 { width: 100%; }
}

/* Subscription step */
.register-wizard-step-container.business.subscription.active { display: block; }
.register-wizard-step-title { margin: 0; font-size: 35px; font-weight: 700; font-family: Comfortaa; }
.register-wizard-step-title-underline { position: relative; }
.register-wizard-step-title-underline::after { content: ''; position: absolute; display: block; top: 100%; left: 0; width: 100%; height: 5px; background: #FF840A; }
.register-wizard-subscription-header-container { display: flex; margin: 25px 0; gap: 50px; justify-content: space-between; align-items: center; }
.register-wizard-step-abstract { line-height: 20px; }
.register-wizard-subscription-view-toggle-container { display: flex; gap: 15px; align-items: center; cursor: pointer; user-select: none; }
.register-wizard-subscription-view-toggle-value { font-size: 14px; }
.register-wizard-subscription-view-toggle-value.active { font-weight: 700; }
#register_wizard_subscription_view_toggle_checkbox { display: none; }
.register-wizard-subscription-view-toggle-slider { position: relative; width: 52px; height: 27px; background: #33363B; border: 1px solid #FFF; border-radius: 20px; }
.register-wizard-subscription-view-toggle-slider::before { content: ''; position: absolute; top: 2.5px; left: 2.5px; width: 20px; height: 20px; background: #FF8000; border-radius: 50%; transition: .25s; }
#register_wizard_subscription_view_toggle_checkbox:checked + .register-wizard-subscription-view-toggle-slider::before { left: calc(100% - 22.5px); }
.register-wizard-subscriptions-container { display: flex; margin: 50px 0; gap: 25px 15px; justify-content: center; flex-wrap: wrap; }
.register-wizard-subscription-container { display: flex; padding: 35px; width: calc(33% - 10px); background: linear-gradient(0, #004687, #002F5A); border: 1px solid #FF9F3E; border-radius: 20px; flex-direction: column; }
.register-wizard-subscription-container.active { background: linear-gradient(0, #023564, #05213B); }
.register-wizard-subscription-title { margin: 0; font-size: 24px; font-weight: 600; }
.register-wizard-subscription-subtitle { margin: 0; color: #C6C6C6; font-size: 13px; font-weight: 400; }
.register-wizard-subscription-price-container { display: none; margin: 25px 0 15px; font-size: 35px; line-height: 1em; font-weight: 700; gap: 3px; }
.register-wizard-subscription-price-container.show { display: flex; }
.register-wizard-subscription-price-currency { font-size: .5em; line-height: 1em; align-self: flex-end; }
.register-wizard-subscription-price-frequency { color: #C6C6C6; font-size: .5em; line-height: 1em; font-weight: 400; }
.register-wizard-subscription-abstract { margin-bottom: 35px; }
.register-wizard-subscription-features-title { font-size: 14px; }
.register-wizard-subscription-features { margin: 10px 0 25px; }
.register-wizard-subscription-features ul { margin: 0; padding: 0; }
.register-wizard-subscription-features li { display: block; margin-top: 5px; padding-left: 1.5em; background: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ff840a%22%20viewBox%3D%220%20-960%20960%20960%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m382-354%20339-339q12-12%2028.5-12t28.5%2012q12%2012%2012%2028.5T778-636L410-268q-12%2012-28%2012t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12%2028.5-12t28.5%2012l142%20143Z%22%2F%3E%3C%2Fsvg%3E") 0 .125em / 1em no-repeat; }
.register-wizard-subscription-features li:first-child { margin-top: 0; }
.register-wizard-subscription-button { display: block; margin-top: auto; padding: 10px; font-size: 18px; text-align: center; background: #ED8935; border-radius: 10px; cursor: pointer; user-select: none; }
.register-wizard-subscriptions-disclaimer { text-align: center; }
.register-wizard-subscription-price.private.gratis { font-weight: bold; text-align: center; margin-top: 1rem; margin-bottom: 1rem;}

@media (max-width: 1500px) {
	.register-wizard-subscription-container { width: calc(48% - 7.5px); }
}

@media (max-width: 768px) {
	.register-wizard-subscription-header-container { display: block; }
	.register-wizard-step-abstract { margin-bottom: 50px; }
	.register-wizard-subscription-view-toggle-container { justify-content: flex-end; }

	.register-wizard-subscriptions-container { display: block; }
	.register-wizard-subscription-container { margin: 25px auto; width: 400px; max-width: 100%; }

}

/* Privacy step */
.register-wizard-step-container.privacy.active { display: flex; flex-wrap: wrap; }
.register-wizard-privacy-icon { margin: 0 auto; width: 50px; height: auto; fill: #FFF; }
.register-wizard-privacy-title-container { display: flex; margin: 35px 0; width: 100%; align-items: center; }
.register-wizard-privacy-title-container:before,
.register-wizard-privacy-title-container:after { content: ''; display: block; height: 2px; background: #FFF; flex: 1; }
.register-wizard-privacy-title { padding: 0 25px; font-size: 1rem; font-weight: 400; }
.register-wizard-privacy-container { 
	font-family: "Times New Roman", Georgia, serif;
	font-size: 0.95rem;
	line-height: 1.6;
	padding-right: 10px; 
	width: 100%; 
	max-height: 350px; 
	overflow-y: auto;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 1.5rem;
}
.register-wizard-privacy-container p { 
	margin-bottom: 1em;
}

.register-wizard-privacy-container ul { 
	margin: 0.5em 0 1em 1.5em;
  	list-style-type: disc;
}

.register-wizard-privacy-container li { 
	margin-bottom: 0.3em;
}

.register-wizard-privacy-container br { 
	line-height: 1.5;
}

.register-wizard-privacy-content-heading { margin: 15px 0; }
.register-wizard-privacy-content-paragraph { margin: 5px 0; }

@media (max-width: 640px) {
	.register-wizard-privacy-icon,
	.register-wizard-privacy-title-container { display: none; }
}

/* Email confirm */
.register-wizard-step-container.mail-confirm.active { display: flex; flex-direction: column; align-items: center; }
.register-wizard-mail-icon { width: 250px; height: auto; fill: #FFF; }
#register_wizard_mail_icon_case { animation: register-wizard-email-confirm-email 3s cubic-bezier(.57,.08,.52,.91) infinite alternate; }
#register_wizard_mail_icon_arrow_1 { animation: register-wizard-email-confirm-arrow-1 0.8s linear infinite; }
#register_wizard_mail_icon_arrow_2 { animation: register-wizard-email-confirm-arrow-2 1.5s linear infinite; }
#register_wizard_mail_icon_arrow_3 { animation: register-wizard-email-confirm-arrow-3 1s linear infinite; }
.register-wizard-mail-abstract { color: #FFF; font-size: 1.25rem; line-height: 1.75rem; text-align: center; }
.register-wizard-button-container.mail-resend { margin-top: 50px; }
.register-wizard-button.mail-resend { display: flex; color: var(--lightGrey); fill: var(--lightGrey); background: var(--greyText); border: 1px solid var(--lightGrey); align-items: center; }
.register-wizard-button.mail-resend.disabled { display: none; }
.register-wizard-button-container.mail-resend.disabled > .register-wizard-button.mail-resend.disabled { display: flex; }
.registration-company-wizard-resend-email-icon { margin-right: 15px; width: 35px; height: auto; flex: 0 0 auto; }

@media (pointer: fine) {
	.register-wizard-button.mail-resend:not(.disabled):hover { color: var(--greyText); fill: var(--greyText); background: var(--lightGrey); }
}

@media (max-width: 480px) {
	.register-wizard-button.mail-resend { padding-inline: 25px; }
}

@keyframes register-wizard-email-confirm-email {
	0% { transform: translateY(-7px); }
	50% { transform: translateY(7px); }
}

@keyframes register-wizard-email-confirm-arrow-1 {
	0% { transform: translateX(90px); }
	100% { transform: translateX(-100px); }
}

@keyframes register-wizard-email-confirm-arrow-2 {
	0% { transform: translateX(120px); }
	100% { transform: translateX(-100px); }
}

@keyframes register-wizard-email-confirm-arrow-3 {
	0% { transform: translateX(90px); }
	100% { transform: translateX(-100px); }
}

/* Email confirmed */
.register-wizard-step-container.mail-confirmed.active { display: flex; flex-direction: column; align-items: center; }
.register-wizard-complete-icon { width: 150px; height: auto; }
#register_wizard_complete_icon_group { animation: 0.32s ease-in-out 1.03s register_wizard_complete_icon_group; transform-origin: center; }
#register_wizard_complete_icon_white_circle { animation: 0.35s ease-in 0.35s forwards register_wizard_complete_icon_white_circle; transform: none; transform-origin: center; }
#register_wizard_complete_icon_outline { animation: 0.38s ease-in register_wizard_complete_icon_outline; transform: rotate(0deg); transform-origin: center; }
#register_wizard_complete_icon_check { stroke-dasharray: 0, 75px; stroke-linecap: round; stroke-linejoin: round; animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards register_wizard_complete_icon_check; }
.register-wizard-complete-abstract { margin: 50px 0; color: #FFF; font-size: 1.25rem; line-height: 1.75rem; text-align: center; }
.register-wizard-complete-abstract span { display: block; margin-bottom: 25px; }
.register-wizard-complete-abstract span .form-field-label { padding-left: 5px; }
.register-wizard-button.complete-registration { width: 500px; }

@media (max-width: 640px) {
	.register-wizard-button.complete-registration { width: unset; }
}

@keyframes register_wizard_complete_icon_group {
	from { transform: scale(1); }
	50% { transform: scale(1.09); }
	to { transform: scale(1); }
}

@keyframes register_wizard_complete_icon_white_circle {
	from { transform: scale(1); }
	to { transform: scale(0); }
}

@keyframes register_wizard_complete_icon_outline {
	from { stroke-dasharray: 0, 345.576px; }
	to { stroke-dasharray: 345.576px, 345.576px; }
}

@keyframes register_wizard_complete_icon_check {
	from { stroke-dasharray: 0, 75px; }
	to { stroke-dasharray: 75px, 75px; }
}

/* Payments */
.register-wizard-step-container.payment-method.active { display: flex; flex-direction: column; align-items: center; }
.register-wizard-step-container.payment-method .wrapper { display: flex; gap: 25px; padding: 0 2.5%; }
.register-wizard-step-container.payment-method .wrapper .methods { }
.register-wizard-step-container.payment-method .wrapper .methods .abstract { margin-bottom: 25px; }
.register-wizard-step-container.payment-method .wrapper .methods .title { display: flex; gap: 15px; align-items: center; }
.register-wizard-step-container.payment-method .wrapper .methods .title span { padding: 10px 5px; clip-path: polygon(0 5px, 100% 0, 100% calc(100% - 5px), 0 100%); background: rgba(var(--color), .5); }
.register-wizard-step-container.payment-method .wrapper .methods input { display: none; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method { background: #00315f; border: 1px solid #00315f; color: #FFF; }
.register-wizard-step-container.payment-method .wrapper .methods .method { display: flex; cursor: pointer; gap: 25px; border: 1px solid #fff; border-radius: 10px; background-color: #fff; color: #0053a0; padding: 25px; margin: 15px 0; }
.register-wizard-step-container.payment-method .wrapper .methods .method .checkbox { display: flex; gap: 15px; align-items: center; }
.register-wizard-step-container.payment-method .wrapper .methods .method .checkbox div { position: relative; width: 30px; height: 30px; background-color: #00315f; border-radius: 15px; }
.register-wizard-step-container.payment-method .wrapper .methods .method .checkbox div div { position: absolute; top: 4px; left: 4px; width: 22px; height: 22px; background-color: #FFF; border-radius: 15px; }
.register-wizard-step-container.payment-method .wrapper .methods .method .checkbox div div div { display: none;}
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method { border: 1px solid #00315f; background-color: #00315f; color: #fff; transition: all 0.3s; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method .checkbox { align-self: flex-start; padding-top: 10px; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method .checkbox div { background-color: #fff; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method .checkbox div div { background-color: #00315f; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method .checkbox div div div { display: block; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background-color: #ff840a; border-radius: 15px; }

.register-wizard-step-container.payment-method .wrapper .methods .method .title { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; flex-grow: 1; justify-content: space-between; }
.register-wizard-step-container.payment-method .wrapper .methods .method .title .main { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; flex-grow: 1; justify-content: space-between; }
.register-wizard-step-container.payment-method .wrapper .methods .method .title div .title { font-weight: 700; font-size: 1.5em; }
.register-wizard-step-container.payment-method .wrapper .methods .method .title div .subtitle { font-size: 0.8em; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method .title div .subtitle { opacity: 0.8; }
.register-wizard-step-container.payment-method .wrapper .methods .method .title .icon { display: flex; gap: 10px; align-items: center; }
.register-wizard-step-container.payment-method .wrapper .methods .method .title .info { display: none; width: 100%; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method .title .info { display: flex; transition: all 1s; flex-direction: column; row-gap: 15px; padding-top: 15px; color: #FFF; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method .title .info > .footer { font-size: 0.8em; margin-bottom: 0; opacity: 0.8; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method .title .info > div { display: flex; }
.register-wizard-step-container.payment-method .wrapper .methods .method .title .info > div > div { opacity: 0.8; }
.register-wizard-step-container.payment-method .wrapper .methods .method .title .info > div > div:first-child { width: 250px; font-weight: 600; opacity: 1; }
.register-wizard-step-container.payment-method .wrapper .methods .method .title .icon svg { width: 33px; height: 33px; fill: #0053a0; stroke: #FFF; }
.register-wizard-step-container.payment-method .wrapper .methods .method .title .icon.rid svg { width: 45px; height: 45px; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method .title .icon svg { fill: #ff840a; stroke: #0053a0; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method .title .icon svg g path { fill: #fff; }
.register-wizard-step-container.payment-method .wrapper .methods input:checked + .method .title .icon.bank img { filter: invert(1) saturate(3.5); }
.register-wizard-step-container.payment-method .wrapper .methods .method .title .icon div { display: flex; align-items: center; padding: 1px 2px; background-color: #fff; border-radius: 5px; border: 1px solid #00315f; }
.register-wizard-step-container.payment-method .wrapper .methods .method .title .icon div img { width: 50px; transition: all 0.3s }
.register-wizard-step-container.payment-method .wrapper .methods .footer { font-size: 0.8em; margin-bottom: 50px; opacity: 0.8; }

.register-wizard-step-container.payment-method .wrapper .summary .wrapper { display: block; border: 1px solid var(--mainOrange); border-radius: 25px; margin-bottom: 25px; padding: 0; border-radius: 25px; background-color: #00315f; padding: 25px; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .title { font-weight: 700; font-size: 1.5em; margin-bottom: 25px; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .order-detail { display: flex; galign-items: center; flex-grow: 1; justify-content: space-between; border-bottom: 2px solid #8191a0; margin-bottom: 15px; padding-bottom: 15px; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .order-detail > div > span { display: block; font-size: 0.8em; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .order-summary, .register-wizard-step-container.payment-method .wrapper .summary .wrapper > .vat-detail  { display: flex; galign-items: center; flex-grow: 1; justify-content: space-between; border-bottom: 0px solid #8191a0; margin-bottom: 15px; padding-bottom: 15px; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .order-summary > div > span { display: block; font-size: 0.8em; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .detail { font-size: 0.8em; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .detail .title { padding-bottom: 10px; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .detail .body { padding-bottom: 10px; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .detail .body > div { display: flex; align-items: center; padding-bottom: 5px; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .detail ul li,
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .detail .check { position: relative; width: 15px; height: 15px; margin-right: 12px; border-radius: 50%; flex-shrink: 0; background-color: #fd850d; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .detail ul li::after,
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .detail .check::after { content: ""; width: 7px; height: 3px; position: absolute; top: 4px; left: 3px; border: 2px solid #fff; border-top: none; border-right: none; transform: rotate(-45deg); transition: 0.3s linear; }
.register-wizard-step-container.payment-method .wrapper .summary .wrapper > .detail .footer { text-align: center; text-decoration: underline; cursor: pointer; }
.register-wizard-step-container.payment-method .wrapper .summary > .button { margin-bottom: 15px; }
.register-wizard-step-container.payment-method .wrapper .summary > .footer { font-size: 0.8em; text-align: center; }

.register-wizard-button-container.business.complete-registration { text-align: center; }

.register-wizard-step-container.payment-method .wrapper .methods .method > .title  { display: block;}
.register-wizard-step-container.payment-method .method #credit-card-container { padding: 12px; border-radius: 8px; border: 1px solid #ffffff; margin-top: 1rem; }
.bank-transfer-info dl { text-align: left; margin-top: 1rem; }
.bank-transfer-info dl dt{ font-weight: bold; }
.bank-transfer-info h5 { margin-top: 1rem; }


@media (max-width: 768px) {
	.register-wizard-step-container.payment-method.active {
		display: flow;

	}

	.wrapper {
		display: block !important;
	}

	.register-wizard-step-container.payment-method .wrapper .methods .method .title .icon {
		display: block !important;
		column-count: 3;
	}

	.register-wizard-step-container.payment-method .wrapper .methods .method {
		display: block;
	}
}