#privacypolicy-message {
	padding: 10px 10px; 
	font-size: 14px; 
	line-height: 24px; 
	text-align: center; 
	position: fixed; 
	bottom: 0px; 
	background-color: #FBFF09 !important;
	color: #000000 !important; 
	width: 100%; z-index: 999;
}
.logo-background {
	background-color: #fff !important;
}
.bree-serif-regular {
  font-family: "Bree Serif", serif;
  font-weight: 400;
  font-style: normal;
}
.honeypot{
	display: none;
}
.submenu {
	background-color: #333;
	width: 250px;
	padding: 0px 15px;
}
@media (max-width:1199px){
	.submenu {
		background-color: #333;
		width: 220px;
		padding: 0px 15px;
	}
}
@media (max-width:991px){
	.submenu {
		background-color: #333;
		width: 180px;
		padding: 0px 15px;
	}
}
@media (max-width:768px){
	.submenu {
		background-color: #333;
		width: auto;
		padding: 0px 15px;
	}
}
#rodo {
	display: none;	
}
.small-text {
	font-size: 12px;	
	text-align: justify; 
}
.img-fluid-33 {
	max-width: 33%;
	height: auto;
}
.img-fluid-50 {
	max-width: 50%;
	height: auto;
}
.img-fluid-66 {
	max-width: 66%;
	height: auto;
}
.img-fluid-75 {
	max-width: 50%;
	height: auto;
}
.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.public-submenu {
	margin: 10px;
}
.bg-dark .nav-link:link {
	color: #FAFAFA !important;
}
.bg-dark .nav-link:visited {
	color: #FAFAFA !important;
}
.bg-dark .nav-link:hover, .bg-dark .nav-link:active, .bg-dark .nav-link:focus { 
	color: #FFFFFF !important;
}
.background-accessibility-menu {
	background-color: #89ce00;
	color: #000000;
}
.social-icon {
	margin-left: 2px;
	margin-right: 2px;
}
.main-menu {
  font-family: "Bree Serif", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
}
.col-5th {
	flex: 0 0 20%;
	max-width: 20%;
}

.bg-grey {
	background-color: #fff;
}

.row {
	display: flex;
	align-items: stretch; /* WAŻNE — kolumny będą miały tę samą wysokość */
}
.col-6 {
	display: flex;
	flex-direction: column;
}
.widget {
	background-color: #fff;
	color: #000;
	flex: 1;          /* sprawia, że wypełnia całą wysokość kolumny */
  	display: flex;    /* opcjonalnie, żeby centrować tekst */
  	flex-direction: column;
  	justify-content: center;
}

.widget-icon-background {
	background-image: url("images/trybik-xxs.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto auto;
	color: #FFF;
	font-size: 10px;
	padding-top: 40px;
	padding-bottom: 40px;	
}	
.widgets-title {
	font-family: "Bree Serif", serif;
	text-decoration: underline;
	text-align: center;
	color: #000000;
	padding-top: 15px;
	padding-bottom: 10px;
}
div.col-sm-12 .widget {
	font-size: 0px;
	text-align: center;
	padding: 5px 5px;			
}
div.col-sm-12 .widget-title {
	font-family: "Bree Serif", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	text-align: center;
	color: #5BA300;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.col-sm-12 .circle-btn {
	--size: 10px;              /* średnica koła */
	inline-size: var(--size);  /* width */
	block-size: var(--size);   /* height */
	aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
	display: inline-flex;      /* łatwe centrowanie */
	align-items: center;
	justify-content: center;
	border: 2px solid currentColor;
	border-radius: 50%;
	background: transparent;
	padding: 0;                /* ważne: ikona nie rozszerza przycisku */
	line-height: 1;            /* neutralizuje line-height fontu */
	flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
}
div.col-sm-12 .circle-btn i {
	font-size: 0.6rem;         
	line-height: 1;
}
div.col-sm-6 .widget {
	font-size: 0px;
	text-align: center;
	padding: 3px;	
}
div.col-sm-6 .widget-title {
	font-family: "Bree Serif", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 5px;
	text-align: center;
	color: #5BA300;
	padding: 0px;
}
div.col-sm-6 .circle-btn {
	--size: 7px;              /* średnica koła */
	inline-size: var(--size);  /* width */
	block-size: var(--size);   /* height */
	aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
	display: inline-flex;      /* łatwe centrowanie */
	align-items: center;
	justify-content: center;
	border: 2px solid currentColor;
	border-radius: 50%;
	background: transparent;
	padding: 0;                /* ważne: ikona nie rozszerza przycisku */
	line-height: 1;            /* neutralizuje line-height fontu */
	flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
}
div.col-sm-6 .circle-btn i {
	font-size: 0.4rem;         
	line-height: 1;
}
div.col-sm-4 .widget {
	font-size: 0px;
	text-align: center;
	padding: 1px;					
}
div.col-sm-4 .widget-title {
	font-family: "Bree Serif", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2px;
	text-align: center;
	color: #5BA300;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.col-sm-4 .circle-btn {
	--size: 8px;              /* średnica koła */
	inline-size: var(--size);  /* width */
	block-size: var(--size);   /* height */
	aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
	display: inline-flex;      /* łatwe centrowanie */
	align-items: center;
	justify-content: center;
	border: 2px solid currentColor;
	border-radius: 50%;
	background: transparent;
	padding: 0;                /* ważne: ikona nie rozszerza przycisku */
	line-height: 1;            /* neutralizuje line-height fontu */
	flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
}
div.col-sm-4 .circle-btn i {
	font-size: 0.2rem;         
	line-height: 1;
}
div.col-sm-3 .widget {
	font-size: 0px;
	text-align: center;
	padding: 2px;		
}
div.col-sm-3 .widget-title {
	font-family: "Bree Serif", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0px;
	text-align: center;
	color: #5BA300;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.col-sm-3 .circle-btn {
	--size: 0px;              /* średnica koła */
	inline-size: var(--size);  /* width */
	block-size: var(--size);   /* height */
	aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
	display: inline-flex;      /* łatwe centrowanie */
	align-items: center;
	justify-content: center;
	border: 2px solid currentColor;
	border-radius: 50%;
	background: transparent;
	padding: 0;                /* ważne: ikona nie rozszerza przycisku */
	line-height: 1;            /* neutralizuje line-height fontu */
	flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
}
div.col-sm-3 .circle-btn i {
	font-size: 0rem;         
	line-height: 1;
}
div.col-sm-2 .widget {
	font-size: 0px;
	text-align: center;
	padding: 0px;				
}
div.col-sm-2 .widget-title {
	font-family: "Bree Serif", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0px;
	text-align: center;
	color: #5BA300;
	padding-top: px;
	padding-bottom: 0px;
}
div.col-sm-2 .circle-btn {
	--size: 1px;              /* średnica koła */
	inline-size: var(--size);  /* width */
	block-size: var(--size);   /* height */
	aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
	display: inline-flex;      /* łatwe centrowanie */
	align-items: center;
	justify-content: center;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: transparent;
	padding: 0;                /* ważne: ikona nie rozszerza przycisku */
	line-height: 1;            /* neutralizuje line-height fontu */
	flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
}
div.col-sm-2 .circle-btn i {
	font-size: 0.1rem;         
	line-height: 1;
}

@media (min-width:412px){
	.widget-icon-background {
		background-image: url("images/trybik-xs.webp");
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		color: #FFF;
		font-size: 10px;
		padding-top: 40px;
		padding-bottom: 40px;	
	}	
	.widgets-title {
		font-family: "Bree Serif", serif;
		text-decoration: underline;
		text-align: center;
		color: #000000;
		padding-top: 15px;
		padding-bottom: 10px;
	}
	div.col-sm-12 .widget {
		font-size: 5px;
		text-align: center;
		padding: 0px 5px;		
	}
	div.col-sm-12 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 16px;
		text-align: center;
		color: #5BA300;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	div.col-sm-12 .circle-btn {
		--size: 10px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-sm-12 .circle-btn i {
		font-size: 0.6rem;         
		line-height: 1;
	}
	div.col-sm-6 .widget {
		font-size: 0px;
		text-align: center;
		padding: 3px 5px;	
	}
	div.col-sm-6 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 8px;
		text-align: center;
		color: #5BA300;
		padding: 0px 5px 0px 5px;
 	}
	div.col-sm-6 .circle-btn {
		--size: 7px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-sm-6 .circle-btn i {
		font-size: 0.4rem;         
		line-height: 1;
	}
	div.col-sm-4 .widget {
		font-size: 0px;
		text-align: center;
		padding: 5px;						
	}
	div.col-sm-4 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 4px;
		text-align: center;
		color: #5BA300;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	div.col-sm-4 .circle-btn {
		--size: 8px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-sm-4 .circle-btn i {
		font-size: 0.2rem;         
		line-height: 1;
	}
	div.col-sm-3 .widget {
		font-size: 0px;
		text-align: center;
		padding: 2px;		
	}
	div.col-sm-3 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1px;
		text-align: center;
		color: #5BA300;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	div.col-sm-3 .circle-btn {
		--size: 0px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 1px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-sm-3 .circle-btn i {
		font-size: 0rem;         
		line-height: 1;
	}
	div.col-sm-2 .widget {
		font-size: 0px;
		text-align: center;
		padding: 0px;				
	}
	div.col-sm-2 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 0px;
		text-align: center;
		color: #5BA300;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	div.col-sm-2 .circle-btn {
		--size: 1px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 1px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-sm-2 .circle-btn i {
		font-size: 0.1rem;         
		line-height: 1;
	}
} 
@media (min-width:576px){
	.carousel-caption {
		background-color: #FFFFFF;
		color: #000;
		left: 0 !important;
		right: 33% !important;
		padding: 20px 20px 10px 20px;
		text-align: justify;
		font-size: 12px;
	}
	.carousel-caption h5 {
		text-align: left;
		font-size: 22px !important;	
		color: #5BA300;
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
	}
	.circle-banner-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	.circle-banner-btn i {
		text-align: right;
		font-size: 0.8rem;         
		line-height: 1;
	}
	.widget-icon-background {
		background-image: url("images/trybik-sm.webp");
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		color: #FFF;
		font-size: 12px;
		padding-top: 50px;
		padding-bottom: 50px;	
	}
	.widgets-title {
		font-family: "Bree Serif", serif;
		text-decoration: underline;
		text-align: center;
		color: #000000;
		padding-top: 15px;
		padding-bottom: 10px;
	}
	div.col-sm-12 .widget {
		font-size: 8px;
		text-align: center;
		padding: 5px 15px;		
	}
	div.col-sm-12 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 16px;
		text-align: center;
		color: #5BA300;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	div.col-sm-12 .circle-btn {
		--size: 10px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-sm-12 .circle-btn i {
		font-size: 0.6rem;         
		line-height: 1;
	}
	div.col-sm-6 .widget {
		font-size: 0px;
		text-align: center;
		padding: 3px 5px;		
	}
	div.col-sm-6 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 10px;
		text-align: center;
		color: #5BA300;
		padding: 0px 5px 0px 5px;
 	}
	div.col-sm-6 .circle-btn {
		--size: 7px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-sm-6 .circle-btn i {
		font-size: 0.4rem;         
		line-height: 1;
	}
	div.col-sm-4 .widget {
		font-size: 0px;
		text-align: center;
		padding: 5px;		
	}
	div.col-sm-4 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 6px;
		text-align: center;
		color: #5BA300;
		padding-top: 0px;
		padding-bottom: 3px;
	}
	div.col-sm-4 .circle-btn {
		--size: 8px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-sm-4 .circle-btn i {
		font-size: 0.2rem;         
		line-height: 1;
	}
	div.col-sm-3 .widget {
		font-size: 0px;
		text-align: center;
		padding: 2px;		
	}
	div.col-sm-3 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 5px;
		text-align: center;
		color: #5BA300;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	div.col-sm-3 .circle-btn {
		--size: 0px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-sm-3 .circle-btn i {
		font-size: 0rem;         
		line-height: 1;
	}
	div.col-sm-2 .widget {
		font-size: 0px;
		text-align: center;
		padding: 0px;		
	}
	div.col-sm-2 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 2px;
		text-align: center;
		color: #5BA300;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	div.col-sm-2 .circle-btn {
		--size: 1px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-sm-2 .circle-btn i {
		font-size: 0.1rem;         
		line-height: 1;
	}
} 
@media (min-width:786px){
	.carousel-caption {
		background-color: #FFFFFF;
		color: #000;
		left: 0 !important;
		right: 33% !important;
		padding: 20px 20px 10px 20px;
		text-align: justify;
		font-size: 12px;
	}
	.carousel-caption h5 {
		text-align: left;
		font-size: 22px !important;	
		color: #5BA300;
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
	}
	.circle-banner-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	.circle-banner-btn i {
		text-align: right;
		font-size: 0.8rem;         
		line-height: 1;
	}
	.widget-icon-background {
		background-image: url("images/trybik-md.webp");
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		color: #FFF;
		font-size: 16px;
		padding-top: 50px;
		padding-bottom: 50px;	
	}	
	.widgets-title {
		font-family: "Bree Serif", serif;
		text-decoration: underline;
		text-align: center;
		color: #000000;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	div.col-md-12 .widget {
		font-size: 10px;
		text-align: center;
		padding: 10px 20px;	
	}
	div.col-md-12 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		text-align: center;
		color: #5BA300;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	div.col-md-12 .circle-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-md-12 .circle-btn i {
		font-size: 1rem;         
		line-height: 1;
	}
	div.col-md-6 .widget {
		font-size: 0px;
		text-align: center;
		padding: 5px 10px;		
	}
	div.col-md-6 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 14px;
		text-align: center;
		color: #5BA300;
		padding: 0px 10px 0px 10px;
 	}
	div.col-md-6 .circle-btn {
		--size: 10px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-md-6 .circle-btn i {
		font-size: 0.6rem;         
		line-height: 1;
	}
	div.col-md-4 .widget {
		font-size: 0px;
		text-align: center;
		padding: 5px;		
	}
	div.col-md-4 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 8px;
		text-align: center;
		color: #5BA300;
		padding-top: 0px;
		padding-bottom: 3px;
	}
	div.col-md-4 .circle-btn {
		--size: 12px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-md-4 .circle-btn i {
		font-size: 0.2rem;         
		line-height: 1;
	}
	div.col-md-3 .widget {
		font-size: 0px;
		text-align: center;
		padding: 0px 3px;		
	}
	div.col-md-3 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 6px;
		text-align: center;
		color: #5BA300;
		padding-top: 0px;
		padding-bottom: 2px;
	}
	div.col-md-3 .circle-btn {
		--size: 0px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-md-3 .circle-btn i {
		font-size: 0rem;         
		line-height: 1;
	}
	div.col-md-2 .widget {
		font-size: 0px;
		text-align: center;
		padding: 0px;		
	}
	div.col-md-2 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1px;
		text-align: center;
		color: #5BA300;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	div.col-md-2 .circle-btn {
		--size: 2px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-md-2 .circle-btn i {
		font-size: 0.2rem;         
		line-height: 1;
	}
} 
@media (min-width:992px){
	.carousel-caption {
		background-color: #FFFFFF;
		color: #000;
		left: 0 !important;
		right: 66% !important;
		padding: 20px 20px 10px 20px;
		text-align: justify;
		font-size: 12px;
	}
	.carousel-caption h5 {
		text-align: left;
		font-size: 22px !important;	
		color: #5BA300;
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
	}
	.circle-banner-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	.circle-banner-btn i {
		text-align: right;
		font-size: 0.8rem;         
		line-height: 1;
	}
	.widget-icon-background {
		background-image: url("images/trybik-lg.webp");
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		color: #FFF;
		font-size: 20px;
		padding-top: 50px;
		padding-bottom: 50px;	
	}
	.widgets-title {
		font-family: "Bree Serif", serif;
		text-decoration: underline;
		text-align: center;
		color: #000000;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	div.col-lg-12 .widget {
		font-size: 12px;
		text-align: center;
		padding: 10px 20px;		
	}
	div.col-lg-12 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		text-align: center;
		color: #5BA300;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	div.col-lg-12 .circle-btn {
		--size: 40px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-lg-12 .circle-btn i {
		font-size: 1.2rem;         
		line-height: 1;
	}
	div.col-lg-6 .widget {
		font-size: 0px;
		text-align: center;
		padding: 5px 10px;	
	}
	div.col-lg-6 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
		text-align: center;
		color: #5BA300;
		padding: 0px 10px 0px 10px;
 	}
	div.col-lg-6 .circle-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-lg-6 .circle-btn i {
		font-size: 0.6rem;         
		line-height: 1;
	}
	div.col-lg-4 .widget {
		font-size: 0px;
		text-align: center;
		padding: 10px;		
	}
	div.col-lg-4 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 12px;
		text-align: center;
		color: #5BA300;
		padding-top: 0px;
		padding-bottom: 3px;
	}
	div.col-lg-4 .circle-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-lg-4 .circle-btn i {
		font-size: 0.4rem;         
		line-height: 1;
	}
	div.col-lg-3 .widget {
		font-size: 0px;
		text-align: center;
		padding: 5px 5px;	
	}
	div.col-lg-3 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 8px;
		text-align: center;
		color: #5BA300;
		padding-top: 0px;
		padding-bottom: 2px;
	}
	div.col-lg-3 .circle-btn {
		--size: 16px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-lg-3 .circle-btn i {
		font-size: 0.4rem;         
		line-height: 1;
	}
	div.col-lg-2 .widget {
		font-size: 0px;
		text-align: center;
		padding: 0px 0px;	
	}
	div.col-lg-2 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 5px;
		text-align: center;
		color: #5BA300;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	div.col-lg-2 .circle-btn {
		--size: 5px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-lg-2 .circle-btn i {
		font-size: 0.4rem;         
		line-height: 1;
	}
} 
@media (min-width:1200px){
	.carousel-caption {
		background-color: #FFFFFF;
		color: #000;
		left: 0 !important;
		right: 75% !important;
		padding: 30px 24px 20px 24px;
		text-align: justify;
		font-size: 12px;
	}
	.carousel-caption h5 {
		text-align: left;
		font-size: 22px !important;	
		color: #5BA300;
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
	}
	.circle-banner-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	.circle-banner-btn i {
		text-align: right;
		font-size: 0.8rem;         
		line-height: 1;
	}
	.widget-icon-background {
		background-image: url("images/trybik-xl.webp");
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		color: #FFF;
		font-size: 18px;
		padding-top: 60px;
		padding-bottom: 60px;	
	}
	.widgets-title {
		font-family: "Bree Serif", serif;
		text-decoration: underline;
		text-align: center;
		color: #000000;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	div.col-xl-12 .widget {
		font-size: 12px;
		text-align: center;
		padding: 10px 20px;		
	}
	div.col-xl-12 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 26px;
		text-align: center;
		color: #5BA300;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	div.col-xl-12 .circle-btn {
		--size: 40px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-xl-12 .circle-btn i {
		font-size: 1.2rem;         
		line-height: 1;
	}
	div.col-xl-6 .widget {
		font-size: 0px;
		text-align: center;
		padding: 5px 10px;		

	}
	div.col-xl-6 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 22px;
		text-align: center;
		color: #5BA300;
		padding: 5px 10px 5px 10px;
 	}
	div.col-xl-6 .circle-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-xl-6 .circle-btn i {
		font-size: 0.6rem;         
		line-height: 1;
	}
	div.col-xl-4 .widget {
		font-size: 0px;
		text-align: center;
		padding: 10px;		
	}
	div.col-xl-4 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 16px;
		text-align: center;
		color: #5BA300;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	div.col-xl-4 .circle-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-xl-4 .circle-btn i {
		font-size: 0.4rem;         
		line-height: 1;
	}
	div.col-xl-3 .widget {
		font-size: 0px;
		text-align: center;
		padding: 5px 5px;		
	}
	div.col-xl-3 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 10px;
		text-align: center;
		color: #5BA300;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	div.col-xl-3 .circle-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-xl-3 .circle-btn i {
		font-size: 0.4rem;         
		line-height: 1;
	}
	div.col-xl-2 .widget {
		font-size: 0px;
		text-align: center;
		padding: 0px 0px;
	}
	div.col-xl-2 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 7px;
		text-align: center;
		color: #5BA300;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	div.col-xl-2 .circle-btn {
		--size: 10px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-xl-2 .circle-btn i {
		font-size: 0.4rem;         
		line-height: 1;
	}
} 
@media (min-width:1400px){
	.carousel-caption {
		background-color: #FFFFFF;
		color: #000;
		left: 0 !important;
		right: 75% !important;
		padding: 50px 30px 20px 30px;
		text-align: justify;
		font-size: 14px;
	}
	.carousel-caption h5 {
		text-align: left;
		font-size: 26px !important;	
		color: #5BA300;
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
	}
	.circle-banner-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	.circle-banner-btn i {
		text-align: right;
		font-size: 0.8rem;         
		line-height: 1;
	}
	.widget-icon-background {
		background-image: url("images/trybik-xxl.webp");
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		color: #FFF;
		font-size: 20px;
		padding-top: 80px;
		padding-bottom: 80px;	
	}
	.widgets-title {
		font-family: "Bree Serif", serif;
		text-decoration: underline;
		text-align: center;
		color: #000000;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	div.col-xxl-12 .widget {		
		font-size: 14px;
		text-align: center;
		padding: 20px 40px;
	}
	div.col-xxl-12 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 30px;
		text-align: center;
		color: #5BA300;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	div.col-xxl-12 .circle-btn {
		--size: 40px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-xxl-12 .circle-btn i {
		font-size: 1.2rem;         
		line-height: 1;
	}
	div.col-xxl-6 .widget {
		font-size: 0px;
		text-align: center;
		padding: 10px 15px;
	}
	div.col-xxl-6 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 26px;
		text-align: center;
		color: #5BA300;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	div.col-xxl-6 .circle-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-xxl-6 .circle-btn i {
		font-size: 0.6rem;         
		line-height: 1;
	}
	div.col-xxl-4 .widget {
		font-size: 0px;
		text-align: center;
		padding: 10px;
	}
	div.col-xxl-4 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		text-align: center;
		color: #5BA300;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	div.col-xxl-4 .circle-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-xxl-4 .circle-btn i {
		font-size: 0.4rem;         
		line-height: 1;
	}
	div.col-xxl-3 .widget {
		font-size: 0px;
		text-align: center;
		padding: 10px 5px;		
	}
	div.col-xxl-3 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 13px;
		text-align: center;
		color: #5BA300;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	div.col-xxl-3 .circle-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-xxl-3 .circle-btn i {
		font-size: 0.4rem;         
		line-height: 1;
	}
	div.col-xxl-2 .widget {
		font-size: 0px;
		text-align: center;
		padding: 0px 0px;
	}
	div.col-xxl-2 .widget-title {
		font-family: "Bree Serif", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 10px;
		text-align: center;
		color: #5BA300;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	div.col-xxl-2 .circle-btn {
		--size: 20px;              /* średnica koła */
		inline-size: var(--size);  /* width */
		block-size: var(--size);   /* height */
		aspect-ratio: 1 / 1;       /* pilnuje proporcji */	
		display: inline-flex;      /* łatwe centrowanie */
		align-items: center;
		justify-content: center;
		border: 2px solid currentColor;
		border-radius: 50%;
		background: transparent;
		padding: 0;                /* ważne: ikona nie rozszerza przycisku */
		line-height: 1;            /* neutralizuje line-height fontu */
		flex: 0 0 auto;            /* nie rozciągaj w flexboxie */
	}
	div.col-xxl-2 .circle-btn i {
		font-size: 0.4rem;         
		line-height: 1;
	}
} 
a.white-link img {
	border: none;
	font-size: 12px;	
}
a.white-link:link {
	color: #FFFFFF;
}
a.white-link:visited {
	color: #FFFFFF;
}
a.white-link:hover, a.white-link:active, a.white-link:focus { 
	color: #FFFFFF;
}
a.red-link img {
	border: none;
	font-size: 12px;	
}
a.red-link:link {
	color: #5BA300;
	text-decoration: none;
}
a.red-link:visited {
	color: #5BA300;
	text-decoration: none;
}
a.red-link:hover, a.red-link:active, a.white-link:focus { 
	color: #5BA300;
	text-decoration: none;
}
.breadcrumb {
	background-color: #E6308A;
}

.breadcrumb li.breadcrumb-item  {
	border: none;
}
.breadcrumb li.breadcrumb-item a:link {
	color: #000000 !important;
	text-decoration: none;
}
.breadcrumb li.breadcrumb-item a:visited {
	color: #000000 !important;
	text-decoration: none;
}
.breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus { 
	color: #222222 !important;
	text-decoration: none;
}
.card {
	background-color: #0073E6 !important;
}
.card-title {
	color: #FFFFFF !important;
}
.social-icon{display:inline-block;width:35px;height:35px;background-size:contain;background-repeat:no-repeat;background-position:center}
.social-icon-secondary{display:inline-block;width:35px;height:35px;background-size:contain;background-repeat:no-repeat;background-position:center}
.signal .social-icon{background-image:url('/assets/stylesheets/images/social-white/signal.webp')}
.youtube .social-icon{background-image:url('/assets/stylesheets/images/social-white/youtube.webp')}
.twitch .social-icon{background-image:url('/assets/stylesheets/images/social-white/twitch.webp')}
.vimeo .social-icon{background-image:url('/assets/stylesheets/images/social-white/vimeo.webp')}
.facebook .social-icon{background-image:url('/assets/stylesheets/images/social-white/facebook.webp')}
.instagram .social-icon{background-image:url('/assets/stylesheets/images/social-white/instagram.webp')}
.whatsapp .social-icon{background-image:url('/assets/stylesheets/images/social-white/whatsapp.webp')}
.twitter .social-icon{background-image:url('/assets/stylesheets/images/social-white/twitter.webp')}
.linkedin .social-icon{background-image:url('/assets/stylesheets/images/social-white/linkedin.webp')}
.teams .social-icon{background-image:url('/assets/stylesheets/images/social-white/teams.webp')}
.github .social-icon{background-image:url('/assets/stylesheets/images/social-white/github.webp')}
.reddit .social-icon{background-image:url('/assets/stylesheets/images/social-white/reddit.webp')}
.mastodon .social-icon{background-image:url('/assets/stylesheets/images/social-white/mastodon.webp')}
.spotify .social-icon{background-image:url('/assets/stylesheets/images/social-white/spotify.webp')}
.tiktok .social-icon{background-image:url('/assets/stylesheets/images/social-white/tiktok.webp')}
.discord .social-icon{background-image:url('/assets/stylesheets/images/social-white/discord.webp')}
.snapchat .social-icon{background-image:url('/assets/stylesheets/images/social-white/snapchat.webp')}
.viber .social-icon{background-image:url('/assets/stylesheets/images/social-white/viber.webp')}
.behance .social-icon{background-image:url('/assets/stylesheets/images/social-white/behance.webp')}
.tumblr .social-icon{background-image:url('/assets/stylesheets/images/social-white/tumblr.webp')}
.pinterest .social-icon{background-image:url('/assets/stylesheets/images/social-white/pinterest.webp')}
.bluesky .social-icon{background-image:url('/assets/stylesheets/images/social-white/bluesky.webp')}
.signal .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/signal.webp')}
.youtube .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/youtube.webp')}
.twitch .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/twitch.webp')}
.vimeo .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/vimeo.webp')}
.facebook .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/facebook.webp')}
.instagram .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/instagram.webp')}
.whatsapp .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/whatsapp.webp')}
.twitter .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/twitter.webp')}
.linkedin .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/linkedin.webp')}
.teams .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/teams.webp')}
.github .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/github.webp')}
.reddit .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/reddit.webp')}
.mastodon .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/mastodon.webp')}
.spotify .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/spotify.webp')}
.tiktok .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/tiktok.webp')}
.discord .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/discord.webp')}
.snapchat .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/snapchat.webp')}
.viber .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/viber.webp')}
.behance .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/behance.webp')}
.tumblr .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/tumblr.webp')}
.pinterest .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/pinterest.webp')}
.bluesky .social-icon-secondary{background-image:url('/assets/stylesheets/images/social-icon-wcag/bluesky.webp')}