.forminator-ui {
	display: flex;
	flex-direction: column;
}
.forminator-row {
	display: grid;
	grid-template-columns: 1fr;
}
.forminator-field {
	display: flex;
	flex-direction: column;
}
.contactFormItemFullWidth {
	grid-column: 1 / -1;
}
@media (min-width: 834px) {
	.forminator-row {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* inputs */
.contactFormItem input {
	height: var(--wp--preset--spacing--60);
	width: 100%;
	padding: 10px var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--20);
    color: var(--wp--preset--color--secondary);
	border: 2px solid var(--wp--preset--color--disabled);
	border-radius: 0;
	background-color: var(--wp--preset--color--background);
}
.contactFormItem input::placeholder {
    color: var(--wp--preset--color--disabled);
}

.contactFormItem .forminator-is_hover input, .contactFormItem .forminator-is_hover textarea {
	border: 2px solid #9E9C9F;
	background-color: #E7E5E8;
}
.contactFormItem .forminator-is_active input:focus, .contactFormItem .forminator-is_active textarea:focus {
	outline: none;
	border: 2px solid var(--wp--preset--color--primary-tertiary);
	background-color: #E7E5E8;
}

/* phone */
.contactFormItem .forminator-phone {
	width: 100%;
}

/* select */
.contactFormSelect {
	position: relative;
}
.forminator-select {
	background-color: var(--wp--preset--color--background);
}

.forminator-ui.forminator-custom-form[data-design=basic] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single {
	height: var(--wp--preset--spacing--60);
	padding: 10px var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--secondary);
	background-color: var(--wp--preset--color--background);
	border: 2px solid var(--wp--preset--color--disabled);
	border-radius: 0;
}
.forminator-ui.forminator-custom-form[data-design=basic] select.forminator-select2+.forminator-select .selection span[role=combobox]:focus, .forminator-ui.forminator-custom-form[data-design=basic] select.forminator-select2+.forminator-select .selection span[role=combobox]:hover {
	border: 2px solid var(--wp--preset--color--primary-tertiary);
	background-color: #E7E5E8;
}
.select2-selection__placeholder {
    color: var(--wp--preset--color--disabled);
}
/* select dropdown */
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--basic {
	padding: 0;
	border: none;
	color: var(--wp--preset--color--secondary);
}
.forminator-select.forminator-select-dropdown-container--open
.forminator-select-dropdown.forminator-dropdown--basic
.select2-results
.select2-results__options
.select2-results__option {
	display: flex;
	align-items: center;
	height: var(--wp--preset--spacing--60);
	border: 2px solid var(--wp--preset--color--disabled);
	padding: 10px var(--wp--preset--font-size--20);
}
.forminator-select.forminator-select-dropdown-container--open
.forminator-select-dropdown.forminator-dropdown--basic
.select2-results
.select2-results__options
.select2-results__option.select2-results__option--highlighted {
	border: 2px solid var(--wp--preset--color--primary-tertiary);
	background-color: #E7E5F8;
}

/* textarea */
.forminator-field-textarea.contactFormItem {
	grid-column: 1 /-1;
}
.contactFormItem textarea {
	width: 100%;
	padding: 10px var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--20);
    color: var(--wp--preset--color--secondary);
	border: 2px solid var(--wp--preset--color--disabled);
	border-radius: 0;
	background-color: var(--wp--preset--color--background);
	cursor: pointer;
}
/* checkbox */
.contactFormItem input[type="checkbox"] {
	appearance: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(var(--wp--preset--spacing--20) + 2px);
	width: calc(var(--wp--preset--spacing--20) + 2px);
	padding: 0;
    color: var(--wp--preset--color--secondary);
	border: 2px solid var(--wp--preset--color--text);
	border-radius: 0;
	background-color: var(--wp--preset--color--background);
}
.contactFormItem input[type="checkbox"]:hover {
	border-color: var(--wp--preset--color--secondary);
}
.contactFormItem input[type="checkbox"]:focus, .contactFormItem input[type="checkbox"]:focus-within {
	border-color: var(--wp--preset--color--primary-tertiary);
	outline: none;
}
.contactFormItem input[type="checkbox"]:checked {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--secondary);
}
.contactFormItem input[type="checkbox"]:checked:focus {
	border-color: var(--wp--preset--color--primary-tertiary);
	outline: none;
}

.contactFormItem input[type="checkbox"]:checked::after {
	content: url(https://komponentr.kyiv.ua/wp-content/uploads/2024/12/checkbox.svg);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 12px;
}
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-checkbox__wrapper {
	display: flex;
	align-items: center;
}
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-checkbox__label > p {
	margin:0;
}

/* submit button */
.forminator-button.forminator-button-submit {
	width: 100%;
	border: none;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--60);
	color: var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--20);
	cursor: pointer;
}

@media (min-width: 834px) {
	.forminator-button.forminator-button-submit {
		width: 50%;
		margin-left: auto;
		align-self: flex-end;
	}
}

/* errors */
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-error-message {
	margin: 0;
	padding: var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--16);
	color: var(--wp--preset--color--secondary-dark);
	background-color: var(--wp--preset--color--primary-tertiary);
}