.contacts h1 {text-align: center;}

.contacts .details {display: flex; flex-direction: column; margin: 1rem 0; gap: 1rem;}
.contacts .details .item {
	display: flex; flex-direction: column; gap: 1.5rem; align-items: center;
	padding: 1.5rem 0; border: 1px solid rgba(0, 0, 0, 0.08); background-color: white;
    border-radius: 1rem;
}
.contacts .details .item img {width: 50px; height: 50px;}
.contacts .details .item b {font-size: 1rem;}
.contacts .details .item span {font-size: 1.5rem;}

.contacts.white {background-color: white;}
.contacts.white > .row {display: flex; flex-direction: column; gap: 2rem;}
.contacts.white .title {display: flex; gap: 1rem; margin-bottom: 2rem;}
.contacts.white .title img {width: 50px; height: 50px;}
.contacts.white .title div {display: flex; flex-direction: column; justify-content: space-between;}
.contacts.white .title b {font-size: 1rem;}
.contacts.white .title span {font-size: 1.5rem;}

.contacts .form {padding: 1rem;}
.contacts .form form {display: flex; flex-direction: column; gap: 1rem;}
.contacts .form .inputs {display: flex; gap: 1rem;}
.contacts .form .inputs label {width: 33%; position: relative;}
.contacts .form .inputs .errorMessage {position: absolute; top: -22px; right: 2px;}
.contacts .form input {height: 50px !important;}
.contacts .form textarea {height: 12rem;}
.contacts .form input,
.contacts .form textarea {margin: 0; border-color: rgba(37, 59, 120, 0.3) !important; background-color: #f4f4f4 !important;}
.contacts .form input::placeholder,
.contacts .form textarea::placeholder {color: #777;}
.contacts .form .button {width: 100%; height: 50px; margin: 0;}

.contacts .map {padding: 1rem;}
.contacts .map iframe {display: block; border-radius: 3px; width: 100%; max-width: 100%; height: 324px;}

.contacts.solutions {margin: 4rem auto 5rem;}
.contacts.solutions h2 {margin-bottom: 2rem; font-size: 3rem; font-weight: bold;}

@media screen and (min-width: 40em) {
	.contacts .details {flex-direction: row; gap: 2rem; margin: 4rem 0 6rem;}
	.contacts .details .item {width: 25%;}

	.contacts.white {padding: 5rem 0;}
	.contacts.white > .row {flex-direction: row;}

	.contacts .form {width: 50%;}
	.contacts .map {width: 50%;}
}