/* The privacy consent lines of the counsel forms that the old markup has no consent line for (CT-136). Not part of the old page:
   a legal need of this project (the server refuses a request without consent). */
.main_counsel .inner_wrap { position: relative; }
/* out of the flow: the old box and everything below it keep their places; the line sits in the gap under the box */
.main_counsel .chaitda-consent--outside {
  position: absolute; left: 0; right: 0; top: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 8px 0 0; font-size: 13px; color: #555;
}
.main_counsel .chaitda-consent--outside input { width: 16px; height: 16px; margin: 0; }
.footer_counsel { }
.footer_counsel .chaitda-consent--outside {
  position: absolute; right: 12px; top: -30px; z-index: 1; display: flex; align-items: center; gap: 6px; margin: 0; padding: 4px 12px;
  border-radius: 14px 14px 0 0; background: var(--main-color, #1e88e5); font-size: 13px; color: #fff;
}
.footer_counsel .chaitda-consent--outside input { width: 16px; height: 16px; margin: 0; }
/* the detail page's counsel box: the line sits under the box, out of the flow, so the section keeps the old height */
.mosque .counsel_wrap { position: relative; }
.mosque .counsel_wrap .chaitda-consent--outside {
  position: absolute; left: 0; right: 0; top: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 8px 0 0; font-size: 13px; color: #555;
}
.mosque .counsel_wrap .chaitda-consent--outside input { width: 16px; height: 16px; margin: 0; }
/* the promotion page: the line sits under the counsel box, out of the flow, so the page keeps the old heights */
section.page_counsel .inner_wrap { position: relative; }
section.page_counsel .chaitda-consent--outside {
  position: absolute; left: 0; top: 100%; display: flex; align-items: center; gap: 8px; margin: 8px 0 0; font-size: 13px; color: #555;
}
section.page_counsel .chaitda-consent--outside input { width: 16px; height: 16px; margin: 0; }