.contact-page .container {margin-top: 100px; margin-bottom: 180px;}

.contact-page .heading-title {margin-bottom: 40px;}
.contact-page .description-default {font-size: 18px;}

.contact-banner::after {content: ''; position: absolute; background: #00000061; width: 100%; height: 100%; left: 0; top: 0;}
.contact-banner-title {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 80px; font-weight: 600; color: #fff; z-index: 1;}

.form-content br {display: none;}
.form-content {background: var(--primary); padding: 36px; border-radius: 18px; box-shadow: 0 18px 44px rgba(24, 31, 38, .12);}
.form-title {font-size: 26px; font-weight: 700; color: #fff; line-height: 115%; text-align: center; margin-bottom: 26px;}

.form-wrapper {display: flex; flex-direction: column; gap: 14px;}
.form-wrapper p {margin: 0;}
.form-field {min-width: 0;}
.form-field label {display: block; margin: 0 0 7px; color: #fff; font-size: 13px; line-height: 1.2; font-weight: 700;}
.form-field .wpcf7-form-control-wrap {display: block;}

.form-content input:not([type="submit"]),
.form-content select,
.form-content textarea {width: 100%; border: 1px solid rgba(255, 255, 255, .24); border-radius: 6px; background: #fff; color: #1e252b; font-size: 15px; line-height: 1.3; box-shadow: none;}

.form-content input:not([type="submit"]),
.form-content select {height: 52px; padding: 0 14px;}
.form-content textarea {min-height: 118px; padding: 14px; resize: vertical;}

.form-content input::placeholder,
.form-content textarea::placeholder {color: #5d6570; opacity: 1;}
.form-content select {appearance: none; color: #1e252b; background-image: linear-gradient(45deg, transparent 50%, #6b101d 50%), linear-gradient(135deg, #6b101d 50%, transparent 50%); background-position: calc(100% - 18px) 22px, calc(100% - 12px) 22px; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat;}
.form-content select:required:invalid {color: #5d6570;}
.form-content select option {color: #1e252b;}

.form-content input:not([type="submit"]):focus,
.form-content select:focus,
.form-content textarea:focus {outline: none; border-color: #fff; background: #f8f8f8;}

.form-content input[type="submit"],
.form-content .wpcf7-submit {width: 100%; height: 56px; border: 0; border-radius: 6px; background: #fff; color: var(--primary); font-size: 16px; font-weight: 800; transition: background .2s ease, transform .2s ease;}
.form-content input[type="submit"]:hover,
.form-content .wpcf7-submit:hover {background: #f5f5f5; transform: translateY(-1px);}

.form-content .wpcf7-not-valid-tip {color: #fff; font-size: 12px; line-height: 1.3; margin-top: 5px;}
.form-content .wpcf7-form.invalid input.wpcf7-not-valid,
.form-content .wpcf7-form.invalid select.wpcf7-not-valid,
.form-content .wpcf7-form.invalid textarea.wpcf7-not-valid {border-color: #ffd7df;}

.wpcf7-response-output {display: none !important;}
.wpcf7-spinner {display: none !important;}

@media (max-width: 1199px) {
	.form-content {padding: 32px;}
}

@media (max-width: 991px) {
	.contact-page .container {margin-top: 72px; margin-bottom: 96px;}
	.contact-banner-title {font-size: 40px;}
	.form-content {padding: 28px 18px; border-radius: 8px;}
	.form-title {font-size: 24px; margin-bottom: 22px;}
	.form-wrapper {gap: 13px;}
	.form-content input:not([type="submit"]),
	.form-content select {height: 52px;}
}