.elementor-124 .elementor-element.elementor-element-1fbc7963:not(.elementor-motion-effects-element-type-background), .elementor-124 .elementor-element.elementor-element-1fbc7963 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://venturaxnetworkhub.com/wp-content/uploads/2025/12/what-matters-is-who-you-have-behind-you-2025-04-06-09-31-42-utc-1.jpg");background-position:50% 60%;background-repeat:no-repeat;background-size:cover;}.elementor-124 .elementor-element.elementor-element-1fbc7963 > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-124 .elementor-element.elementor-element-1fbc7963 > .elementor-container{max-width:650px;}.elementor-124 .elementor-element.elementor-element-1fbc7963{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:14em 1em 12em 1em;}.elementor-124 .elementor-element.elementor-element-10f2fc4a{text-align:center;}.elementor-124 .elementor-element.elementor-element-10f2fc4a .elementor-heading-title{font-family:var( --e-global-typography-583e54c-font-family ), Sans-serif;font-size:var( --e-global-typography-583e54c-font-size );font-weight:var( --e-global-typography-583e54c-font-weight );text-transform:var( --e-global-typography-583e54c-text-transform );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );color:var( --e-global-color-651faef );}.elementor-124 .elementor-element.elementor-element-c3c0443{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-124 .elementor-element.elementor-element-1fbc7963 > .elementor-container{max-width:600px;}.elementor-124 .elementor-element.elementor-element-1fbc7963:not(.elementor-motion-effects-element-type-background), .elementor-124 .elementor-element.elementor-element-1fbc7963 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-124 .elementor-element.elementor-element-1fbc7963{padding:10em 1em 6em 1em;}.elementor-124 .elementor-element.elementor-element-10f2fc4a .elementor-heading-title{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}}@media(max-width:767px){.elementor-124 .elementor-element.elementor-element-1fbc7963:not(.elementor-motion-effects-element-type-background), .elementor-124 .elementor-element.elementor-element-1fbc7963 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-124 .elementor-element.elementor-element-1fbc7963{padding:9em 1em 5em 1em;}.elementor-124 .elementor-element.elementor-element-4ed75190 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:15px;}.elementor-124 .elementor-element.elementor-element-10f2fc4a .elementor-heading-title{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-1c4c90e *//* ----------------------------------------------------
   WRAPPER — WHITE BACKGROUND + SYSTEM FONT
---------------------------------------------------- */
.custom-accordion-wrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  
  /* ❗ Make background white */
  background: #ffffff;

  /* ❗ Inherit Elementor’s site default font */
  font-family: inherit;
}

/* ----------------------------------------------------
   ACCORDION BASE
---------------------------------------------------- */
.accordion-item {
  border-bottom: 1px solid rgba(0,0,0,0.15); /* dark line now works on white bg */
  padding: clamp(20px, 4vw, 30px) 0;
  cursor: pointer;

  /* ensures the inside also uses system font */
  font-family: inherit;
}

.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(20px, 4vw, 40px);
}

/* ----------------------------------------------------
   LEFT SIDE
---------------------------------------------------- */
.left-side {
  width: 50%;
  display: flex;
  flex-direction: column;
  font-family: inherit;
}

/* ----------------------------------------------------
   RIGHT SIDE
---------------------------------------------------- */
.right-side {
  width: 50%;
  display: none;
  font-family: inherit;
}

.accordion-item.active .right-side {
  display: block;
}

/* ----------------------------------------------------
   TITLES + TEXT — NOW BLACK ON WHITE & INHERITED FONT
---------------------------------------------------- */
.accordion-title {
  font-size: clamp(24px, 4vw, 40px);
  font-weight: 600;

  /* ❗ Text color for white background */
  color: #000000;

  margin-bottom: 20px;

  font-family: inherit;
}

.accordion-content p {
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: clamp(26px, 3.2vw, 38px);
  font-weight: 400;

  /* ❗ Text color for white background */
  color: #000000;

  font-family: inherit;
}

/* ----------------------------------------------------
   BUTTON (keeps its own font)
---------------------------------------------------- */
.accordion-item .accordion-btn {
  display: none;
}

.accordion-item.active .accordion-btn {
  display: inline-block;
  margin-top: 20px;
}

.accordion-btn {
  /* you can set this to inherit as well if you want */
  font-family: inherit; /* ← set to inherit instead of EB Garamond */

  font-size: clamp(18px, 2.5vw, 24px);
  font-weight: 700;
  background: #F4DFBA;
  padding: clamp(10px, 2vw, 14px) clamp(18px, 4vw, 34px);
  border-radius: 6px;
  color: #000;
  text-decoration: none;
  width: fit-content;
}

/* ----------------------------------------------------
   RESPONSIVE BREAKPOINTS
---------------------------------------------------- */
@media (max-width: 991px) {
  .accordion-header {
    flex-direction: column;
  }

  .left-side,
  .right-side {
    width: 100%;
  }

  .accordion-item.active .left-side {
    justify-content: flex-start;
  }

  .right-side {
    margin-top: 20px;
  }
}

@media (max-width: 480px) {
  .accordion-btn {
    padding: 12px 22px;
  }
}/* End custom CSS */