/* CONTACT — full-width alternating bands + exact card alignment */
html body .contact-band{
  width:100% !important;
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

html body .contact-band-gray{
  background:#f3f4f6 !important;
}

html body .contact-band-white{
  background:#ffffff !important;
}

html body #cont-form.contact-band{
  padding:64px 0 !important;
}

html body .contact-location-section{
  padding:48px 0 !important;
}

html body #cont-form.contact-band > .container,
html body .contact-location-section > .container{
  width:min(92%,1180px) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
}

/* Remove old Bootstrap centering widths that made the cards look offset */
html body .contact-location-section > .container > .row{
  margin:0 !important;
  width:100% !important;
}

html body .contact-location-section > .container > .row > .col-10{
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
}

html body .contact-location-section .col-10 > .row{
  display:grid !important;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr) !important;
  gap:24px !important;
  align-items:stretch !important;
  width:100% !important;
  margin:0 !important;
}

html body .contact-location-section .col-8,
html body .contact-location-section .col-4{
  flex:none !important;
  width:auto !important;
  max-width:none !important;
  padding:0 !important;
  min-width:0 !important;
}

/* Map and right card are exactly the same height */
html body .contact-location-section iframe{
  width:100% !important;
  height:100% !important;
  min-height:330px !important;
  display:block !important;
  margin:0 !important;
  border:0 !important;
  border-radius:20px !important;
}

html body .contact-location-section .map-one-part2,
html body .contact-location-section .map-two-comp{
  width:100% !important;
  height:100% !important;
  min-height:330px !important;
  margin:0 !important;
  padding:28px !important;
  border-radius:20px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(0,0,0,.07) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.07) !important;
}

html body .contact-band-white .map-one-part2,
html body .contact-band-white .map-two-comp{
  background:#f7f7f8 !important;
}

html body .plant2-title,
html body .map-comp-title{
  display:block !important;
  margin:0 0 10px !important;
  color:#b57b00 !important;
  font-weight:750 !important;
  text-transform:uppercase !important;
}

html body .plant2-comp-name,
html body .map-comp-name{
  margin:0 0 12px !important;
  line-height:1.35 !important;
}

html body .plant2-comp-address,
html body .map-comp-address,
html body .plant2-comp-cont,
html body .map-comp-cont{
  margin:0 0 12px !important;
  line-height:1.65 !important;
}

html body .plant2-comp-cont:last-child,
html body .map-comp-cont:last-child{
  margin-bottom:0 !important;
}

/* enquiry card alignment */
html body #cont-form .col-11 > .row{
  align-items:stretch !important;
}

html body #cont-form form.form,
html body #cont-form .cont-box-main{
  height:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

@media(max-width:900px){
  html body #cont-form.contact-band{
    padding:42px 0 !important;
  }

  html body .contact-location-section{
    padding:30px 0 !important;
  }

  html body .contact-location-section .col-10 > .row{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  html body .contact-location-section iframe,
  html body .contact-location-section .map-one-part2,
  html body .contact-location-section .map-two-comp{
    min-height:280px !important;
  }
}

@media(max-width:600px){
  html body #cont-form.contact-band > .container,
  html body .contact-location-section > .container{
    width:calc(100% - 20px) !important;
  }

  html body .contact-location-section .map-one-part2,
  html body .contact-location-section .map-two-comp{
    min-height:auto !important;
    padding:22px !important;
    border-radius:16px !important;
  }

  html body .contact-location-section iframe{
    min-height:260px !important;
    border-radius:16px !important;
  }
}