.elementor-887 .elementor-element.elementor-element-0fde6ae{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-0fde6ae *//* =============================================
   BPP ANIMATION — FOOTER
   Namespace: bppft__ (prevents ALL WP theme conflicts)

   KEY FIX vs broken video:
   Every rule uses !important where needed to
   override Astra / Elementor / WP defaults that
   were stacking columns vertically, centering
   text, and breaking the 4-col layout.
   ============================================= */

/* ── Hard reset scoped to this footer only ──
   Overrides Astra/Elementor ul, li, a, p resets */
.bppft,
.bppft *,
.bppft *::before,
.bppft *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-style: normal !important;
}

/* ── Demo base (remove in WP — theme handles body) ── */
html { scroll-behavior: smooth; }
body {
  background: #111;
  font-family: 'Poppins', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* =============================================
   FOOTER SHELL
   ============================================= */
.bppft {
  display: block !important;
  width: 100% !important;
  background-color: #0a0a0a !important;
  font-family: 'Poppins', sans-serif !important;
  color: #cccccc !important;
  -webkit-font-smoothing: antialiased;
}

/* =============================================
   SHARED INNER WRAP — max-width + padding
   ============================================= */
.bppft__wrap {
  display: grid !important;                          /* KEY: forces row layout */
  grid-template-columns: 1.9fr 1fr 1.1fr 1fr !important;
  gap: 0 52px !important;
  align-items: start !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 150px !important;
  padding-right: 150px !important;
  width: 100% !important;
}

/* =============================================
   MAIN BODY SECTION
   ============================================= */
.bppft__body {
  display: block !important;
  padding-top: 64px !important;
  padding-bottom: 56px !important;
  width: 100% !important;
}

/* =============================================
   COLUMN BASE
   ============================================= */
.bppft__col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;    /* LEFT-align — fixes WP centre override */
  text-align: left !important;           /* LEFT-align text */
  width: 100% !important;
}

/* =============================================
   COL 1 — LOGO + TAGLINE + CONTACT
   ============================================= */

/* ── Logo ── */
.bppft__logo {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
  text-decoration: none !important;
  cursor: pointer;
}

.bppft__logo-mark {
  display: block !important;
  width: 36px !important;
  height: 42px !important;
  flex-shrink: 0 !important;
}

.bppft__logo-words {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  line-height: 1.2 !important;
}

.bppft__logo-bpp {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.bppft__logo-anim {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #888888 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

/* ── Tagline ── */
.bppft__tagline {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #777777 !important;
  line-height: 1.75 !important;
  margin-bottom: 28px !important;
  max-width: 290px !important;
  text-align: left !important;
}

/* ── Contact list ── */
.bppft__info {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  width: 100% !important;
}

.bppft__info-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
}

.bppft__info-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}

.bppft__info-icon svg {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
}

.bppft__info-text {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #999999 !important;
  line-height: 1.7 !important;
  text-align: left !important;
}

.bppft__info-link {
  text-decoration: none !important;
  color: #999999 !important;
  transition: color 0.2s ease;
}

.bppft__info-link:hover {
  color: #5461E3 !important;
}

/* =============================================
   COL HEADING (Quick Links / Courses / Social)
   ============================================= */
.bppft__col-head {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 24px !important;
  text-align: left !important;
  line-height: 1.2 !important;
}

/* =============================================
   NAV LISTS (Quick Links + Courses)
   ============================================= */
.bppft__nav-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.bppft__nav-link {
  display: inline-block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #cccccc !important;
  text-decoration: none !important;
  text-align: left !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

.bppft__nav-link:hover {
  color: #5461E3 !important;
  padding-left: 4px !important;
}

/* =============================================
   SOCIAL LIST
   ============================================= */
.bppft__social-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.bppft__social-link {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}

.bppft__social-link:hover {
  opacity: 0.82;
  transform: translateX(3px);
}

.bppft__social-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.bppft__social-icon svg {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
}

.bppft__social-name {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #cccccc !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

/* =============================================
   DIVIDER
   ============================================= */
.bppft__rule {
  display: block !important;
  height: 1px !important;
  background-color: #222222 !important;
  margin-left: 150px !important;
  margin-right: 150px !important;
}

/* =============================================
   BOTTOM BAR
   ============================================= */
.bppft__bar {
  display: block !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  width: 100% !important;
}

.bppft__wrap--bar {
  display: flex !important;         /* override the grid from __wrap */
  grid-template-columns: unset !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.bppft__copy {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #555555 !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

.bppft__legal {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}

.bppft__legal-link {
  display: inline-block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #555555 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: color 0.2s ease;
}

.bppft__legal-link:hover {
  color: #5461E3 !important;
}

.bppft__legal-sep {
  display: inline-block !important;
  color: #333333 !important;
  font-size: 13px !important;
  user-select: none;
}

/* =============================================
   RESPONSIVE — 1200px
   ============================================= */
@media (max-width: 1200px) {
  .bppft__wrap {
    padding-left: 60px !important;
    padding-right: 60px !important;
    grid-template-columns: 1.7fr 1fr 1.1fr 1fr !important;
    gap: 0 36px !important;
  }
  .bppft__rule {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

/* Replace SVG logo with image */

.bppft__logo{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.bppft__logo-img{
    display:block;
    width:150px;      /* Change if needed */
    height:auto;
    object-fit:contain;
}

/* =============================================
   RESPONSIVE — 1024px (Tablet — 2×2)
   ============================================= */
@media (max-width: 1024px) {
  .bppft__wrap {
    padding-left: 48px !important;
    padding-right: 48px !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 48px 40px !important;
  }
  .bppft__col--brand {
    grid-column: 1 / -1 !important;   /* full width on tablet */
  }
  .bppft__tagline {
    max-width: 100% !important;
  }
  .bppft__rule {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}

/* =============================================
   RESPONSIVE — 768px
   ============================================= */
@media (max-width: 768px) {
  .bppft__wrap {
    padding-left: 32px !important;
    padding-right: 32px !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 40px 28px !important;
  }
  .bppft__rule {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

/* =============================================
   RESPONSIVE — 600px (Mobile — single col)
   ============================================= */
@media (max-width: 600px) {
  .bppft__body {
    padding-top: 48px !important;
    padding-bottom: 40px !important;
  }
  .bppft__wrap {
    padding-left: 24px !important;
    padding-right: 24px !important;
    grid-template-columns: 1fr !important;
    gap: 40px 0 !important;
  }
  .bppft__col--brand {
    grid-column: 1 !important;
  }
  .bppft__rule {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .bppft__wrap--bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  .bppft__logo-bpp { font-size: 18px !important; }
  .bppft__col-head { font-size: 15px !important; }
  .bppft__copy,
  .bppft__legal-link,
  .bppft__legal-sep { font-size: 12px !important; }
}

/* =============================================
   REDUCED MOTION
   ============================================= */
@media (prefers-reduced-motion: reduce) {
  .bppft__nav-link,
  .bppft__info-link,
  .bppft__social-link,
  .bppft__legal-link {
    transition: none !important;
  }
}

.bppft{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}/* End custom CSS */