/* =========================
   Page 6123 – make the section truly full width and keep Zoho at 100%6178 + 6123
   ========================= */
body.page-id-6123, body.page-id-6178, body.page-id-6160 {
  overflow-x: hidden; /* avoid accidental horizontal scroll */
  /* Page scrollbar colour (optional) */
  scrollbar-color: #4b5563 #e5e7eb;  /* thumb, track (Firefox) */
  scrollbar-width: thin;
}
body.page-id-6123::-webkit-scrollbar{ width:10px; }
body.page-id-6123::-webkit-scrollbar-track{ background:#e5e7eb; }
body.page-id-6123::-webkit-scrollbar-thumb{ background:#4b5563; border-radius:8px; }
body.page-id-6123::-webkit-scrollbar-thumb:hover{ background:#111827; }

/* 1) Nuke theme/page max-widths on this page only */
body.page-id-6123 .site-content,
body.page-id-6123 .content-area,
body.page-id-6123 .entry-content,
body.page-id-6123 .container,
body.page-id-6123 .ast-container,
body.page-id-6123 .page-content {
  max-width: 100% !important;
  width: 100% !important;
}

/* 2) Make the Elementor section/container full-bleed */
body.page-id-6123 .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 100% !important; /* break out of 1140px/1200px caps */
  width: 100% !important;
}
body.page-id-6123 .elementor-container,
body.page-id-6123 .elementor-row,
body.page-id-6123 .elementor-column,
body.page-id-6123 .elementor-widget,
body.page-id-6123 .elementor-widget-container {
  max-width: 100% !important;
  width: 100% !important;
}

/* Optional: trim heavy side padding if your section is still visually narrow */
body.page-id-6123 .elementor-section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) Zoho wrapper: let it stretch fully */
body.page-id-6123 #zf_div_IZMwx9E1-7zOlXo9W7fS570lLrqMaqs6uTHeVKe3yPg {
  width: 100% !important;
  margin: 0 auto !important;
}

/* 4) The iframe itself: take the full width, remove borders. Height auto-resizes via Zoho script */
body.page-id-6123 #zf_div_IZMwx9E1-7zOlXo9W7fS570lLrqMaqs6uTHeVKe3yPg iframe {
  display: block;
  width: 100% !important;      /* override inline 90% from the embed */
  max-width: 100% !important;
  border: 0 !important;
  background: transparent;
  overflow: hidden !important; /* no inner scrollbars */
	 min-height: 100vh;       /* let it grow at least full screen */
}

/* 5) If your theme adds inner content padding, soften it on this page */
body.page-id-6123 .entry-content > *:not(.elementor) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Prevent Elementor or theme from forcing inner scroll */
body.page-id-6123 .elementor-column,
body.page-id-6123 .elementor-widget-container {
  overflow: visible !important;
}


/* Hide theme chrome on Paystack success/failed pages */
body.page-id-6180 header,
body.page-id-6180 .site-header,
body.page-id-6180 footer,
body.page-id-6180 .site-footer,
body.page-id-6180 .breadcrumbs,
body.page-id-6180 .entry-title,
body.page-id-6180 .breadcrumb-wrap ,
body.page-id-6180 .footer-top-1 ,
body.page-id-6180 .footer-style-1
{
  display: none !important;
}

body.page-id-6178 .site-content,
body.page-id-6180 .site-content,
body.page-id-6178 .entry-content,
body.page-id-6180 .entry-content {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}







/* ===== Fix breadcrumb layout & colors on pages 6178 + 6123 ===== */
.page-id-6178 .breadcrumb-wrap,
.page-id-6160 .breadcrumb-wrap,
.page-id-6123 .breadcrumb-wrap {
  position: relative !important;
  /* keep the section a reasonable height without shoving text down */
  padding-top: clamp(16px, 4vw, 48px) !important;
  padding-bottom: clamp(16px, 4vw, 48px) !important;
  min-height: clamp(160px, 24vw, 320px) !important;

  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Vertically center the content and stick it to the LEFT */
.page-id-6178 .breadcrumb-wrap > .container,
.page-id-6160 .breadcrumb-wrap > .container,
.page-id-6123 .breadcrumb-wrap > .container {
  min-height: inherit !important;
  display: flex !important;
  align-items: center !important;      /* vertical center */
  justify-content: flex-start !important; /* left */
  text-align: left !important;
}

/* Remove theme spacing that pushes content down */
.page-id-6178 .breadcrumb-wrap .breadcrumb-content,
.page-id-6160 .breadcrumb-wrap .breadcrumb-content,
.page-id-6123 .breadcrumb-wrap .breadcrumb-content {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Title styling */
.page-id-6178 .breadcrumb-wrap .page-title,
.page-id-6160 .breadcrumb-wrap .page-title,
.page-id-6123 .breadcrumb-wrap .page-title {
  margin: 0 0 .35em 0 !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  font-size: clamp(24px, 3.2vw, 36px) !important;
  color: #fff !important;
}

/* Breadcrumb trail base: white */
.page-id-6178 .breadcrumb-wrap .page-list,
.page-id-6160 .breadcrumb-wrap .page-list,
.page-id-6123 .breadcrumb-wrap .page-list {
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(14px, 1.8vw, 18px) !important;
  color: #fff !important;
}
.page-id-6178 .breadcrumb-wrap .page-list li,
.page-id-6160 .breadcrumb-wrap .page-list li,
.page-id-6123 .breadcrumb-wrap .page-list li,
.page-id-6178 .breadcrumb-wrap .page-list a,
.page-id-6160 .breadcrumb-wrap .page-list a,
.page-id-6123 .breadcrumb-wrap .page-list a,
.page-id-6160 .breadcrumb-wrap .page-list span,
.page-id-6178 .breadcrumb-wrap .page-list span,
.page-id-6123 .breadcrumb-wrap .page-list span {
  color: #fff !important;
}
.page-id-6178 .breadcrumb-wrap .page-list li + li::before,
.page-id-6160 .breadcrumb-wrap .page-list li + li::before,
.page-id-6123 .breadcrumb-wrap .page-list li + li::before {
  color: rgba(255,255,255,.85) !important;
}

/* Make the first crumb (Home) orange again */
.page-id-6178 .breadcrumb-wrap .page-list li:first-child a,
.page-id-6160 .breadcrumb-wrap .page-list li:first-child a,.page-id-6178 .breadcrumb-wrap .page-list li:first-child a,
.page-id-6123 .breadcrumb-wrap .page-list li:first-child a {
  color: #ff7a00 !important;           /* orange */
  font-weight: 700 !important;
}
.page-id-6178 .breadcrumb-wrap .page-list li:first-child a:hover,
.page-id-6160 .breadcrumb-wrap .page-list li:first-child a:hover,
.page-id-6123 .breadcrumb-wrap .page-list li:first-child a:hover {
  color: #ffa64d !important;           /* lighter on hover */
}

/* If your theme marks the “current” crumb differently, keep it readable */
.page-id-6178 .breadcrumb-wrap .page-list .current,
.page-id-6123 .breadcrumb-wrap .page-list .current,
.page-id-6160 .breadcrumb-wrap .page-list .current,
.page-id-6178 .breadcrumb-wrap .page-list li:last-child span,
.page-id-6160 .breadcrumb-wrap .page-list li:last-child span,
.page-id-6123 .breadcrumb-wrap .page-list li:last-child span {
  color: #fff !important;
}

/* Optional: subtle dark overlay to improve contrast (can remove if not needed) */6160
.page-id-6178 .breadcrumb-wrap::after,
.page-id-6160 .breadcrumb-wrap::after,
.page-id-6123 .breadcrumb-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.30) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}