.payment-window {
			display: flex;
			width: 100%;
			height: 100vh;
			align-items: center;
			justify-content: center;
			background-color: #F7F7F7;
		}

		@media (min-width:375px) {
			.payment-window-inner {
				width: 100%;
				max-width: 600px;
				border-radius: 7px;
				overflow: hidden;
				display: flex;
				flex-direction: column;
				border: solid 1px #ddd;
				box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
				background-color: white;
			}
		}

		.payment-window-logo img {
			width: 100%;
			max-width: 200px;
			display: block;
			margin: 0 auto;
			height: 50px;
			object-fit: contain;
		}

		.payment-window-logo {
			width: 100%;
			background: white;
			padding: 30px 20px 20px 20px;
			border-bottom: solid 1px #e2e2e2;
		}

		.wp-altapay-payment-form-cnt {
			display: flex;
			flex-direction: column;
			gap: 15px;
			padding: 30px;
		}

		.wp-altapay-payment-form-cnt .order_number {
			display: flex;
			align-items: center;
			gap: 5px;
			font-size: 14px;
			opacity: .7;
		}

		.wp-altapay-payment-form-cnt .order_number strong {
			font-size: 16px;
		}

		.pensio_payment_form_outer {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.pensio_payment_form_row.expiry_row {
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			gap: 10px;
		}

		.pensio_payment_form_month,
		.pensio_payment_form_year {
			display: flex;
			flex-direction: column;
		}

		label.pensio_payment_form_label_cell {
			font-weight: bold;
			font-size: 14px;
		}

		.pensio_payment_form_input_cell input {
			width: 100%;
			-webkit-appearance: none;
			border: solid 1px #ccc;
			padding: 15px;
			border-radius: 5px;
			font-size: 16px;
			line-height: 110%;
			box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07);
		}

		.pensio_payment_form_row label {
			display: block;
			margin-bottom: 5px;
		}

		.pensio_payment_form_input_cell.pensio_payment_form_card-number img,
		.pensio_payment_form_input_cell.pensio_payment_form_card-number label {
			display: none;
		}

		.pensio_payment_form_row select {
			-webkit-appearance: none;
			width: 100%;
			padding: 15px 40px 15px 15px;
			border-radius: 5px;
			border: solid 1px #ccc;
			font-size: 16px;
			line-height: 110%;
			cursor: pointer;
			box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07);
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 452.3 268.31'%3E%3Cpath d='M226.15 268.31 0 42.15 42.15 0l184 184 184-184 42.15 42.15z'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-position-x: calc(100% - 10px);
			background-position-y: center;
			background-size: 10px;
		}

		.pensio_payment_form-cvc-input input {
			padding: 15px;
			-webkit-appearance: none;
			border: solid 1px #ccc;
			border-radius: 5px;
			font-size: 16px;
			line-height: 110%;
			width: 100%;
			max-width: 100px;
			box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07);
		}

		.pensio_payment_form_cvc-info-text {
			font-size: 12px;
			opacity: .7;
			margin-top: 5px;
			line-height: 120%;
		}

		.pensio_payment_form_cvc_error {
			color: red;
			font-size: 12px;
			font-weight: bold;
		}

		.pensio_payment_form_row.submit_row {
			display: none;
		}

		input.CustomAltaPaySubmitButton {
			padding: 15px;
			-webkit-appearance: none;
			border-radius: 5px;
			border: solid 1px #0aa54d;
			font-size: 16px;
			font-weight: bold;
			background-color: #00ad4b;
			color: white;
			cursor: pointer;
			transition: .1s ease;
		}

		input.CustomAltaPaySubmitButton:hover {
			background-color: #09ba56ff;
			border-color: #09ba56ff;
		}

		input.CustomAltaPaySubmitButton[disabled="disabled"] {
			background-color: #eee;
			border-color: #e7e7e7;
			cursor: not-allowed;
			color: #999;
		}

		.back-link {
			display: block;
			text-align: center;
		}

		.back-link a {
			text-decoration: none;
			color: black;
			display: flex;
			align-items: center;
			justify-content: center;
			border: solid 1px #ccc;
			padding: 15px;
			border-radius: 5px;
			opacity: .5;
			transition: .1s ease;
			font-weight: bold;
		}

		.back-link a:hover {
			opacity: 1;
		}

		.payment-window-inner-top {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
		}

		.payment-icons img.payment-icon {
			object-fit: contain;
			width: 100%;
			max-width: 50px;
			display: flex;
		}

		.payment-icons {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 5px;
			flex: 1;
			width: auto;
			justify-content: flex-end;
		}

		@media (max-width:375px) {
			.payment-window {
				align-items: flex-start;
			}

			.wp-altapay-payment-form-cnt,
			.payment-window-logo {
				padding: 20px;
			}

			.payment-window-logo img {
				height: 40px;
			}

			.wp-altapay-payment-form-cnt form {
				padding: 0;
				border: none;
				border-radius: 0;
			}

			.pensio_payment_form_row.expiry_row {
				flex-wrap: wrap;
			}

			.pensio_payment_form_cvc {
				flex-basis: 100%;
			}

			.pensio_payment_form_month,
			.pensio_payment_form_year {
				flex: 1;
			}

			.payment-window-inner-top {
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;
				gap: 10px;
			}

			.payment-icons {
				justify-content: flex-start;
				width: 100%;
			}
		}