.elementor-36070401 .elementor-element.elementor-element-48a3ed9f{margin-top:-100px;margin-bottom:0px;padding:0% 0% 0% 0%;}.elementor-36070401 .elementor-element.elementor-element-4d96b295:not(.elementor-motion-effects-element-type-background), .elementor-36070401 .elementor-element.elementor-element-4d96b295 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F47820;}.elementor-36070401 .elementor-element.elementor-element-4d96b295{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:40px 45px 40px 45px;}.elementor-36070401 .elementor-element.elementor-element-4d96b295 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-36070401 .elementor-element.elementor-element-4be7cf5d > .elementor-element-populated{margin:0% 0% 0% 23.3%;}.elementor-36070401 .elementor-element.elementor-element-48785fc9 .elementor-heading-title{color:#FFFFFF;font-family:"Russo One", sans-serif;font-size:45px;font-weight:700;line-height:48px;}.elementor-36070401 .elementor-element.elementor-element-48785fc9 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36070401 .elementor-element.elementor-element-48785fc9{z-index:1;}.elementor-36070401 .elementor-element.elementor-element-2cd28295 .elementor-icon-wrapper{text-align:center;}.elementor-36070401 .elementor-element.elementor-element-2cd28295 .elementor-icon i, .elementor-36070401 .elementor-element.elementor-element-2cd28295 .elementor-icon svg{transform:rotate(0deg);}body:not(.lang-rtl) .elementor-36070401 .elementor-element.elementor-element-2cd28295{left:0px;}body.lang-rtl .elementor-36070401 .elementor-element.elementor-element-2cd28295{right:0px;}.elementor-36070401 .elementor-element.elementor-element-2cd28295{top:0px;}.elementor-36070401 .elementor-element.elementor-element-74ed04e1 .elementor-heading-title{color:#FFFFFF;font-family:"Russo One", sans-serif;font-size:16px;font-weight:500;line-height:48px;}.elementor-36070401 .elementor-element.elementor-element-74ed04e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36070401 .elementor-element.elementor-element-74ed04e1{z-index:1;}.elementor-36070401 .elementor-element.elementor-element-c680aeb{color:#FFFFFF;font-size:14px;font-weight:300;}.elementor-bc-flex-widget .elementor-36070401 .elementor-element.elementor-element-11aa5630.elementor-column .elementor-column-wrap{align-items:center;}.elementor-36070401 .elementor-element.elementor-element-11aa5630.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-36070401 .elementor-element.elementor-element-11aa5630 > .elementor-element-populated{margin:0px 0px -70px 0px;padding:0px 0px 0px 0px;}.elementor-36070401 .elementor-element.elementor-element-5c2ba5a9 .elementor-icon-wrapper{text-align:center;}.elementor-36070401 .elementor-element.elementor-element-5c2ba5a9 .elementor-icon{font-size:350px;}.elementor-36070401 .elementor-element.elementor-element-5c2ba5a9 .elementor-icon i, .elementor-36070401 .elementor-element.elementor-element-5c2ba5a9 .elementor-icon svg{transform:rotate(0deg);}.elementor-36070401 .elementor-element.elementor-element-5c2ba5a9 > .elementor-widget-container{margin:-60px 0px -70px 0px;padding:0px 0px 0px 0px;}.elementor-36070401 .elementor-element.elementor-element-6c552770{margin-top:10px;margin-bottom:-100px;padding:0px 0px 0px 0px;}@media(min-width:1024px){.elementor-36070401 .elementor-element.elementor-element-4be7cf5d{width:70%;}.elementor-36070401 .elementor-element.elementor-element-11aa5630{width:30%;}}@media(max-width:1023px){.elementor-36070401 .elementor-element.elementor-element-4d96b295{padding:70px 10px 50px 10px;}.elementor-36070401 .elementor-element.elementor-element-4be7cf5d > .elementor-element-populated{margin:0% 2.3% 0% 2.3%;padding:0px 0px 0px 0px;}.elementor-36070401 .elementor-element.elementor-element-48785fc9 .elementor-heading-title{font-size:40px;line-height:1.4em;}.elementor-36070401 .elementor-element.elementor-element-48785fc9 > .elementor-widget-container{padding:0px 10px 5px 10px;}.elementor-36070401 .elementor-element.elementor-element-2cd28295 .elementor-icon-wrapper{text-align:center;}.elementor-36070401 .elementor-element.elementor-element-2cd28295 .elementor-icon{font-size:141px;}.elementor-36070401 .elementor-element.elementor-element-2cd28295 > .elementor-widget-container{margin:0px -200px 0px 0px;padding:0px 0px 0px 0px;}body:not(.lang-rtl) .elementor-36070401 .elementor-element.elementor-element-2cd28295{left:-14px;}body.lang-rtl .elementor-36070401 .elementor-element.elementor-element-2cd28295{right:-14px;}.elementor-36070401 .elementor-element.elementor-element-2cd28295{top:-37px;}.elementor-36070401 .elementor-element.elementor-element-74ed04e1 .elementor-heading-title{font-size:16px;line-height:1.4em;}.elementor-36070401 .elementor-element.elementor-element-74ed04e1 > .elementor-widget-container{padding:0px 10px 5px 10px;}.elementor-36070401 .elementor-element.elementor-element-c680aeb > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-36070401 .elementor-element.elementor-element-24ab849d > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-36070401 .elementor-element.elementor-element-6c552770{margin-top:0px;margin-bottom:-35px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-3893d56 *//* ------------------------------
   PRZYCISKI GŁÓWNE
------------------------------ */
.bc-btn {
  display: inline-block;
  border: none;
  border-radius: 4px;
  padding: 12px 24px;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 20px;
}

.bc-cta-btn {
  background-color: #f47820; /* zieleń oliwkowa */
  color: #fff;
  border-radius: 30px;
}
.bc-cta-btn:hover {
  background-color: #ad5314;
}

.bc-cta-form-btn {
  background-color: #f47820; 
  color: #fff;
  border-radius: 30px;
}
.bc-cta-form-btn:hover {
  background-color: #ad5314;
}

/* ------------------------------
   SEKCJA HERO
------------------------------ */
.bc-hero-section {
  position: relative;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px;
}

.bc-hero-bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: url("/img/cms/cmsy/news-bg.png")
    no-repeat center / cover;
  z-index: 1;
}

.bc-hero-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.bc-hero-content {
  position: relative;
  z-index: 3;
  max-width: 800px;
  margin: 0 20px;
}

.bc-hero-content h1 {
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  font-family: 'Russo One';
  margin-bottom: 1rem;
}

.bc-hero-subtitle {
  font-size: 20px;    
  color: #f0f0f0;
  margin-bottom: 2rem;
  line-height: 1.4;
}

.bc-highlight-box {
  background-color: #5cae00; /* Zielone tło */
  color: #fff;
  display: inline-block;
  transform: skewX(-5deg);
  padding: 5px 8px;
  margin-right: 4px;
  
  /* ANIMACJA: 1 sek. na cykl, 3 powtórzenia, 
     po zakończeniu zachowaj ostatni stan klatki (tu: 100%) */
  animation: highlightBlink 1s ease-in-out 3;
  animation-fill-mode: forwards;
}

/* Wewnętrzny <span> cofa pochylony tekst */
.bc-highlight-box span {
  display: inline-block;
  transform: skewX(5deg);
  font-weight: 600;
  color: #fff;
}

/* Definicja klatek animacji */
@keyframes highlightBlink {
  0%   { opacity: 1; }   /* Start: widoczny */
  50%  { opacity: 0; }   /* Środek: niewidoczny */
  100% { opacity: 1; }   /* Koniec cyklu: widoczny */
}

/* ------------------------------
   TYTUŁY SEKCJI
------------------------------ */
.bc-section-title {
  text-align: center;
  margin: 40px auto;
}
.bc-section-title h2 {
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
}

/* ------------------------------
   SEKCJA KORZYŚCI
------------------------------ */
.bc-benefits-section {
  background-color: #fff; /* Tło sekcji */
  padding: 80px 20px;     /* Odstępy wewnętrzne */
}

/* Kontener obejmujący lewą i prawą kolumnę */
.bc-benefits-wrapper {
  display: flex;
  align-items: center;        /* Wyśrodkowanie kolumn na wysokość */
  justify-content: space-between; /* Odstęp między kolumnami */
  gap: 40px;                     /* Odstęp poziomy między kolumnami */
  max-width: 1200px;
  margin: 0 auto;                /* Wyśrodkowanie na stronie */
  min-height: 400px;             /* Minimalna wysokość, aby wymusić równą wysokość */
}

/* Lewa kolumna (tekst + korzyści) */
.bc-benefits-text {
  flex: 1;                       /* Zajmie dostępne miejsce */
  display: flex;                 /* Dodane dla lepszej kontroli */
  flex-direction: column;        /* Ułożenie w pionie */
  justify-content: center;       /* Wyśrodkowanie zawartości w pionie */
}

.bc-benefits-text h2 {
  font-size: 40px;
  font-family: 'Russo One';
  color: #091749;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: left;              /* Wyrównanie tekstu do lewej */
}

/* Kontener listy korzyści */
.bc-benefits-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Pojedynczy element listy korzyści */
.bc-benefit-item {
  display: flex;
  align-items: center;           /* Wyśrodkowanie tekstu względem ikony */
  gap: 16px;
}

.bc-benefit-item img {
  width: 64px;
  height: 64px;
}

.bc-benefit-item p {
  line-height: 1.4;
  font-size: 16px;
  margin-top: 0; /* Usuń margines, aby wyrównanie było dokładniejsze */
  margin-bottom:-5px;
}

/* Prawa kolumna (obraz) */
.bc-benefits-image {
  flex: 1;                     /* Zajmie dostępne miejsce */
  display: flex;                 /* Dodano flexbox */
  align-items: center;           /* Wyśrodkowanie pionowe */
  justify-content: center;       /* Wyśrodkowanie poziome */
}

.bc-benefits-image img {
  height: 80%;                   /* Obrazek wypełnia wysokość kontenera */
  width: auto;                   /* Zachowuje proporcje */
  object-fit: cover;             /* Obrazek przycina nadmiar bez rozciągania */
  border-radius: 8px;            /* Opcjonalne zaokrąglenie rogów */
}

/* Responsywność */
@media (max-width: 768px) {
  .bc-benefits-wrapper {
    flex-direction: column;
    gap: 30px;
    align-items: center;         /* Wyśrodkowanie elementów w układzie pionowym */
  }
  .bc-benefits-image,
  .bc-benefits-text {
    flex: 1 1 auto;
  }
  .bc-benefits-image img {
    height: auto;                /* Na mobile obraz może mieć dowolną wysokość */
    object-fit: contain;         /* Zachowanie pełnych proporcji */
  }
}


/* ------------------------------
   SEKCJA JAK TO DZIAŁA
------------------------------ */
.bc-how-section {
  background-color: #F8F9FF; /* Możesz dostosować kolor tła */
  padding: 60px 20px;
}

.bc-how-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.bc-how-header {
  flex: 1;
  position: relative; /* Dla absolutnego pozycjonowania śladów stóp */
}

.bc-how-header h2 {
  font-size: 40px;
  font-family: 'Russo One', sans-serif; /* Upewnij się, że font jest zaimportowany */
  color: #091749;
  font-weight: 600;
  margin-bottom: 20px;
}

/* Kontener dla śladów stóp */
.bc-footsteps {
  position: relative;
  margin-top: 20px; /* Odstęp między nagłówkiem a śladami stóp */
  height: 80px; /* Zwiększona wysokość, dostosuj w zależności od potrzeb */
}

/* Ślady stóp */
.footstep {
  width: 80px; /* Zwiększona szerokość */
  height: 80px; /* Zwiększona wysokość */
  background-size: cover;
  position: absolute;
  opacity: 0;
  transform: rotate(-90deg) translateY(20px); /* Obrót o -90 stopni */
}

/* Animacje pojawiania się śladów stóp */
.fade-in-on-scroll.visible .footstep1 {
  animation: footsteps-appear 1s forwards;
  animation-delay: 0.5s;
  left: 0; /* Pierwszy ślad */
}

.fade-in-on-scroll.visible .footstep2 {
  animation: footsteps-appear 1s forwards;
  animation-delay: 1.5s;
  left: 80px; /* Zwiększony odstęp */
}

.fade-in-on-scroll.visible .footstep3 {
  animation: footsteps-appear 1s forwards;
  animation-delay: 2.5s;
  left: 180px; /* Zwiększony odstęp */
}

@keyframes footsteps-appear {
  from {
    opacity: 0;
    transform: rotate(-90deg) translateY(20px);
  }
  to {
    opacity: 1;
    transform: rotate(-90deg) translateY(0);
  }
}

/* Prawa kolumna: kroki */
.bc-how-steps {
  flex: 1.5;
}

.bc-steps-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bc-step-item {
  display: flex;
  align-items: flex-start; /* Lepsze wyrównanie tekstu */
  gap: 20px;
}

.bc-step-item img {
  width: 64px;
  height: 64px;
}

.bc-step-item p {
  line-height: 1.4;
  font-size: 16px;
  margin: 0; /* Usunięcie górnego marginesu */
}

/* Efekt hover na ikonach kroków */
.bc-step-item img:hover {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}



/* Responsywność */
@media (max-width: 768px) {
  .bc-how-wrapper {
    flex-direction: column;
    gap: 30px;
  }

  .bc-how-header {
    width: 100%;
  }

  .bc-how-steps {
    width: 100%;
  }

  .bc-step-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .bc-step-item img {
    margin-bottom: 10px;
  }

  /* Ślady stóp na mobile */
  .bc-footsteps {
    height: 120px; /* Większa wysokość kontenera dla lepszej widoczności */
  }

  .footstep {
    width: 60px; /* Mniejsze ślady na mobile */
    height: 60px;
  }

  .fade-in-on-scroll.visible .footstep1 {
    left: 0;
  }

  .fade-in-on-scroll.visible .footstep2 {
    left: 100px;
  }

  .fade-in-on-scroll.visible .footstep3 {
    left: 220px;
  }
}

/* ------------------------------
   SEKCJA OPINIE (EFEKT PISANIA Z ZAWIJANIEM TEKSTU)
------------------------------ */
.bc-testimonials-section {
  background-color: #ffffff;
  padding: 60px 20px;
  text-align: center;
}

.bc-testimonials-section h2 {
  font-size: 40px;
  font-family: 'Russo One', sans-serif;
  margin-bottom: 40px;
  color: #091749;
}

.bc-testimonial-container {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.bc-testimonial-wrapper {
  display: flex;
  flex-direction: column; /* Ustawienie autora zawsze poniżej opinii */
  align-items: center;
}

.bc-testimonial-text {
  font-size: 20px;
  line-height: 1.6;
  color: #333;
  font-family: 'Poppins', sans-serif;
  white-space: normal; /* Pozwolenie na zawijanie tekstu */
  overflow: visible; /* Upewnienie się, że tekst nie jest ucinany */
  display: inline-block;
  margin-bottom: 10px; /* Odstęp między tekstem a autorem */
  text-align: center; /* Wyrównanie tekstu na środku */
}

.bc-testimonial-author {
  font-size: 12px;
  color: #777;
  font-family: 'Poppins', sans-serif;
  white-space: normal; /* Pozwolenie na zawijanie tekstu */
  overflow: visible; /* Upewnienie się, że tekst nie jest ucinany */
  display: inline-block;
  text-align: center; /* Wyrównanie tekstu na środku */
}

/* Responsywność */
@media (max-width: 768px) {
  .bc-testimonial-text {
    font-size: 18px; /* Mniejszy rozmiar czcionki dla lepszej czytelności */
  }

  .bc-testimonial-author {
    font-size: 12px; /* Mniejszy rozmiar czcionki autora */
  }
}



/* ------------------------------
   ANIMACJE I EFEKTY
------------------------------ */
/* Fade in on scroll */
.fade-in-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
}
.fade-in-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}



/* Responsywność */
@media (max-width: 768px) {
  .bc-hero-content h1 {
    font-size: 36px;
  }
  .bc-step-item {
    max-width: 100%;
  }
  .bc-benefits-list {
    flex-direction: column;
  }
  .carousel-item {
    margin: 0 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24ab849d */#mlb2-19504854.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
    border-width: 0px 0px 1px 0px!important;
}

#mlb2-19504854.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
    margin: 0px ;
    margin-left:-180px!important;
    width:50%!important;
    padding: 9.5px!important;
}

#mlb2-19504854.ml-form-embedContainer .ml-form-align-center {
    text-align: left!important;
    margin-left: -20px!important;
}

#mlb2-19504854.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
    padding-left:15px!important;
}

#mlb2-19504854.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
    padding-left: 10px;
}

.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal {
    margin-left: -30px;
}

.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
    width: 50%!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2565598e */.bc-footer-section {
  background-color: #ffffff;
  color: #091749;
  padding: 40px 20px;
}

.bc-footer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
}

.bc-footer-left {
  flex: 1;
}

.bc-footer-left h2 {
  font-size: 40px;
  font-family: 'Russo One', sans-serif;
  margin-bottom: 20px;
}

.bc-footer-right {
  text-align: right;
}

.bc-social-icons {
  display: flex;
  gap: 15px;
}

.bc-social-icons a {
  display: inline-flex;
  align-items: center;
}

.bc-privacy-link {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  text-decoration: none;
  color: #091749;
}

.bc-privacy-link:hover {
  text-decoration: underline;
}

/* Responsywność */
@media (max-width: 768px) {
  .bc-footer-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .bc-footer-right {
    text-align: left;
    width: 100%;
  }
}/* End custom CSS */