/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 28 2026 | 10:44:37 */
/* =========================================================
   TYPO SYSTEM (Elementor: Desktop / Tablet / Mobile)
   Headings: Unbounded
   Body/UI: Plus Jakarta Sans
   ========================================================= */

:root{
  /* ===== FONT FAMILY ===== */
  --ff-heading: "Unbounded", sans-serif;
  --ff-body: "Plus Jakarta Sans", sans-serif;

  /* =========================================================
     HEADINGS (Unbounded)
     ========================================================= */

  /* H1 */
  --fs-h1-d: 3rem;  /* 38px */
  --fs-h1-l: 3rem;  /* 38px */
  --fs-h1-t: 2.75rem;  /* 34px */
  --fs-h1-m: 2.5rem;  /* 30px */
  --lh-h1-d: 1.12;
  --lh-h1-m: 1.12;
  --ls-h1: -0.02em;

  /* H2 */
  --fs-h2-d: 2.5rem;  /* 32px */
  --fs-h2-l: 2.5rem;
  --fs-h2-t: 2.25rem;  /* 30px */
  --fs-h2-m: 2rem;  /* 26px */
  --lh-h2-d: 1.14;
  --lh-h2-m: 1.12;
  --ls-h2: -0.03em;

  /* H3 */
  --fs-h3-d: 1.25rem;  /* 26px */
  --fs-h3-l: 2.5rem;
  --fs-h3-t: 1.25rem;  /* 24px */
  --fs-h3-m: 1.15rem;  /* 22px */
  --lh-h3-d: 1.18;
  --lh-h3-m: 1.12;
  --ls-h3: -0.02em;

  /* H4 */
  --fs-h4-d: 1.15rem;  /* 22px */
  --fs-h4-l: 1.15rem;
  --fs-h4-t: 1.15rem;  /* 20px */
  --fs-h4-m: 1.10rem;  /* 18px */
  --lh-h4-d: 1.5;
  --lh-h4-m: 1.5;
  --ls-h4: -0.005em;

  /* H5 */
  --fs-h5-d: 1rem;  /* 18px */
  --fs-h5-l: 1rem;
  --fs-h5-t: 1rem; /* 17px */
  --fs-h5-m: 1rem;  /* 16px */
  --lh-h5-d: 1.28;
  --lh-h5-m: 1.28;
  --ls-h5: 0em;

  /* H6 */
  --fs-h6-d: .875rem;  /* 16px */
  --fs-h6-l: .875rem;
  --fs-h6-t: .875rem; /* 15px */
  --fs-h6-m: .875rem; /* 15px */
  --lh-h6-d: 1.30;
  --lh-h6-m: 1.12;
  --ls-h6: 0.01em;
	
 /* Subtitle */
  --fs-subtitle-d: .875rem; 
  --fs-subtitle-l: .875rem; 
  --fs-subtitle-t: .875rem; 
  --fs-subtitle-m: .8rem; 
  --lh-subtitle-d-d: 1;
  --lh-subtitle-d-m: 1;
  --ls-subtitle-d: 0.2em;
	
  /* Box Title */
  --fs-box-title-d: 1.15rem;
  --fs-box-title-l: 1.15rem; 
  --fs-box-title-t: 1.15rem;
  --fs-box-title-m: 1.15rem; 
  --lh-box-title-d: 1.35;
  --lh-box-title-m: 1.35;
  --ls-box-title: -0.03em;

  /* Meta - Boxy - Usługi*/
  --fs-meta-box-offer-d: .5rem;
  --fs-meta-box-offer-l: .5rem; 
  --fs-meta-box-offer-t: .5rem; 
  --fs-meta-box-offer-m: .5rem; 
  --lh-meta-box-offer-d: 2;
  --lh-meta-box-offer-m: 2;
  --ls-meta-box-offer: 0;
/*font-weight: 600*/

 /* Meta - Boxy - Blog*/
  --fs-meta-box-blog-d: .65rem;
  --fs-meta-box-blog-l: .65rem;
  --fs-meta-box-blog-t: .65rem; 
  --fs-meta-box-blog-m: .65rem; 
  --lh-meta-box-blog-d: 2;
  --lh-meta-box-blog-m: 2;
  --ls-meta-box-blog: 0;
/*font-weight: 600*/

  /* =========================================================
     BODY / UI (Plus Jakarta Sans)
     ========================================================= */

  /* Tekst trochę większy niż body (np. lead, intro) */
  --fs-body-xl-d: 1.075rem;  /* 18px */
  --fs-body-xl-l: 1.075rem;
  --fs-body-xl-t: 1.075rem; 
  --fs-body-xl-m: .975rem;  
  --lh-body-xl-d: 1.6;
  --lh-body-xl-m: 1.6;
  --ls-body-xl: 0em;

  /* Tekst główny (body) */
  --fs-body-d: 1rem;  /* 16px */
  --fs-body-l: 1rem;
  --fs-body-t: 1rem;  /* 16px */
  --fs-body-m: .935rem; /* 15px */
  --lh-body-d: 1.6;
  --lh-body-m: 1.6;
  --ls-body: 0em;
/*font-weight: 500 */

  /* Mniejszy tekst do body (np. meta, opisy pod elementami) */
  --fs-body-sm-d: 0.935rem; /* 15px */
  --fs-body-sm-l: 0.935rem;
  --fs-body-sm-t: 0.935rem; /* 15px */
  --fs-body-sm-m: 0.875rem;  /* 14px */
  --lh-body-sm-d: 1.6;
  --lh-body-sm-m: 1.6;
  --ls-body-sm: 0em;

	  /* Tekst do opinii */
  --fs-testimonials-d: 0.875rem; /* 15px */
  --fs-testimonials-l: 0.875rem;
  --fs-testimonials-t: 0.875rem; /* 15px */
  --fs-testimonials-m: 0.875rem;  /* 14px */
  --lh-testimonials-d: 1.6;
  --lh-testimonials-m: 1.6;
  --ls-testimonials: 0em;
	
  /* Tekst do FAQ (czytelny, ale „zwarty”) */
  --fs-faq-d: 1rem;  /* 16px */
  --fs-faq-l: 1rem;
  --fs-faq-t: 1rem; /* 15px */
  --fs-faq-m: 1rem; /* 15px */
  --lh-faq-d: 1.6;
  --lh-faq-m: 1.6;
  --ls-faq: 0em;

  /* Label (formularz) */
  --fs-label-d: 0.8125rem; /* 13px */
  --fs-label-l: 0.8125rem;
  --fs-label-t: 0.8125rem; /* 13px */
  --fs-label-m: 0.8125rem; /* 13px */
  --lh-label-d: 1.30;
  --lh-label-m: 1.30;
  --ls-label: 0.02em;

  /* Input text (tekst w polach formularza) */
  --fs-input-d: 1rem;  /* 16px */
  --fs-input-l: 1rem;
  --fs-input-t: 1rem;  /* 16px */
  --fs-input-m: 0.935rem; /* 15px */
  --lh-input-d: 1.25;
  --lh-input-m: 1.25;
  --ls-input: 0em;

  /* RODO Tekst */
  --fs-rodo-d: .825rem;  /* 16px */
  --fs-rodo-l: .825rem;
  --fs-rodo-t: .825rem;  /* 16px */
  --fs-rodo-m: .825rem; /* 15px */
  --lh-rodo-d: 1.25;
  --lh-rodo-m: 1.25;
  --ls-rodo: 0em;
	
  /* Przycisk */
  --fs-btn-d: 0.825rem; 
  --fs-btn-l: 0.825rem;
  --fs-btn-t: 0.825rem;  
  --fs-btn-m: 0.825rem;  
  --lh-btn-d: 1;
  --lh-btn-m: 1;
  --ls-btn: -0.02em;
/* font-weight: 500 */

  /* Mniejszy Przycisk - np. Boxy */
  --fs-btn-sm-d: 0.75rem;
  --fs-btn-sm-l: 0.75rem;
  --fs-btn-sm-t: 0.75rem;  
  --fs-btn-sm-m: 0.75rem; 
  --lh-btn-sm-d: 1;
  --lh-btn-sm-m: 1;
  --ls-btn-sm: -.03em;
	/* font-weight: 500 */


  /* Number / Counters Title */
  --fs-number-title-d: 2rem;  
  --fs-number-title-l: 1.75rem;
  --fs-number-title-t: 1.5rem;  
  --fs-number-title-m: 1.25rem;  
  --lh-number-title-d: 1.14;
  --lh-number-title-m: 1.12;
  --ls-number-title: -0.03em;

	/* Number/Counter Text */
  --fs-nb-text-d: .75rem;  
  --fs-nb-text-l: .75rem;
  --fs-nb-text-t: .75rem;
  --fs-nb-text-m: .6rem; 
  --lh-nb-text-d: 1.30;
  --lh-nb-text-m: 1.3;
  --ls-nb-text: 0.01em;

/* =========================================================
   DODATKOWE ZMIENNE ROZMIARÓW
   ========================================================= */
	
/* Przyciski - zwykłe*/
	--btn-main-padding-y-d: 1rem;
	--btn-main-padding-y-l: 1rem;
	--btn-main-padding-y-t: 1rem;
	--btn-main-padding-y-m: 1rem;
	/* 	btn padding X */
	--btn-main-padding-x-d: 1.5rem;
	--btn-main-padding-x-l: 1.5rem;
	--btn-main-padding-x-t: 1.5rem;
	--btn-main-padding-x-m: 1.5rem;

	
/* Przyciski - z samym borderem */
	--btn-sec-padding-y: 1em;
	--btn-sec-padding-x: 0;
	
/* Ikony w boksach */
  --icon-d: 2.85rem;
  --icon-l: 2.75rem;
  --icon-t: 2.5rem;
  --icon-m: 2.5rem;
  --icon-margin-d: 1.5rem;
  --icon-margin-l: 1.5rem;
  --icon-margin-t: 1.5rem;
  --icon-margin-m: 1.5rem;

/* 	BOXY paddingi */
	--p-box-d: 2rem;
	--p-box-l: 2rem;
	--p-box-t: 2rem;
	--p-box-m: 1.5rem;
	--box-tile-margin: 1.5rem;
	--box-desc-margin: 1rem;
	--box-desc-offer-margin: 1.25rem;
	--box-desc-offer-margin: 1.5rem;

/* Box - counter / numbers */
	--p-nb-box-d: 1rem;
	--p-nb-box-l: 1rem;
	--p-nb-box-t: 1rem;
	--p-nb-box-m: 1rem;
	--box--nb-title-margin: .75em;
	
/* 	NAGŁÓWKI NA STRONIE - SEKCJE */
	--h2-subtitle-margin-d: 1rem;
	--h2-subtitle-margin-l: 1rem;
	--h2-subtitle-margin-t: 1rem;
	--h2-subtitle-margin-m: 1rem;
	/* DESC */
	--h2-desc-margin-d: 1.5rem;
	--h2-desc-margin-l: 1.5rem;
	--h2-desc-margin-t: 1.5rem;
	--h2-desc-margin-m: 1.25rem;
	
	/* section	 */
	--heading-section-margin-d: 3rem;
	--heading-section-margin-l: 3rem;
	--heading-section-margin-t: 3rem;
	--heading-section-margin-m: 2rem;

/* section - margin	 */
	--section-margin-y-d: 8rem;
	--section-margin-y-l: 8rem;
	--section-margin-y-t: 7rem;
	--section-margin-y-s: 6rem;
	/* x */
	--section-margin-x-d: 3rem;
	--section-margin-x-l: 5rem;
	--section-margin-x-t: 2rem;
	--section-margin-x-s: 1rem;
	
	@media (min-width: 1367px) {
		--icon-box: var(--icon-d);
		--p-box: var(--p-box-d);
		--icon-margin: var(--icon-margin-d);
		--h2-subtitle-margin: var(--h2-subtitle-margin-d);
		--h2-desc-margin: var(--h2-desc-margin-d);
		--heading-section-margin: var(--heading-section-margin-d);
		--btn-main-padding-y: var(--btn-main-padding-y-d);
		--btn-main-padding-x: var(--btn-main-padding-x-d);
		--section-margin-y: var(--section-margin-y-d);
		--section-margin-x: var(--section-margin-x-d);
		--p-nb-box: var(--p-nb-box-d);
		.elementskit-section-subtitle {
			margin-bottom: var(--h2-subtitle-margin) !important;
		} 
		
	}
	@media (max-width: 1366px) {
		--icon-box: var(--icon-l);
		--p-box: var(--p-box-l);
		--icon-margin: var(--icon-margin-l);
		--h2-subtitle-margin: var(--h2-subtitle-margin-l);
		--h2-desc-margin: var(--h2-desc-margin-l);
		--heading-section-margin: var(--heading-section-margin-l);
		--btn-main-padding-y: var(--btn-main-padding-y-l);
		--btn-main-padding-x: var(--btn-main-padding-x-l);
		--section-margin-y: var(--section-margin-y-l);
		--section-margin-x: var(--section-margin-x-l);
		--p-nb-box: var(--p-nb-box-l);
		.elementskit-section-subtitle {
			margin-bottom: var(--h2-subtitle-margin) !important;
		} 
	}
	@media (max-width: 1024px) {
		--icon-box: var(--icon-t);
		--p-box: var(--p-box-t);
		--icon-margin: var(--icon-margin-t);
		--h2-subtitle-margin: var(--h2-subtitle-margin-t);
		--h2-desc-margin: var(--h2-desc-margin-t);
		--heading-section-margin: var(--heading-section-margin-t);
		--btn-main-padding-y: var(--btn-main-padding-y-t);
		--btn-main-padding-x: var(--btn-main-padding-x-t);
		--section-margin-y: var(--section-margin-y-t);
		--section-margin-x: var(--section-margin-x-t);
		--p-nb-box: var(--p-nb-box-t);
		.elementskit-section-subtitle {
			margin-bottom: var(--h2-subtitle-margin) !important;
		} 
	}
	@media (max-width: 767px) {
		--icon-box: var(--icon-m);
		--p-box: var(--p-box-m);
		--icon-margin: var(--icon-margin-m);
		--h2-subtitle-margin: var(--h2-subtitle-margin-m);
		--h2-desc-margin: var(--h2-desc-margin-m);
		--heading-section-margin: var(--heading-section-margin-m);
		--btn-main-padding-y: var(--btn-main-padding-y-m);
		--btn-main-padding-x: var(--btn-main-padding-x-m);
		--section-margin-y: var(--section-margin-y-s);
		--section-margin-x: var(--section-margin-x-s);
		--p-nb-box: var(--p-nb-box-m);
		.elementskit-section-subtitle {
			margin-bottom: var(--h2-subtitle-margin) !important;
		} 
	}

}

/* =========================
   DESKTOP ≥ 1366px
   ========================= */
.br-desktop {
  display: block;
}

@media (min-width: 1366px) {
  .br-mobile, .br-tablet, .br-laptop {
    display: none !important;
  }
	
/* 	.br-desktop {
    display: none !important;
  } */
}


/* =========================
   LAPTOP 1025–1365px
   ========================= */
.br-laptop {
  display: none;
}

@media (max-width: 1365px) and (min-width: 1025px) {
  .br-mobile, .br-tablet, .br-desktop {
    display: none !important;
  }
	
	.br-laptop {
    display: block;
  }
}


/* =========================
   TABLET 768–1024px
   ========================= */
.br-tablet {
  display: none;
}

@media (max-width: 1024px) and (min-width: 768px) {
	.br-mobile, .br-laptop, .br-desktop {
    display: none !important;
  }
  .br-tablet {
    display: block;
  }
}


/* =========================
   MOBILE ≤ 767px
   ========================= */
.br-mobile {
  display: none;
}

@media (max-width: 767px) {
  .br-tablet, .br-laptop, .br-desktop {
    display: none !important;
  }
	.br-mobile {
    display: block;
  }
}

