.elementor-914 .elementor-element.elementor-element-36a2193{--display:flex;--min-height:80vh;--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;--overlay-opacity:0.5;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:180px;--padding-left:20px;--padding-right:20px;}.elementor-914 .elementor-element.elementor-element-36a2193:not(.elementor-motion-effects-element-type-background), .elementor-914 .elementor-element.elementor-element-36a2193 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://beproactivefinance.com.au/wp-content/uploads/2026/03/WhatsApp-Image-2026-02-10-at-11.29.21.jpeg");background-position:center center;background-size:cover;}.elementor-914 .elementor-element.elementor-element-36a2193::before, .elementor-914 .elementor-element.elementor-element-36a2193 > .elementor-background-video-container::before, .elementor-914 .elementor-element.elementor-element-36a2193 > .e-con-inner > .elementor-background-video-container::before, .elementor-914 .elementor-element.elementor-element-36a2193 > .elementor-background-slideshow::before, .elementor-914 .elementor-element.elementor-element-36a2193 > .e-con-inner > .elementor-background-slideshow::before, .elementor-914 .elementor-element.elementor-element-36a2193 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-914 .elementor-element.elementor-element-b8430a2{width:var( --container-widget-width, 55% );max-width:55%;padding:0px 0px 0px 0px;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:center;}.elementor-914 .elementor-element.elementor-element-b8430a2.elementor-element{--align-self:center;}.elementor-914 .elementor-element.elementor-element-b8430a2 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-914 .elementor-element.elementor-element-ff1f121{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-914 .elementor-element.elementor-element-ff1f121 .elementor-button{font-size:1.2em;}.elementor-914 .elementor-element.elementor-element-3164dee{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-914 .elementor-element.elementor-element-3164dee:not(.elementor-motion-effects-element-type-background), .elementor-914 .elementor-element.elementor-element-3164dee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-914 .elementor-element.elementor-element-d037881{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-914 .elementor-element.elementor-element-527e853{width:100%;max-width:100%;text-align:start;font-size:35px;color:var( --e-global-color-secondary );}.elementor-914 .elementor-element.elementor-element-91e1c37{text-align:start;color:var( --e-global-color-secondary );}.elementor-914 .elementor-element.elementor-element-d6f07fc{text-align:start;color:var( --e-global-color-secondary );}.elementor-914 .elementor-element.elementor-element-116a097{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:70px;--padding-bottom:70px;--padding-left:10px;--padding-right:10px;--z-index:99;}.elementor-914 .elementor-element.elementor-element-116a097:not(.elementor-motion-effects-element-type-background), .elementor-914 .elementor-element.elementor-element-116a097 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-914 .elementor-element.elementor-element-c56725f{text-align:center;}.elementor-914 .elementor-element.elementor-element-c56725f .elementor-heading-title{font-family:var( --e-global-typography-fcc1cab-font-family ), Sans-serif;font-size:var( --e-global-typography-fcc1cab-font-size );color:var( --e-global-color-secondary );}.elementor-914 .elementor-element.elementor-element-a05868e{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-914 .elementor-element.elementor-element-a05868e .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-914 .elementor-element.elementor-element-39d928b{--swiper-slides-to-display:3;--swiper-slides-gap:20px;padding:0px 30px 0px 30px;z-index:99;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-914 .elementor-element.elementor-element-39d928b .swiper-slide > .elementor-element{height:100%;}.elementor-914 .elementor-element.elementor-element-fbf4843{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-914 .elementor-element.elementor-element-4bab5cc{--grid-columns:1;--grid-row-gap:80px;}.elementor-914 .elementor-element.elementor-element-be6fece{--display:flex;}.elementor-914 .elementor-element.elementor-element-e7461c5{--display:flex;}@media(max-width:1024px){.elementor-914 .elementor-element.elementor-element-527e853{font-size:22px;}.elementor-914 .elementor-element.elementor-element-c56725f .elementor-heading-title{font-size:var( --e-global-typography-fcc1cab-font-size );}.elementor-914 .elementor-element.elementor-element-a05868e{width:100%;max-width:100%;}.elementor-914 .elementor-element.elementor-element-39d928b{--swiper-slides-to-display:2;}.elementor-914 .elementor-element.elementor-element-4bab5cc{--grid-columns:2;}}@media(min-width:768px){.elementor-914 .elementor-element.elementor-element-36a2193{--content-width:1100px;}}@media(max-width:767px){.elementor-914 .elementor-element.elementor-element-36a2193{--min-height:40vh;--justify-content:center;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-914 .elementor-element.elementor-element-b8430a2{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-914 .elementor-element.elementor-element-ff1f121 .elementor-button{font-size:16px;}.elementor-914 .elementor-element.elementor-element-3164dee{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:70px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-914 .elementor-element.elementor-element-d037881{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-914 .elementor-element.elementor-element-527e853{text-align:center;font-size:18px;}.elementor-914 .elementor-element.elementor-element-91e1c37{text-align:center;}.elementor-914 .elementor-element.elementor-element-d6f07fc{text-align:center;}.elementor-914 .elementor-element.elementor-element-116a097{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-914 .elementor-element.elementor-element-c56725f .elementor-heading-title{font-size:var( --e-global-typography-fcc1cab-font-size );}.elementor-914 .elementor-element.elementor-element-a05868e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-914 .elementor-element.elementor-element-39d928b{--swiper-slides-to-display:1;}.elementor-914 .elementor-element.elementor-element-fbf4843{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-914 .elementor-element.elementor-element-4bab5cc{--grid-columns:1;}.elementor-914 .elementor-element.elementor-element-4bab5cc > .elementor-widget-container{margin:0px 0px 0px -18px;padding:0px 0px 0px 0px;}.elementor-914 .elementor-element.elementor-element-be6fece{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for loop-carousel, class: .elementor-element-39d928b *//* ===== Loop Carousel – services-carousel-v1 ===== */
/* Estado padrão: fundo transparente; textos SEMPRE brancos */
.services-carousel-v1 .swiper-slide .e-parent {
  background-color: transparent !important;
  transition: background-color .55s cubic-bezier(.22,.61,.36,1);
}

/* Força branco em tudo que compõe o card (título, CTA, descrição) */
.services-carousel-v1 .swiper-slide .e-parent,
.services-carousel-v1 .swiper-slide .e-parent .elementor-heading-title,
.services-carousel-v1 .swiper-slide .e-parent .elementor-widget-heading .elementor-heading-title,
.services-carousel-v1 .swiper-slide .e-parent .service-description,
.services-carousel-v1 .swiper-slide .e-parent .service-description *,
.services-carousel-v1 .swiper-slide .e-parent .elementor-widget-text-editor,
.services-carousel-v1 .swiper-slide .e-parent .elementor-widget-text-editor * {
  color: #fff !important;
  transition: color .55s cubic-bezier(.22,.61,.36,1);
}

/* Hover/Focus: só o fundo muda para accent; textos permanecem brancos */
.services-carousel-v1 .swiper-slide:hover .e-parent,
services-carousel-v1 .swiper-slide:focus-within .e-parent {
  background-color: var(--e-global-color-accent) !important;
}

/* Acessibilidade: reduz animações para quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
  .services-carousel-v1 .swiper-slide .e-parent,
  .services-carousel-v1 .swiper-slide .e-parent * {
    transition-duration: .01s !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================
   LOANS – Sticky refinements (DESKTOP)
   ========================= */

/* Quando sticky (feito pelo Elementor), esconder excerpt */
.elementor-sticky--active .service-description,
.elementor-sticky--active .services-carousel-v1 .service-description,
.elementor-sticky--active .bpf-loans-nav .service-description,
.services-carousel-v1.elementor-sticky--active .service-description,
.bpf-loans-nav.elementor-sticky--active .service-description{
  display: none !important;
}

/* Ajustes do card SOMENTE no desktop quando sticky */
@media (min-width: 1025px){

  /* ===== Fundo FULL WIDTH (100vw) atrás do sticky nav =====
     Isso cria a “faixa” azul ocupando a largura toda da tela,
     mesmo que o widget esteja dentro de container boxed.
  */
  .elementor-sticky--active .services-carousel-v1,
  .elementor-sticky--active .bpf-loans-nav,
  .services-carousel-v1.elementor-sticky--active,
  .bpf-loans-nav.elementor-sticky--active{
    position: relative;
    isolation: isolate;           /* garante layering do ::before */
    overflow: visible !important; /* evita clipping do 100vw */
  }

  .elementor-sticky--active .services-carousel-v1::before,
  .elementor-sticky--active .bpf-loans-nav::before,
  .services-carousel-v1.elementor-sticky--active::before,
  .bpf-loans-nav.elementor-sticky--active::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: var(--e-global-color-primary);
    z-index: -1;
  }

  /* padding do "card" (no seu HTML o card é o <a> e o padding está no .e-con-inner) */
  .elementor-sticky--active .services-carousel-v1 .swiper-slide > a .e-con-inner,
  .elementor-sticky--active .bpf-loans-nav .swiper-slide > a .e-con-inner,
  .services-carousel-v1.elementor-sticky--active .swiper-slide > a .e-con-inner,
  .bpf-loans-nav.elementor-sticky--active .swiper-slide > a .e-con-inner{
    padding: 5px !important;
  }

  /* font-size do título */
  .elementor-sticky--active .services-carousel-v1 .swiper-slide .elementor-heading-title,
  .elementor-sticky--active .bpf-loans-nav .swiper-slide .elementor-heading-title,
  .services-carousel-v1.elementor-sticky--active .swiper-slide .elementor-heading-title,
  .bpf-loans-nav.elementor-sticky--active .swiper-slide .elementor-heading-title{
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  /* fundo dos cards sticky (mantive como estava)
     Se você quiser que só a FAIXA tenha cor e os cards fiquem “soltos”,
     é só remover esse bloco abaixo.
  */
  .elementor-sticky--active .services-carousel-v1 .swiper-slide > a,
  .elementor-sticky--active .bpf-loans-nav .swiper-slide > a,
  .services-carousel-v1.elementor-sticky--active .swiper-slide > a,
  .bpf-loans-nav.elementor-sticky--active .swiper-slide > a{
    background: var(--e-global-color-primary) !important;
  }
}

/* =========================
   LOANS – Mobile: menu vira dropdown
   ========================= */
.bpf-loans-mobile-dropdown{
  display: none;
}

@media (max-width: 767px){

  /* esconde o swiper do menu no mobile (mantém o widget pro sticky do Elementor) */
  .services-carousel-v1 > .swiper,
  .bpf-loans-nav > .swiper{
    display: none !important;
  }

  .services-carousel-v1 .elementor-swiper-button,
  .bpf-loans-nav .elementor-swiper-button,
  .services-carousel-v1 .swiper-pagination,
  .bpf-loans-nav .swiper-pagination{
    display: none !important;
  }

  .bpf-loans-mobile-dropdown{
    display: block;
    width: 100%;
  }

  .bpf-loans-mobile-dropdown select{
    width: 100%;
    appearance: none;
    -webkit-appearance: none;

    padding: 14px 44px 14px 14px;
    border-radius: 10px;
    border: 1px solid rgba(97,131,206,.55);

    background: rgba(15, 23, 42, 0.92);
    color: #fff;
    font-size: 16px;
    line-height: 1.2;

    background-image:
      linear-gradient(45deg, transparent 50%, #fff 50%),
      linear-gradient(135deg, #fff 50%, transparent 50%),
      linear-gradient(to right, transparent, transparent);
    background-position:
      calc(100% - 22px) 50%,
      calc(100% - 16px) 50%,
      0 0;
    background-size: 6px 6px, 6px 6px, 100% 100%;
    background-repeat: no-repeat;
  }

  /* =========================
     LOANS – Mobile: Loop Grid vira carrossel 90/10
     ========================= */
  .bpf-loans-list .elementor-loop-container.elementor-grid,
  .elementor-widget-loop-grid[data-id="4bab5cc"] .elementor-loop-container.elementor-grid{
    display: flex !important;
    flex-wrap: nowrap !important;

    overflow-x: auto !important;
    overflow-y: visible !important;

    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 5vw;
    overscroll-behavior-x: contain;

    gap: 12px;
    padding-left: 5vw;
    padding-right: 5vw;

    row-gap: 0 !important;
  }

  .bpf-loans-list .elementor-loop-container.elementor-grid > [data-elementor-type="loop-item"],
  .elementor-widget-loop-grid[data-id="4bab5cc"] .elementor-loop-container.elementor-grid > [data-elementor-type="loop-item"]{
    flex: 0 0 90% !important;
    max-width: 90% !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .bpf-loans-list .elementor-loop-container.elementor-grid::-webkit-scrollbar,
  .elementor-widget-loop-grid[data-id="4bab5cc"] .elementor-loop-container.elementor-grid::-webkit-scrollbar{
    display: none;
  }
  .bpf-loans-list .elementor-loop-container.elementor-grid,
  .elementor-widget-loop-grid[data-id="4bab5cc"] .elementor-loop-container.elementor-grid{
    scrollbar-width: none;
  }
}


@media (min-width: 1025px){

  /* Sticky (Elementor) – força padding 5px no container-card que é <a class="e-con ..."> */
  .elementor-sticky--active .services-carousel-v1 .swiper-slide > a.e-con,
  .elementor-sticky--active .bpf-loans-nav .swiper-slide > a.e-con,
  .services-carousel-v1.elementor-sticky--active .swiper-slide > a.e-con,
  .bpf-loans-nav.elementor-sticky--active .swiper-slide > a.e-con{
    /* Elementor containers usam vars – sobrescreve todas */
    --padding-top: 5px !important;
    --padding-right: 5px !important;
    --padding-bottom: 5px !important;
    --padding-left: 5px !important;

    /* alguns setups usam “inline” vars também */
    --padding-inline-start: 5px !important;
    --padding-inline-end: 5px !important;

    /* fallback direto */
    padding: 5px !important;
  }

  /* Sticky – garante que o wrapper interno também não “reaplique” 50px */
  .elementor-sticky--active .services-carousel-v1 .swiper-slide > a.e-con > .e-con-inner,
  .elementor-sticky--active .bpf-loans-nav .swiper-slide > a.e-con > .e-con-inner,
  .services-carousel-v1.elementor-sticky--active .swiper-slide > a.e-con > .e-con-inner,
  .bpf-loans-nav.elementor-sticky--active .swiper-slide > a.e-con > .e-con-inner{
    padding: 5px !important;
  }
}



/* Cursor de clicável nos cards do carrossel (desktop e geral) */
.services-carousel-v1 .swiper-slide > a,
.bpf-loans-nav .swiper-slide > a{
  cursor: pointer !important;
}

/* também no hover */
.services-carousel-v1 .swiper-slide:hover > a,
.bpf-loans-nav .swiper-slide:hover > a{
  cursor: pointer !important;
}


@media (min-width: 1025px){

  /* Sticky: cria espaço dentro da faixa (top/bottom) */
  .elementor-sticky--active .services-carousel-v1,
  .elementor-sticky--active .bpf-loans-nav,
  .services-carousel-v1.elementor-sticky--active,
  .bpf-loans-nav.elementor-sticky--active{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  /* garante que o ::before acompanhe o novo padding (já pega height:100%) */
  .elementor-sticky--active .services-carousel-v1::before,
  .elementor-sticky--active .bpf-loans-nav::before,
  .services-carousel-v1.elementor-sticky--active::before,
  .bpf-loans-nav.elementor-sticky--active::before{
    height: 100% !important;
  }
}



@media (min-width: 1025px){

  /* Centraliza verticalmente as setas quando sticky */
  .elementor-sticky--active .services-carousel-v1 .elementor-swiper-button,
  .elementor-sticky--active .bpf-loans-nav .elementor-swiper-button,
  .services-carousel-v1.elementor-sticky--active .elementor-swiper-button,
  .bpf-loans-nav.elementor-sticky--active .elementor-swiper-button{
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
  }

  /* Garante que o container usado como referência tenha altura correta */
  .elementor-sticky--active .services-carousel-v1 > .swiper,
  .elementor-sticky--active .bpf-loans-nav > .swiper,
  .services-carousel-v1.elementor-sticky--active > .swiper,
  .bpf-loans-nav.elementor-sticky--active > .swiper{
    height: 100% !important;
  }
}/* End custom CSS */