/*
 * Enquiry page styles (the Nomely enquiry widget itself renders inside a
 * Shadow Root, so these only affect the surrounding "reassurance" column and
 * the Getting-here map). Scoped with .enquire-* / .enquireSection.
 * Loaded by the four contact-us-*.html pages.
 */
.enquireSection { padding-bottom: 60px; }
.enquire-row { margin-top: 14px; }

.enquire-aside {
  background: #fbf7ef;
  border: 1px solid rgba(11, 15, 26, .08);
  border-radius: 14px;
  padding: 30px 28px;
}
.enquire-aside__title { margin: 0 0 10px; font-weight: 700; color: #0b0f1a; line-height: 1.25; }
.enquire-aside__lead { color: rgba(11, 15, 26, .68); margin-bottom: 22px; font-size: 15px; }

.enquire-points { margin: 0 0 24px; }
.enquire-points li {
  position: relative; padding-left: 32px; margin-bottom: 16px;
  color: #0b0f1a; line-height: 1.5; font-size: 15px;
}
.enquire-points li i { position: absolute; left: 0; top: 3px; color: #ea7066; font-size: 16px; }

.enquire-trust { margin-bottom: 24px; }
.enquire-badge {
  display: inline-block; background: #fff; border: 1px solid rgba(11, 15, 26, .1);
  border-radius: 999px; padding: 7px 15px; font-size: 14px; color: #0b0f1a; margin: 0 6px 8px 0;
}
.enquire-badge i { color: #6aa84f; margin-right: 6px; }

.enquire-contact { border-top: 1px solid rgba(11, 15, 26, .08); padding-top: 20px; }
.enquire-contact p { margin-bottom: 12px; color: #0b0f1a; font-size: 15px; }
.enquire-contact i {
  display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center;
  border-radius: 50%; color: #fff; margin-right: 10px; font-size: 13px;
}
.enquire-contact a { color: #ea7066; }
.enquire-contact a:hover { color: #d4564b; }

.enquire-section-title { font-weight: 700; margin: 46px 0 16px; color: #0b0f1a; }
.enquire-map iframe { width: 100%; height: 360px; border: 0; display: block; border-radius: 14px; }

@media (max-width: 767px) {
  .enquire-aside { margin-bottom: 26px; padding: 24px 22px; }
}