/* form */


.section_page_box_single {
	margin: 0 0 1.25rem;
	display: grid;
	grid-template-columns: calc(100% - 0rem);
}

.section_page_box_single_half {
	margin: 0 0 1.25rem;
	display: grid;
	grid-template-columns: calc(50% - 0rem);
}

.section_page_box_double {
	margin: 0 0 1.25rem;
	display: grid;
	grid-template-columns: calc(50% - 0.625rem) calc(50% - 0.625rem);
	column-gap: 1.25rem;
}

.section_page_box_single:last-child
.section_page_box_double:last-child {
	margin: 0;
}

.section_page_box_double_two {
	margin: 0 0 1.25rem;
	display: grid;
	grid-template-columns: calc(50% - 0.625rem) calc(50% - 0.625rem);
	column-gap: 1.25rem;
}

.section_page_box_data {
	display: flex;
	flex-direction: column;
}

.section_page_box_select {
	display: flex;
	flex-direction: row;
}

.section_page_box_data_checkbox {
	display: flex;
	flex-direction: row;
	align-items: center;
	outline: none;
}

.section_page_box_data_checkbox label {
	margin: 0 0 0 0.625rem;
	font-size: 0.875em;
	font-weight: 400;
	text-align: start;
}

.section_page_box_data label {
	color: var(--text-headline);
  	font-size: 0.625em;
  	font-weight: 500;
}

.section_page_box_data input[type="email"],
.section_page_box_data input[type="number"],
.section_page_box_data input[type="text"] {
	width: calc(100% - (2rem + 0.25rem));
  	max-width: calc(100% - (2rem + 0.25rem));
	height: calc(3rem - (2rem + 0.25rem));
  	padding: 1rem;
  	background-color: var(--bg-input);
  	outline: none;
  	border: 0.125rem solid var(--border-input);
  	border-radius: var(--radius-default);
  	font-size: 0.875em;
}

#checkout-balance {
	width: calc(100% - (2rem + 0.25rem));
  	max-width: calc(100% - (2rem + 0.25rem));
	height: calc(3rem - (0.75rem + 0.25rem));
  	padding: 0.75rem 1rem 0;
  	background-color: var(--bg-input-text);
  	outline: none;
  	border: 0.125rem solid var(--border-input-colour);
  	border-radius: var(--radius-default);
	font-size: 0.875em;
}

.section_page_box_data textarea {
	width: calc(100% - (2rem + 0.25rem));
  	max-width: calc(100% - (2rem + 0.25rem));
	padding: 1rem;
  	background-color: var(--bg-input);
  	outline: none;
  	border: 0.125rem solid var(--border-input);
  	border-radius: var(--radius-default);
  	font-size: 0.875em;
}

.section_page_box_data select {
	width: calc(100% - 0rem);
  	max-width: calc(100% - 0rem);
	height: calc(3rem - 0rem);
  	padding: 0 0.75rem;
  	background-color: var(--bg-input);
  	outline: none;
  	border: 0.125rem solid var(--border-input);
  	border-radius: var(--radius-default);
  	font-size: 0.875em;
}

.section_page_box_data span {
	min-height: calc(1.25rem - 0rem);
  	display: flex;
  	align-items: center;
  	color: var(--text-negative);
  	font-size: 0.75em;

  	display: none;
}

.section_page_box_data h4 {
	margin: 0 0 1.25rem 0;
	color: var(--text);
	font-size: 0.75em;
	font-weight: 400;
	line-height: 1.5;
	text-align: justify;
}

.section_page_box_data h4 a {
	color: var(--text);
	font-size: 1em;
}

.section_page_box_data h4 a:hover {
	color: var(--color-primary);
}

.section_page_box_data button {
    width: calc(100% - 0rem);
    padding: 1rem 0;
    background-color: var(--bg-button);
    color: var(--white);
    font-size: 0.875em;
    font-weight: 500;
    text-decoration: none;
    outline: none;
    border: 0.2rem solid var(--bg-button);
    border-radius: var(--radius-button);
    transition: all 0.4s;
    cursor: pointer;
}

.section_page_box_data button:hover {
    background-color: var(--bg-button-hover);
    border: 0.2rem solid var(--bg-button-hover);
}

.section_page_box_data button:disabled {
    background-color: var(--bg-button-disabled);
    color: var(--text-button-disabled);
    border-color: var(--bg-button-disabled);
    cursor: not-allowed;
}


@media only screen and (max-width: 1024px) {}


@media only screen and (max-width: 768px) {


	/* form */
	.section_page_box_double_two {
		margin: 0 0 1.25rem;
		grid-template-columns: calc(100% - 0rem);
		column-gap: 0rem;
	}


}


/* form */