.contact-details {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
	gap: 30px;
}

.contact-details div {background: #fff; padding: 20px; width: 240px;}
.contact-details h3 {padding-bottom: 10px; min-height: 50px;}
.contact-details h3 span {display: block; font-weight: 400; font-size: 13px; color: #2f5875;}

.contact-details a  {
	display: block;
    background: #dce2e7;
    border-radius: 3px;
    font-weight: 600;
    cursor: pointer;
	text-align: center;
	font-size: 13px;
	padding: 10px 0;
	margin: 10px 0;
}

.contact-details a:hover {background: #19537e; color: #fff;}

.map {
	display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
	gap: 25px;
	margin: 50px auto 0 auto;
}
.map img {}

.company {border-left: solid 1px #d5d7dd; padding: 15px 25px; line-height: 20px;}
.company h4 {display: block; padding: 10px 0;}
.company ul {display: block; padding: 0 10px; list-style: none;}
.company ul li {display: block; font-size: 13px;}