.contact-details-block .block-inner {
z-index: 1;
position: relative;
}
.contact-details-column-container {
  display: grid;
  background: #E9ECE1;
padding: 18px;
box-sizing: border-box;
}

/* Style */
.contact-details-style-contact-details-map .column-details, .contact-details-style-contact-details-form .column-details {
  order: 1;
}
.contact-details-style-contact-details-map .column-map-form, .contact-details-style-contact-details-form .column-map-form {
  order: 2;
}

.contact-details-style-map-contact-details .column-details, .contact-details-style-form-contact-details .column-details {
  order: 2;
}
.contact-details-style-map-contact-details .column-map-form. .contact-details-style-form-contact-details .column-map-form {
  order: 1;
}

/* Column widths */
.contact-details-block.content-column-widths-50-50 .contact-details-column-container {
  grid-template-columns: 50% 50%;
}
.contact-details-block.content-column-widths-60-40 .contact-details-column-container {
  grid-template-columns: 60% 40%;
}
.contact-details-block.content-column-widths-40-60 .contact-details-column-container {
  grid-template-columns: 40% 60%;
}

/* Content alignment */
.contact-details-block.content-vertical-alignment-center .column-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contact-details-block.content-vertical-alignment-top .column-details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.contact-details-block.content-vertical-alignment-bottom .column-details {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.contact-details-block.content-horizontal-alignment-center .column-details {
  text-align: center;
}
.contact-details-block.content-horizontal-alignment-center .column-details .contact-details-social-icons .social-links {
  justify-content: center;
}
.contact-details-block.content-horizontal-alignment-left .column-details {
  text-align: left;
}
.contact-details-block.content-horizontal-alignment-left .contact-details-social-icons .social-links {
  justify-content: flex-start;
}
.contact-details-block.content-horizontal-alignment-right .column-details {
  text-align: right;
}
.contact-details-block.content-horizontal-alignment-right .contact-details-social-icons .social-links {
  justify-content: flex-end;
}

/* General styles */
.contact-details-style-contact-details-map .column-details {
  padding-right: clamp(30px, 8%, 60px);
    padding-left: clamp(12px, 8% - 18px, 22px);
}
.contact-details-block .column-details {
padding-top: 27px;
}
.contact-details-block .contact-details-static-map img {
display: block;
object-fit: cover;
height: 100%;
max-height: 875px;
object-position: center;
}

.contact-details-heading {
   margin-bottom: 30px; 
}
.contact-details-social-icons {
  margin-top: 40px;
}
.contact-details-textarea {
  margin-bottom: 180px;
}



/* Map */
.contact-details-google-map {
  height: 100%;
}
.contact-details-google-map .marker-inner {
  max-width: 215px;
}
.contact-details-google-map .marker-inner h4 {
  font-size: 16px;
  margin-bottom: 8px;
}
.contact-details-google-map .address {
    font-size: 14px;
}
.contact-details-block .acf-map img {
   max-width: inherit !important;
}
.contact-details-block .acf-map {
  min-height: 300px !important;
  max-height: 1080px;
}


@media all and (max-width: 1366px) {
.contact-details-textarea {
  margin-bottom: 150px;
}
}
@media all and (max-width: 1280px) {
.contact-details-textarea {
  margin-bottom: 130px;
}
}
@media all and (max-width: 1024px) {
.contact-details-textarea {
  margin-bottom: 60px;
}
}

@media all and (max-width: 1780px) {
.contact-details-google-map .acf-map {
  height: 850px;
}
}
@media all and (max-width: 1640px) {
.contact-details-google-map .acf-map {
  height: 100%;
}
}
@media all and (max-width: 1024px) {
.contact-details-google-map .acf-map {
  height: 550px;
}
.contact-details-block.content-column-widths-50-50 .contact-details-column-container {
  grid-template-columns: 1fr;
}
.contact-details-style-contact-details-map .column-details {
  padding-right: clamp(12px, 8% - 18px, 22px);
  padding-left: clamp(12px, 8% - 18px, 22px);
}
}
@media all and (max-width: 767px) {
.contact-details-google-map .acf-map {
  height: 500px;
}
.contact-details-column-container {
  padding: 10px;
}
.contact-details-block .column-details {
  padding: 15px 15px 0 15px;
}
}