#main header {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    background-image: url('/wp-content/uploads/2026/01/backgound-contact-us-sumika-EU-scaled.png');
    background-size: cover;
    background-position: center;
}

#main header h1 {
    color: var(--app-color-white);
    font-family: "Montserrat Bold";
	font-size: 40px;
    margin-bottom: 0;
	text-transform: capitalize;
}

#main header h1:before {
	content: "|";
	color: var(--app-color-red);
	margin-right: 1rem;
	position: relative;
	top: -3px;
}

/*
╔═════════════════════════════════════════════╗
║                                             ║
║                CONTACT FORM                 ║
║        (VERSION: ALL FIELDS TOGETHER)       ║
║                                             ║
║                 2025, December              ║
╚═════════════════════════════════════════════╝*/

body form .contact-form-row br {
  display: none; /* disable this wp-generated @@!!@;-) linebreak! */
}

body form div.contact-form-row {
	column-gap: 0;
	row-gap: 1rem;
}

body form div.contact-form-row .contact-form-group {
	width: 100%;
}

body form.wpcf7-form input, body form.wpcf7-form textarea { /* contact form, version 2, all fields in one */
	border-radius: 15px;
	resize: none;
}

body .contact-form-row span:first-child {
  margin-bottom: 1rem;
}
body .contact-form-row input {
  background-color: var(--app-color-grey-darker);
}
body .contact-form-row p * {
  color: var(--app-color-black);
}
body .contact-form-row p span textarea:focus {
  background-color: transparent;
}

body .contact-form-row .contact-form-group .wpcf7-not-valid-tip {
	color: var(--app-color-red);
}

body form input[type="submit"] {
	display: block;
  background-color: var(--app-color-red);
  color: var(--app-color-white);
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 900;
  width: 300px;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0;	
}


@media screen and (min-width:992px){
	body form div.contact-form-row {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		column-gap: 2rem;
		margin-bottom: 0;
	}
	
	body form div.contact-form-row .contact-form-group.contact-form-group-50 {
		width: 50%;
	}
	
	body form div.contact-form-row .contact-form-group.contact-form-group-70 {
		width: 70%;
	}
	
	body form div.contact-form-row .contact-form-group.contact-form-group-30 {
		width: 30%;
	}	

	body .contact-form-row span:first-child {
	  margin-bottom: 0;
	}

	body form div.rule {
	  height: 2px;
	  width: 100%;
	  background-color: var(--app-color-red);
	}


	body form div.contact-form-row .row-2  {
		width: 30%;
		border: violet solid ridge;
	}
}